:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f5efff;background:#090c18}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,#080c18df,#10091b66),url('/assets/city.png') center top/cover fixed}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6vw;border-bottom:1px solid #ffffff18;background:#090c18b8}.brand{font-weight:800;letter-spacing:3px}.brand span{color:#dfaf54}nav{display:flex;gap:28px;color:#d5c9e6}.hero{position:relative;min-height:680px;padding:60px 8vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero>div{max-width:600px}.eyebrow{letter-spacing:2px;color:#d5b070;font-size:12px;font-weight:700}.logo{width:220px;height:220px;object-fit:contain}h1{font-size:clamp(42px,5vw,72px);line-height:1.08;margin:16px 0}h1 span{color:#e5b95f}.intro{color:#c9bed7;max-width:480px;line-height:1.7}.button{display:inline-block;padding:18px 30px;border-radius:12px;border:1px solid #dca751;background:linear-gradient(110deg,#a121ed,#50127d);font-weight:750;margin-top:15px;box-shadow:0 15px 50px #6717bb50}.button:hover{filter:brightness(1.2)}.hint{font-size:12px;color:#b5abc5}.status{align-self:flex-start;border:1px solid #9165a9;background:#101425ed;padding:22px;border-radius:16px;min-width:270px;max-width:350px}.status small{font-size:10px;letter-spacing:1px;color:#b4a6c8}.status p{font-weight:700;color:#56e9ad;margin-bottom:0}.content{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:10px 6vw}.content>div,.steps{border:1px solid #6c477e;border-radius:18px;background:#101324ed;padding:30px}h2{margin:8px 0 25px;font-size:28px}.card{border-top:1px solid #ffffff1a;padding:20px 0}.card h3{margin:0 0 10px}.card p{white-space:pre-wrap;color:#bdb3cc;line-height:1.6}.card a{color:#c186f6}.date{color:#e5b95f;font-size:13px}.steps{margin:28px 6vw}.steps ol{display:flex;gap:60px;flex-wrap:wrap;color:#c5b9d2}footer{text-align:center;padding:30px;color:#8f859f;font-size:12px}@media(max-width:760px){header{padding:20px}.hero{padding:30px 24px;flex-direction:column-reverse;align-items:flex-start;min-height:0}.status{width:100%;max-width:none}.logo{width:180px;height:180px}.content{grid-template-columns:1fr}.steps ol{display:block}.steps li{padding:8px}.button{width:100%;text-align:center}nav{gap:16px;font-size:13px}}