.reference-hero{padding-top:96px;min-height:100svh;display:flex;flex-direction:column;background:#043750 url('img/cardiology/hero-bg.jpg') center center/100% 100% no-repeat;color:white;overflow:hidden}
.reference-stage{background:none;flex:1;min-height:680px;display:flex;align-items:center;padding:64px 48px}
.reference-content{max-width:1344px;width:100%;margin:auto}
.reference-title-row{display:grid;grid-template-columns:176px minmax(0,620px);gap:32px;align-items:center}
.reference-number{font-family:'Manrope',Arial,sans-serif;font-size:192px;line-height:1;letter-spacing:-12px;font-weight:750;border-right: none;padding-right:24px}
.reference-type{font-size:30px;font-weight:650;line-height:1.25;margin-bottom:8px}
.reference-hero h1{font-family:'Manrope',Arial,sans-serif;font-size:38px;line-height:1.18;letter-spacing:0;font-weight:700;color:#ff544e;margin:0}
.reference-details{margin:40px 0 0 208px;max-width:680px}
.reference-date,.reference-address{display:flex;align-items:center;gap:20px;line-height:1.4}
.reference-date{font-size:32px;font-weight:700}.reference-address{font-size:22px;font-weight:400;margin-top:16px}
.reference-details svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.reference-actions{display:flex;gap:24px;margin-top:40px}
.reference-register,.reference-stream{display:flex;align-items:center;justify-content:center;gap:16px;font:650 23px 'Manrope',Arial,sans-serif;color:white;min-height:68px;padding:16px 24px;border-radius:12px;transition:background .15s;cursor:pointer}
.reference-register{background:#ef3936;border:2px solid #ef3936}.reference-register:hover{background:#d32c29;border-color:#d32c29}
.reference-stream{background:#04375066;border:2px solid #e0ebf1}.reference-stream:hover{background:#ffffff18}
.reference-actions>*>span{font-size:32px;font-weight:400;line-height:1;margin-left:8px}
.reference-organizers{width:calc(100% - 96px);max-width:1344px;margin:0 auto;padding:40px 0 56px;border-top:1px solid #9ec4d466;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.reference-organizer{display:flex;align-items:center;gap:16px;padding:0 24px;border-left:1px solid #dae6ed;min-width:0}.reference-organizer:first-child{border-left:0;padding-left:0}.reference-organizer:last-child{padding-right:0}
.reference-organizer p{font-size:14px;line-height:1.35;font-weight:500}
.reference-logo{display:block;flex:none;width:96px;height:112px;background-image:url('img/cardiology/reference.png');background-repeat:no-repeat;background-size:1447px 1087px}
.logo-rko{background-position:-90px -870px}.logo-ministry{background-position:-422px -870px}.logo-dispensary{background-position:-754px -870px}.logo-university{background-position:-1128px -870px}
@media(max-width:1440px){.reference-organizers{margin-left:auto;margin-right:auto}.reference-organizer{padding:0 16px;gap:12px}.reference-logo{width:76px;height:96px;background-size:1230px 924px}.logo-rko{background-position:-77px -740px}.logo-ministry{background-position:-363px -740px}.logo-dispensary{background-position:-647px -740px}.logo-university{background-position:-966px -740px}.reference-organizer p{font-size:12px}.reference-title-row{grid-template-columns:144px minmax(0,560px);gap:28px}.reference-number{font-size:164px;padding-right:20px}.reference-type{font-size:27px}.reference-hero h1{font-size:34px}.reference-details{margin-left:172px}.reference-date{font-size:30px}.reference-address{font-size:20px}.reference-stage{min-height:640px}.reference-register,.reference-stream{font-size:21px;padding:16px 20px;gap:12px}}
@media(max-width:1100px){.reference-stage{padding:56px 28px;min-height:620px;background-position:65% center}.reference-title-row{grid-template-columns:112px minmax(0,500px);gap:24px}.reference-number{font-size:132px;letter-spacing:-8px;padding-right:16px}.reference-type{font-size:24px}.reference-hero h1{font-size:30px}.reference-details{margin-left:136px;margin-top:32px}.reference-date{font-size:28px}.reference-address{font-size:18px}.reference-organizers{width:calc(100% - 56px);margin:0 auto;grid-template-columns:1fr 1fr;gap:32px 0}.reference-organizer{padding:0 24px}.reference-organizer:nth-child(3){padding-left:0;border-left:0}.reference-organizer p{font-size:14px}.reference-register,.reference-stream{font-size:19px;min-height:60px}.reference-organizers{padding-top:32px;padding-bottom:40px}}
@media(max-width:800px){.reference-hero{padding-top:88px;background-size:cover;background-position:15% center}.reference-stage{position:relative;min-height:600px}.reference-content{position:relative}.reference-title-row{grid-template-columns:88px minmax(0,1fr);gap:24px}.reference-number{font-size:104px;letter-spacing:-7px;padding-right:12px}.reference-type{font-size:22px}.reference-hero h1{font-size:28px;max-width:490px}.reference-details{margin-left:112px}.reference-date{font-size:26px}.reference-address{font-size:18px}.reference-actions{gap:16px;margin-top:32px}.reference-register,.reference-stream{font-size:17px;padding:12px 16px}.reference-details svg{width:24px;height:24px}}
@media(max-width:600px){.reference-stage{padding:40px 20px;min-height:0;background-position:12% center}.reference-title-row{grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start}.reference-number{font-size:76px;letter-spacing:-5px;padding-right:8px}.reference-type{font-size:16px;line-height:1.4;margin-bottom:12px}.reference-hero h1{font-size:24px;line-height:1.25}.reference-details{margin:32px 0 0}.reference-date{font-size:24px;gap:12px}.reference-address{font-size:17px;gap:12px;margin-top:20px}.reference-actions{gap:12px;margin-top:28px;display:grid;grid-template-columns:1fr 1fr}.reference-register,.reference-stream{font-size:16px;gap:8px;padding:12px 8px;min-height:56px;border-radius:8px}.reference-actions svg{width:20px;height:20px}.reference-actions>*>span{display:none}.reference-organizers{width:calc(100% - 40px);margin:0 auto;grid-template-columns:1fr;gap:24px;padding:28px 0 36px}.reference-organizer,.reference-organizer:nth-child(3){padding:0;border:0;gap:20px}.reference-organizer p{font-size:14px}.reference-logo{width:84px;flex-basis:84px}.reference-organizer p br{display:none}.reference-organizer p br:after{content:' '}}

.logo-university{clip-path:inset(0 20px 0 0)}
