:root{color-scheme:dark;--gold:#ffbb56;--violet:#d25bff;--bg:#100d1b;--panel:#1b1428;--edge:#8f4e73}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 65% -10%,#6e2555 0,transparent 45%),#100d1b;color:#f8edf9;font:15px/1.5 system-ui,Segoe UI,Arial,sans-serif}a{color:#ffd18b}button,input,select{font:inherit}button{cursor:pointer}.sitebar{background:linear-gradient(95deg,#190d23,#532038 55%,#1b1228);border-bottom:2px solid #ff9d40;padding:13px clamp(14px,2vw,30px);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.brand{font-weight:950;font-size:clamp(17px,2.3vw,26px);color:white;text-decoration:none;letter-spacing:.02em}.brand em{color:var(--gold);font-style:normal}.brand small{display:block;font-size:10px;letter-spacing:.15em;color:#ffca96}.sitebar nav{display:flex;flex-wrap:wrap;gap:8px}.sitebar nav a,.btn{display:inline-block;text-decoration:none;border:1px solid #ad6e99;background:#21182d;color:white;border-radius:10px;padding:8px 13px}.sitebar nav a:hover,.btn:hover,.btn:focus-visible{border-color:#ffbe5b;background:#512a56}.hero{padding:30px clamp(14px,3vw,40px);background:linear-gradient(100deg,#2a102b 15%,#5c2847b5 55%,#261327 100%),url('./art/sunset.svg') center/cover;border-bottom:1px solid #d96d73}.hero h1{margin:0;font-size:clamp(29px,4vw,48px);line-height:1.15}.hero p{max-width:800px}.tag{font-size:11px;letter-spacing:.15em;font-weight:800;color:#ffb96a}.wrap{max-width:1540px;margin:0 auto;padding:20px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card,.panel{background:linear-gradient(145deg,#23192f,#141321);border:1px solid #95577e;border-radius:15px;overflow:hidden;box-shadow:0 4px 22px #0005}.card{padding:17px;min-height:160px;display:flex;flex-direction:column;gap:8px}.card h2{font-size:19px;margin:0}.card p{color:#d8c6df;font-size:13px;margin:0;flex:1}.card .btn{align-self:start}.layout{display:grid;grid-template-columns:minmax(225px,290px) minmax(0,1fr) minmax(225px,290px);gap:14px}.panel{padding:16px;min-width:0}.panel h2{font-size:19px;margin:0 0 13px;color:#ffca82}.panel h3{font-size:15px;margin:20px 0 8px}.panel input[type=search]{width:100%;padding:11px;background:#100d1b;color:white;border:1px solid #7b607b;border-radius:9px}.steps{display:grid;gap:9px;margin-top:14px}.step{display:flex;gap:9px;align-items:start;border:1px solid #503b5b;background:#151322;padding:10px;border-radius:9px}.step input{accent-color:#ffb94e;margin-top:5px}.step span{flex:1}.mapbox{min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;background:radial-gradient(circle,#254c52,#131f30 55%,#131220);border:1px solid #96578a;border-radius:14px;padding:20px;overflow:hidden}.mapbox img{width:100%;max-height:350px;object-fit:contain}.mapbox p{max-width:480px}.mapbox .btn{background:#442654}.small{font-size:12px;color:#d6bdd7}.notice{padding:11px;background:#3d2a24;border-left:3px solid #ffba57;border-radius:8px}.actions{display:flex;flex-wrap:wrap;gap:8px}.progress{height:9px;border-radius:30px;background:#3a2d46;overflow:hidden}.progress span{display:block;background:linear-gradient(90deg,#ffb34d,#c94ff2);height:100%;width:0}.foot{padding:20px;text-align:center;color:#d8bdd3;border-top:1px solid #663d67}.hide{display:none!important}@media(max-width:1050px){.layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.detail{grid-column:1/-1}}@media(max-width:700px){.layout{grid-template-columns:1fr}.mapbox{min-height:360px}.sitebar nav a{font-size:12px;padding:6px 8px}.hero{padding:24px 16px}}