/* Savaro City V18 — final cinematic direction */
:root{--sc-cyan:#20d4ff;--sc-cyan2:#069dd4;--sc-bg:#01070d;--sc-panel:rgba(3,17,27,.90);--sc-line:rgba(30,202,247,.30);--sc-text:#f7fbff;--sc-muted:#a8bbc7}
*{box-sizing:border-box}html{background:#01070d}body{font-family:Arial,"Segoe UI",sans-serif!important;background:#01070d!important;color:var(--sc-text)!important}.site{max-width:1680px!important;margin:auto!important;padding:12px 24px 40px!important}.site-bg{background:radial-gradient(circle at 70% 12%,rgba(0,153,218,.15),transparent 30%),linear-gradient(180deg,#01070d,#03111b 58%,#01070d)!important}
.topbar{height:76px!important;min-height:76px!important;padding:0 28px!important;border-radius:16px!important;background:rgba(1,10,17,.94)!important;border:1px solid rgba(32,212,255,.22)!important;backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.36)!important}.brand{gap:14px!important}.brand img{width:62px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 0 10px rgba(32,212,255,.35))}.brand b{font-family:Arial,"Segoe UI",sans-serif!important;font-size:20px!important;font-weight:900!important;letter-spacing:3.2px!important}.brand small{font-family:Arial,"Segoe UI",sans-serif!important;font-size:9px!important;font-weight:800!important;letter-spacing:4.5px!important;color:var(--sc-cyan)!important}.topbar nav{gap:4px!important}.topbar nav a{padding:16px 16px!important;font-family:Arial,"Segoe UI",sans-serif!important;font-size:14px!important;font-weight:700!important;color:#aab9c3!important}.topbar nav a.active,.topbar nav a:hover{color:white!important;background:linear-gradient(180deg,rgba(22,139,190,.24),rgba(5,41,60,.34))!important;box-shadow:inset 0 -2px var(--sc-cyan),0 0 22px rgba(32,212,255,.08)!important}.discord-btn{padding:15px 25px!important;border:1px solid #0fa9df!important;border-radius:999px!important;background:rgba(3,18,29,.72)!important;font-family:Arial,"Segoe UI",sans-serif!important;font-weight:900!important;letter-spacing:.4px!important}
.hero-v16{position:relative!important;min-height:610px!important;margin-top:14px!important;border-radius:18px 18px 0 0!important;overflow:hidden!important;border:1px solid var(--sc-line)!important;background:#020b12!important}.hero-visual{position:absolute!important;inset:0!important;background-image:url('../img/savaro-hero-v17.jpg')!important;background-size:cover!important;background-position:65% center!important;filter:saturate(1.12) contrast(1.06) brightness(.88)!important}.hero-v16:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(1,7,12,.99) 0%,rgba(1,7,12,.97) 28%,rgba(1,7,12,.68) 45%,rgba(1,7,12,.04) 72%),linear-gradient(0deg,rgba(1,7,12,.72),transparent 38%)!important;z-index:1!important}.hero-main{position:relative!important;z-index:3!important;width:49%!important;max-width:720px!important;padding:66px 0 50px 46px!important}.hero-main .kicker{color:var(--sc-cyan)!important;font:800 12px/1 Arial,sans-serif!important;letter-spacing:4px!important}.hero-main h1{font-family:Arial,"Segoe UI",sans-serif!important;font-style:italic!important;font-weight:1000!important;font-size:clamp(58px,5.7vw,96px)!important;line-height:.88!important;letter-spacing:-5px!important;margin:18px 0 16px!important;text-transform:uppercase!important}.hero-main h1 span{display:block!important;margin:0!important;color:var(--sc-cyan)!important;text-shadow:0 0 28px rgba(32,212,255,.26)!important}.hero-main p{max-width:570px!important;font-size:17px!important;line-height:1.55!important;color:#c1d0d9!important}.hero-actions{margin-top:25px!important}.hero-actions a{min-width:220px!important;min-height:58px!important;border-radius:8px!important;font-weight:900!important}.hero-actions a.primary{color:#001018!important;background:linear-gradient(135deg,#56e6ff,#10bff1)!important;box-shadow:0 0 28px rgba(32,212,255,.25)!important}.hero-pills{margin-top:28px!important}.hero-pills span{font-size:12px!important;color:#b9cbd5!important}.float-tag{z-index:4!important;font-size:11px!important;border-radius:7px!important;padding:11px 15px!important;background:rgba(2,15,24,.88)!important;border:1px solid rgba(32,212,255,.48)!important;box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 22px rgba(32,212,255,.1)!important}.tag-one{right:38%!important;top:16%!important}.tag-two{right:5%!important;top:41%!important}.tag-three{right:27%!important;bottom:18%!important}
.live-strip{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;margin:0!important;border-radius:0 0 16px 16px!important;border:1px solid var(--sc-line)!important;border-top:0!important;background:rgba(2,14,23,.98)!important;box-shadow:0 20px 45px rgba(0,0,0,.28)!important}.live-item{min-height:108px!important;padding:22px 24px!important;border-right:1px solid rgba(32,212,255,.14)!important}.live-item:last-child{border-right:0!important}.live-item small{letter-spacing:1px!important}.live-item strong{font-size:21px!important}.live-item .online,#server-status.online{color:#29df91!important}.live-item a,.live-item button{border-radius:8px!important;border:1px solid #0fa9df!important;background:rgba(5,33,48,.7)!important;font-weight:800!important}
.v16-content{padding-top:18px!important}.v16-features{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.v16-feature{min-height:145px!important;padding:24px!important;border:1px solid rgba(32,212,255,.20)!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(5,25,38,.96),rgba(2,12,20,.96))!important}.v16-feature i{color:var(--sc-cyan)!important;font-size:10px!important;letter-spacing:2px!important}.v16-feature h3{font-size:18px!important;margin:10px 0 8px!important}.v16-feature p{font-size:13px!important;line-height:1.5!important;color:#aebfca!important}.story-v16{position:relative!important;min-height:300px!important;margin-top:14px!important;padding:48px!important;border:1px solid rgba(32,212,255,.17)!important;border-radius:12px!important;background:linear-gradient(90deg,rgba(2,12,20,.97),rgba(2,12,20,.78)),url('../img/savaro-hero-v16.jpg') center/cover!important;overflow:hidden!important}.story-v16 .number{opacity:.12!important}.story-v16 h2{font-size:46px!important;text-transform:uppercase!important;font-style:italic!important}.story-v16 .eyebrow{color:var(--sc-cyan)!important}.wide-cta{border-radius:12px!important;background:linear-gradient(110deg,rgba(4,23,35,.96),rgba(2,12,20,.96))!important}
.hero-panel,.rules-hero,.team-hero,.live-hero{border-radius:16px!important;border:1px solid var(--sc-line)!important;background:linear-gradient(110deg,rgba(2,13,22,.98),rgba(4,28,42,.88))!important}.panel,.filterbar,.topic-tabs,.rules-main,.side-panel,.member,.wide-cta{background:rgba(3,17,27,.92)!important;border-color:rgba(32,212,255,.20)!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important}.page-content h1,.page-content h2,.page-content h3,.rules-shell h1,.rules-shell h2,.team-page h1,.live-page h1{font-family:Arial,"Segoe UI",sans-serif!important}.site-footer .footer-brand img{width:62px!important;height:58px!important;object-fit:contain!important}
@media(max-width:1100px){.hero-main{width:70%!important}.hero-visual{opacity:.62!important}.hero-v16:after{background:linear-gradient(90deg,rgba(1,7,12,.98),rgba(1,7,12,.54)),linear-gradient(0deg,#01070d,transparent 55%)!important}.float-tag{display:none!important}.v16-features{grid-template-columns:repeat(2,1fr)!important}.live-strip{grid-template-columns:1fr!important}.live-item{border-right:0!important;border-bottom:1px solid rgba(32,212,255,.12)!important}}@media(max-width:720px){.site{padding:7px!important}.topbar{height:auto!important;min-height:66px!important;padding:0 14px!important}.brand img{width:48px!important;height:45px!important}.brand b{font-size:16px!important}.hero-v16{min-height:660px!important}.hero-main{width:100%!important;padding:52px 20px!important}.hero-main h1{font-size:50px!important;letter-spacing:-3px!important}.hero-main p{font-size:15px!important}.v16-features{grid-template-columns:1fr!important}.story-v16{padding:32px 22px!important}.story-v16 h2{font-size:34px!important}}