*{box-sizing:border-box}:root{--bg:#06111e;--p:#0b1929;--p2:#0f2135;--line:#1d3852;--text:#eef6ff;--muted:#8fa7bf;--blue:#42b8ff;--orange:#ff9638;--pink:#ec63ad;--green:#42e1b3}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#06111e,#071624 55%,#06111e);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.a1{width:500px;height:500px;background:#158dff;right:-200px;top:80px}.a2{width:450px;height:450px;background:#ff7c2c;left:-250px;bottom:0}button{font:inherit}header{height:76px;display:flex;align-items:center;padding:0 max(22px,calc((100% - 1240px)/2));position:sticky;top:0;z-index:30;background:#06111ef2;border-bottom:1px solid #153049;backdrop-filter:blur(18px)}.brand{display:flex;gap:10px;align-items:center;cursor:pointer}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:linear-gradient(145deg,var(--blue),#2255ae);box-shadow:0 0 24px #37aaff55}.brand>span:last-child{display:flex;flex-direction:column}.brand b{letter-spacing:.18em;color:white}.brand small{font-size:8px;letter-spacing:.28em;color:#8fa7bf;margin-top:2px}header nav{margin-left:auto;display:flex}header nav button,.mobileMenu button{border:0;background:none;color:#9db1c7;font-size:11px;font-weight:800;padding:12px 10px;cursor:pointer}header nav button:hover,header nav button.active{color:#65caff}.hamb,.mobileMenu{display:none}main{width:min(1240px,calc(100% - 36px));margin:26px auto 90px}section{display:none}section.active{display:block}.hero{min-height:510px;border:1px solid #1b3b59;border-radius:25px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 42%,#1d4771 0,transparent 34%),linear-gradient(120deg,#0b1b2c,#07131f);padding:70px 62px;box-shadow:0 25px 70px #0005}.hero:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,#05101be8)}.heroGlow{position:absolute;width:380px;height:380px;border-radius:50%;background:#ff9b5220;filter:blur(55px);right:18%;top:10%}.heroCopy{position:relative;z-index:3}.heroCopy small,.pageHero small,.head small,.emergency small{color:#5fc9ff;font-weight:900;letter-spacing:.23em}.heroCopy h1{font-size:clamp(70px,10vw,132px);line-height:.82;margin:22px 0 8px;letter-spacing:-.065em;color:white;text-shadow:0 0 40px #59c7ff28}.heroCopy h2{margin:0;color:#59caff;font-weight:500;font-style:italic;letter-spacing:.08em}.heroCopy p{margin-top:38px;line-height:1.9;color:#cad7e4;font-weight:600}.heroBtns{display:flex;gap:10px;margin-top:28px}.heroBtns button{border:1px solid #49bfff;background:#0a90d5;color:white;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer;box-shadow:0 0 25px #1faef533}.heroBtns .ghost{background:#0a1725aa;border-color:#294962;color:#b9cada}.status{position:absolute;z-index:4;right:26px;bottom:22px;font-size:10px;letter-spacing:.12em}.status i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);margin-right:7px}.status b{color:var(--green)}.cityArt{position:absolute;inset:0;opacity:.85}.sun{position:absolute;width:65px;height:65px;border-radius:50%;background:#ffc987;box-shadow:0 0 70px #ff8f48;right:31%;top:27%}.building{position:absolute;bottom:14%;width:65px;background:linear-gradient(90deg,#0c1b2a,#19334b);border-top:2px solid #326080;box-shadow:inset 10px 0 #ffffff05}.building:after{content:"";position:absolute;inset:15px 12px;background:repeating-linear-gradient(#ffb25c 0 3px,transparent 3px 14px);opacity:.35}.b1{right:5%;height:240px}.b2{right:12%;height:175px}.b3{right:20%;height:280px}.b4{right:28%;height:155px}.b5{right:36%;height:210px}.mountain{position:absolute;right:-5%;bottom:12%;width:48%;height:30%;background:#0b1722;clip-path:polygon(0 100%,18% 42%,32% 70%,50% 22%,67% 58%,82% 33%,100% 100%)}.palm{position:absolute;right:42%;bottom:17%;font-size:120px;color:#07101a;transform:rotate(-18deg)}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-36px;padding:0 28px;position:relative;z-index:6}.quick button{min-height:112px;border:1px solid #28506d;border-radius:16px;background:#0a1a2ae8;color:white;display:flex;align-items:center;gap:15px;padding:20px;cursor:pointer;box-shadow:0 16px 30px #0005;transition:.25s}.quick button:nth-child(1){border-color:#238f88}.quick button:nth-child(2){border-color:#b16a2d}.quick button:nth-child(3){border-color:#7756ad}.quick button:nth-child(4){border-color:#9d3f73}.quick button:hover{transform:translateY(-6px);box-shadow:0 20px 35px #0008}.quick i{font-style:normal;font-size:30px}.quick span{display:flex;flex-direction:column;text-align:left}.quick small{color:#8ea6bd;margin-top:5px}.quick em{margin-left:auto;color:#5fcaff;font-style:normal;font-size:20px}.ticker{margin:18px 28px 0;border:1px solid #1e3d57;border-radius:12px;background:#081725;padding:13px 17px;display:flex;gap:20px;align-items:center;font-size:12px}.ticker b{color:#54c9ff}.ticker span{color:#aabdd0;flex:1}.ticker em{font-style:normal;color:#7fa9d3}.head,.pageHero{margin:58px 0 22px}.head h2,.pageHero h1{font-size:clamp(32px,5vw,52px);margin:6px 0;letter-spacing:-.045em}.head p,.pageHero p{color:var(--muted)}.grid{display:grid;gap:14px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card,.news,.emergency,.route article{border:1px solid var(--line);background:linear-gradient(145deg,#0c1c2d,#081522);border-radius:17px;padding:23px;color:white;text-align:left}.card{cursor:pointer;min-height:190px;position:relative;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}.card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#2f9cff10;right:-50px;top:-50px;transition:.3s}.card:hover{transform:translateY(-6px);border-color:#3c7fac;box-shadow:0 18px 35px #0005}.card:hover:before{transform:scale(1.6)}.card i{font-style:normal;font-size:30px}.card h3{margin:20px 0 6px}.card p,.news p,.emergency p,.route p{color:var(--muted);line-height:1.65}.tag{display:inline-block;margin:8px 4px 0 0;border:1px solid #29465e;border-radius:999px;padding:5px 9px;font-size:10px;color:#a8bbce}.filter{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.filter button{border:1px solid #24435d;background:#091826;color:#91a8bd;border-radius:10px;padding:10px 16px;cursor:pointer}.filter button.on{border-color:#d77d35;color:#ffd0a9;background:#321d10;box-shadow:0 0 20px #ff8d3625}.emergency{margin-top:30px;display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.commands{display:grid;grid-template-columns:1fr 1fr;gap:10px}.commands article{border:1px solid #29465f;border-radius:13px;padding:17px;background:#071521}.commands code{display:inline-block;margin-top:12px;padding:8px 11px;border:1px solid #2e648b;border-radius:8px;color:#73c9ff;background:#06111e;font-weight:800}.route{display:grid;gap:12px}.route article{display:grid;grid-template-columns:55px 1fr;column-gap:18px}.route article>b{grid-row:1/3;color:var(--orange);font-size:28px}.route h3{margin:0}.route p{margin-bottom:0}.news time{color:#7890a8;margin-right:15px}.news small{color:#62c7ff;font-weight:900}.news h2{margin-top:18px}footer{border-top:1px solid #153049;padding:35px max(20px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;color:#6e8499}footer b{color:#a8bdd1;letter-spacing:.2em}#modal{display:none;position:fixed;inset:0;background:#020812df;z-index:60;align-items:center;justify-content:center;padding:15px}#modal.open{display:flex}.modalbox{width:min(620px,100%);background:#0a1928;border:1px solid #315673;border-radius:22px;padding:28px;position:relative;box-shadow:0 30px 80px #000b;animation:modalIn .25s ease}.close{position:absolute;right:13px;top:12px;width:40px;height:40px;border-radius:50%;border:1px solid #29475f;background:#0d2032;color:white;font-size:22px}.modalIcon{font-size:40px}.modalbody h2{font-size:30px}.modalbody p{color:var(--muted);line-height:1.8}.bottom{display:none}.reveal{animation:rise .65s both}.active .reveal:nth-child(2){animation-delay:.08s}.active .reveal:nth-child(3){animation-delay:.16s}.active .reveal:nth-child(4){animation-delay:.24s}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:930px){header nav{display:none}.hamb{display:block;margin-left:auto;border:1px solid #28445d;background:#0a1928;color:white;border-radius:10px;width:44px;height:44px}.mobileMenu.open{display:grid;position:fixed;top:76px;left:0;right:0;z-index:29;background:#071421;border-bottom:1px solid #1b3850;grid-template-columns:repeat(2,1fr);padding:12px 20px}.four,.three{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}.cityArt{opacity:.45}.emergency{grid-template-columns:1fr}}@media(max-width:600px){main{width:calc(100% - 24px);margin-top:12px}.hero{min-height:500px;padding:42px 23px}.heroCopy h1{font-size:62px}.heroCopy p{font-size:14px}.cityArt{opacity:.28}.building{bottom:8%}.quick{grid-template-columns:1fr 1fr;padding:0 8px;margin-top:-24px}.quick button{min-height:95px;padding:14px}.quick i{font-size:22px}.quick b{font-size:12px}.quick small{font-size:9px}.ticker{margin:12px 8px 0}.ticker em{display:none}.four,.three,.two,.commands{grid-template-columns:1fr}.card{min-height:155px}.bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:25;background:#06111ef5;border-top:1px solid #1d3852;padding-bottom:env(safe-area-inset-bottom)}.bottom button{border:0;background:none;color:#829bb2;padding:10px 2px;font-size:17px}.bottom small{display:block;font-size:8px;margin-top:3px}.bottom button.active{color:#55c6ff}footer{padding-bottom:90px;display:block}footer span{display:block;margin-top:8px;font-size:10px}.route article{grid-template-columns:42px 1fr}.route article>b{font-size:20px}}
.newsList{display:grid;gap:14px}.newsItem{transition:.25s}.newsItem:hover{border-color:#315b79;transform:translateY(-2px)}.newsMeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.newsMeta time{color:#8da4bb;font-size:12px}.newsMeta span{color:#5ccaff;border:1px solid #24526f;background:#0a2031;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;letter-spacing:.08em}.newsMeta b{color:#ffb36f;font-size:11px}.newsItem h2{margin:15px 0 10px}.newsItem ul{margin:0;padding-left:20px;color:#94abc0;line-height:1.8}.ticker{transition:.25s}.ticker:hover{border-color:#3b7094;background:#0b1d2d}

.rulesContent{display:grid;gap:14px}
.ruleCard{border:1px solid #1d3852;border-radius:16px;background:#091725;padding:22px;transition:.25s}
.ruleCard:hover{border-color:#315b79;transform:translateY(-2px)}
.ruleCardHead{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ruleNumber{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #295778;border-radius:9px;background:#0b2031;color:#59caff;font-size:11px;font-weight:900}
.ruleCard h2{margin:0;font-size:20px}
.ruleCard p{white-space:pre-line;color:#94abc0;line-height:1.85;margin:0}
.rulesMeta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px;color:#7890a7;font-size:10px}
.rulesMeta span{border:1px solid #31536c;border-radius:999px;padding:5px 8px}