html[data-native-app="true"] body.landing{background:#101027}
html[data-native-app="true"] .landing>.nn-header,html[data-native-app="true"] .landing>.nn-page,html[data-native-app="true"] .landing>.nn-footer{display:none}
.native-welcome-screen{min-height:100svh;display:flex;flex-direction:column;align-items:center;color:#fff;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));box-sizing:border-box;background:radial-gradient(ellipse at top,#45326a55,transparent 65%),#101027}
.native-welcome-logo{width:205px;height:auto;flex:none;margin:8px 0 24px}
.native-welcome-world{width:min(100%,460px);height:clamp(160px,30svh,340px);border-radius:24px;background:linear-gradient(0deg,#10102722,transparent),url('assets/landing/wizard-grand-illustrated-night-fall.webp') center/cover;box-shadow:0 18px 60px #0005}
.native-welcome-copy{max-width:420px;width:100%;text-align:center;margin:auto 0}
.native-welcome-copy h1{font-size:clamp(32px,8vw,48px);line-height:1.1;margin:28px 0 16px;letter-spacing:-1px}
.native-welcome-copy h1 span{display:block;background:linear-gradient(110deg,#cb82f5,#7fa9ff,#66dbe5);background-clip:text;color:transparent}
.native-welcome-copy p{color:#c6c4dc;font-size:15px;line-height:1.6}
.native-welcome-actions{display:grid;gap:12px;margin:24px 0}
.native-welcome-screen .nn-button{width:100%;min-height:50px;justify-content:center;box-sizing:border-box}
.native-welcome-screen .native-welcome-signin{background:#ffffff0d;border:1px solid #ffffff40;color:#fff}
.native-welcome-copy nav{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;font-size:12px;padding:0 0 10px}
.native-welcome-copy nav a{color:#b7b4d3}
.landing .native-onboarding{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:28px 24px;border:1px solid #8870ca66;border-radius:24px;background:radial-gradient(ellipse at top right,#61418d66,transparent 70%),#17152f;color:#fff;text-align:center}
.native-onboarding::backdrop{background:#080716b8;backdrop-filter:blur(6px)}
.landing .native-onboarding h2{color:#fff;font-size:27px;line-height:1.2;margin:24px 0 12px}
.native-onboarding p{color:#c6c4dc}
.native-onboarding ul{list-style:none;padding:0;text-align:left;display:grid;gap:18px;margin:26px 0}
.native-onboarding li strong,.native-onboarding li span{display:block}
.native-onboarding li strong{color:#dec0ff;margin-bottom:5px}
.native-onboarding li span{font-size:14px;line-height:1.5;color:#c6c4dc}
.native-onboarding .nn-button{width:100%;min-height:48px;justify-content:center}
.native-onboarding-skip{display:block;margin:10px auto 0;min-height:44px;background:transparent;border:0;color:#c6c4dc;text-decoration:underline;cursor:pointer}
.native-welcome-screen button:focus-visible,.native-onboarding button:focus-visible{outline:3px solid #aabfff;outline-offset:3px}

.native-welcome-copy nav button{border:0;background:transparent;color:#b7b4d3;font:inherit;text-decoration:underline;cursor:pointer;min-height:44px}