:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#04121f;color:#dceefc}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#04121f}[data-shell=app] .landing-page{display:none}.landing-page{position:relative;min-height:100dvh;overflow:hidden;padding:0 14px}.landing-background{position:fixed;top:0;right:0;bottom:0;left:0;background:#04121f url(/dandan-bg.webp) center / cover no-repeat}@media (max-width: 820px){.landing-background{background-image:url(/dandan-bg-sm.webp)}}.landing-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04121f6b,#04101cb3 52%,#020910f0)}.landing-shell{position:relative;width:min(980px,100%);margin:0 auto;padding:max(52px,env(safe-area-inset-top)) 0 max(28px,env(safe-area-inset-bottom))}.landing-hero{min-height:min(670px,78dvh);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 0 58px;text-align:center}.landing-kicker{margin:0 0 12px;color:#9fdcff;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 12px #000}.landing-page h1{max-width:850px;margin:0;color:#e8c05a;font-size:clamp(42px,9vw,76px);font-variant:small-caps;letter-spacing:.06em;line-height:.98;text-shadow:0 2px 14px rgba(0,0,0,.7)}.landing-hero-copy{max-width:720px;margin:24px auto 0;color:#e1f1fb;font-size:clamp(17px,2.4vw,22px);line-height:1.55;text-shadow:0 2px 14px #000}.landing-actions{display:flex;flex-direction:column;width:min(360px,100%);gap:10px;margin-top:30px}.landing-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:1px solid #1d4a6e;border-radius:10px;color:#dceefc;background:linear-gradient(#173d5c,#0e2c46);font-size:16px;font-weight:700;text-decoration:none}.landing-button-primary{min-height:54px;border-color:#8a6a1e;color:#2b1d04;background:linear-gradient(#ffd97a,#cf9c2f);box-shadow:0 0 26px #e8c05a66,0 14px 30px #00000087;font-size:18px;text-shadow:0 1px 0 #ffe9ad}.landing-button:hover{filter:brightness(1.08)}.landing-button:focus-visible,.landing-links a:focus-visible{outline:3px solid #fff2c2;outline-offset:3px}.landing-note{margin:14px 0 0;color:#9fc2dc;font-size:12.5px}.landing-panel{padding:clamp(22px,5vw,46px);border:1px solid rgba(43,94,130,.8);border-radius:22px;background:linear-gradient(150deg,#071b2beb,#061321f2);box-shadow:0 18px 48px #0009}.landing-panel h2,.landing-bottom-cta h2{margin:0 0 12px;color:#e8c05a;font-size:clamp(23px,4vw,32px);line-height:1.2}.landing-panel h3{margin:0 0 7px;color:#e4f3fc;font-size:17px}.landing-panel p,.landing-bottom-cta p{margin:0;color:#b7d2e5;font-size:14px;line-height:1.65}.landing-feature-grid{display:grid;gap:12px;margin-top:24px}.landing-feature-grid article{padding:18px;border:1px solid rgba(29,74,110,.67);border-radius:14px;background:linear-gradient(145deg,#0b2940cc,#071b2dcc)}.landing-format{margin-top:34px;padding-top:30px;border-top:1px solid rgba(36,87,121,.6)}.landing-links{display:grid;grid-template-columns:1fr;gap:8px;margin-top:28px}.landing-links a{padding:9px 11px;border:1px solid #245779;border-radius:9px;color:#cde9fb;background:#0b2940;font-size:13px;text-decoration:none}.landing-links a:hover{border-color:#a8893c;color:#fff2c2}.landing-bottom-cta{display:flex;flex-direction:column;align-items:center;margin-top:24px;padding:34px 20px;border:1px solid rgba(232,192,90,.4);border-radius:20px;background:#10263bde;box-shadow:0 14px 36px #00000078;text-align:center}.landing-bottom-cta .landing-button{width:min(330px,100%);margin-top:20px}.landing-credits{margin:18px 0 0;color:#6f94ae;font-size:11px;line-height:1.5;text-align:center}@media (min-width: 760px){.landing-shell{padding-top:68px}.landing-actions{flex-direction:row;width:auto}.landing-actions .landing-button{min-width:220px}.landing-feature-grid{grid-template-columns:repeat(3,1fr)}.landing-links{grid-template-columns:repeat(5,1fr)}.landing-links a{display:flex;align-items:center;justify-content:center;text-align:center}}