/* Pusula Radyoloji referans HTML: koyu zemin, metalik altın, merkezde pusula */
:root{--navy:#08090c;--blue:#171b26;--teal:#e2b755;--ink:#e8e3d9;--muted:#b0b0b0;--bg:#101218;--line:rgba(226,183,85,.23);--white:#171b26;--shadow:0 20px 55px rgba(0,0,0,.28)}
body{background:#08090c;color:#e0e0e0}
.site-header{height:96px;background:rgba(8,9,12,.97);border-bottom:1px solid rgba(226,183,85,.2);box-shadow:0 4px 20px rgba(226,183,85,.08)}
.brand img{width:176px;height:79px;object-fit:contain;object-position:left center}
nav>a:not(.btn){color:#d2c8b4}nav>a:not(.btn):hover,.link-button{color:#e2b755}
.nav-toggle{color:#e2b755}
.btn{background:linear-gradient(135deg,#f4d67c,#d39f37 55%,#a9771c);color:#08090c;border:1px solid #e2b755;border-radius:28px;box-shadow:0 0 20px rgba(226,183,85,.16)}
.btn.ghost{color:#e2b755;border-color:#e2b755;background:transparent}.btn.ghost:hover{background:rgba(226,183,85,.1)}
.hero{background:radial-gradient(circle at 50% 38%,rgba(226,183,85,.085),transparent 43%),linear-gradient(135deg,#08090c,#171b26 50%,#08090c);padding:48px 0 85px;text-align:center}
.hero:before{background-image:radial-gradient(circle at 50% 28%,rgba(226,183,85,.065),transparent 35%)}
.hero-grid{display:flex;flex-direction:column;align-items:center;gap:34px;max-width:900px}
.hero-grid>div:first-child{width:100%}.hero-brand-image{display:block;width:min(510px,92%);max-height:480px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 0 24px rgba(226,183,85,.14))}
.hero h1{max-width:none;color:#e2b755;font-weight:350;letter-spacing:1.2px;font-size:clamp(29px,4.5vw,54px);line-height:1.25}
.hero p{margin:0 auto;color:#b0b0b0}.eyebrow{color:#e2b755;letter-spacing:2px}
.actions{justify-content:center;flex-wrap:wrap}.hero-card{width:min(650px,100%);text-align:left;background:rgba(226,183,85,.035);border:1px solid rgba(226,183,85,.24);box-shadow:0 15px 40px rgba(0,0,0,.16)}
.hero-card strong,.metrics b{color:#e2b755}.pulse{background:#e2b755;box-shadow:0 0 0 8px rgba(226,183,85,.1)}
.section{background:#08090c}.section:nth-of-type(even){background:#171b26}.section h2,.band h2,.page-hero h1,.contact-grid h2,.prose h2{color:#e2b755;letter-spacing:.4px}
.cards article,.service-list article,.values div,.form-card,.stats>div,.table-card{background:rgba(226,183,85,.035);border:1px solid rgba(226,183,85,.2);color:#e0e0e0;box-shadow:none}
.cards article:hover,.service-list article:hover{border-color:#e2b755;background:rgba(226,183,85,.075);box-shadow:0 15px 35px rgba(226,183,85,.08)}
.cards h3,.service-list h2,.values b,.contact-grid b{color:#e2b755}.cards i{color:#d39f37}.cards p,.service-list p,.prose p,.values span,.process span,.cta p{color:#b0b0b0}
.band,.cta,.dashboard,.auth{background:#171b26}.process li{border-color:rgba(226,183,85,.2)}.process li:before{background:linear-gradient(135deg,#f4d67c,#bd8427);color:#08090c}
.page-hero{background:radial-gradient(circle at 50% 25%,rgba(226,183,85,.08),transparent 50%),linear-gradient(130deg,#08090c,#171b26)}
.form-card label{color:#e2b755}.form-card input,.form-card textarea,.table-title input{background:#fff;color:#171b26;border:1px solid #c9b17a}.form-card input:focus,.form-card textarea:focus{border-color:#d39f37;box-shadow:0 0 0 3px rgba(226,183,85,.16)}
footer{background:#050607;border-top:1px solid rgba(226,183,85,.2)}.footer-logo{width:160px;max-height:125px;object-fit:contain}.footer-grid p,.footer-grid a{color:#b0b0b0}
.login-logo{width:250px;max-height:230px;object-fit:contain}.table-card th{background:#24242a;color:#e2b755}.table-card td{border-color:rgba(226,183,85,.12)}.status{color:#17202a}.dash-head h1{color:#e2b755}
@media(max-width:800px){.site-header{height:82px}.brand img{width:125px;height:70px}nav{top:81px;background:#101218;border-color:rgba(226,183,85,.2)}.hero{padding:25px 0 65px}.hero-brand-image{width:min(340px,96%)}.hero-grid{gap:24px}.hero-card{padding:24px}.metrics{gap:6px}.metrics b{font-size:16px}}

.language-switch{display:inline-flex;gap:7px;align-items:center}.language-switch a{font-size:12px;padding:5px;border:1px solid #a88544;border-radius:5px}.language-switch a.active{background:#d39f37;color:#08090c}.dynamic-body{white-space:normal;line-height:1.85}

/* CMS v2.2 mobile layout safeguards */
@media(max-width:767px){html,body{max-width:100%;overflow-x:clip}.container{width:min(100% - 32px,1200px)}.hero-grid,.split,.contact-grid,.footer-grid{grid-template-columns:minmax(0,1fr)}.hero h1{overflow-wrap:anywhere;font-size:clamp(30px,8vw,48px)}.hero-brand-image{max-width:min(100%,320px);height:auto}.cards{grid-template-columns:minmax(0,1fr)}.nav{flex-wrap:wrap}.nav nav{max-width:100%}img{max-width:100%;height:auto}}

/* v3: mobile-first quick navigation */
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.quick-grid a{display:flex;flex-direction:column;gap:12px;text-decoration:none;border:1px solid rgba(226,183,85,.26);border-radius:18px;padding:28px;background:linear-gradient(145deg,#171b25,#0c1018);color:#f7f4ec;min-width:0}
.quick-grid a:hover{border-color:#e2b755;transform:translateY(-2px)}
.quick-grid span,.quick-grid small{font-size:12px;color:#e2b755;letter-spacing:.06em}
.quick-grid strong{font-size:clamp(21px,2.5vw,30px)}
@media(max-width:760px){.quick-grid{grid-template-columns:1fr}.quick-grid a{padding:20px}.hero .actions{display:flex;flex-wrap:wrap;gap:10px}.hero .actions .btn{flex:1 1 190px;text-align:center}.hero h1{overflow-wrap:anywhere}.hero-brand-image{max-width:100%;height:auto}}

/* v4: accessible, responsive hero and cards */
.hero-brand-image{max-width:min(100%,360px);height:auto;object-fit:contain}
.hero h1{font-size:clamp(2rem,5vw,4.25rem);line-height:1.12;overflow-wrap:break-word}
.hero p{max-width:64ch}
@media(max-width:760px){.hero{padding-block:3rem}.hero-grid{grid-template-columns:minmax(0,1fr)!important}.hero-brand-image{max-width:220px}.hero .actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero .actions a{max-width:100%;text-align:center}.hero-card{min-width:0}.cards,.quick-grid{grid-template-columns:minmax(0,1fr)!important}}