.nio-login-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:22px;overflow:hidden;background:#10181e}.nio-login-grid{position:relative;z-index:2;width:min(1100px,100%);display:grid;grid-template-columns:1fr 1.2fr;gap:26px;align-items:center}.nio-login-card{padding:22px;border-radius:20px;display:grid;gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px #00000073}.nio-brand{text-align:center}.nio-title{font-size:60px;font-weight:900;letter-spacing:5px;line-height:1;color:#fff}.nio-subtitle{margin-top:6px;letter-spacing:2.4px;text-transform:uppercase;opacity:.78;font-size:12px;color:#ffffffd9}.nio-tabs{display:flex;justify-content:center;gap:10px;margin-top:4px}.nio-tab{padding:10px 14px;border-radius:999px;opacity:.8;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.nio-tab--on{opacity:1;border-color:#999b9a47;background:#999b9a24}.nio-form{display:grid;gap:12px;margin-top:4px}.nio-field .small{margin-bottom:6px;opacity:.78;color:#ffffffd9}.nio-primary{margin-top:2px;border-radius:14px;padding:12px 14px;border:1px solid rgba(153,155,154,.22);background:#999b9a24}.nio-primary:disabled{opacity:.55;cursor:not-allowed}.nio-foot{margin-top:6px;display:grid;gap:8px}.nio-hint{opacity:.65;color:#ffffffbf}.nio-msg{opacity:.9;white-space:pre-wrap;color:#ffffffe6}.nio-manifesto{display:grid;align-content:center;gap:10px;padding:10px;justify-items:start;z-index:2}.nio-quote{font-size:56px;font-weight:850;line-height:1.08;letter-spacing:.4px;text-shadow:0 16px 46px rgba(0,0,0,.6);max-width:520px;text-wrap:balance;color:#fffffff2}.nio-sign{font-size:16px;font-weight:650;opacity:.92;display:grid;gap:4px;text-shadow:0 10px 30px rgba(0,0,0,.4);color:#ffffffd9}.nio-sign-sub{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;opacity:.72}.nio-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.nio-bg:before{content:"";position:absolute;inset:-40%;background:radial-gradient(900px 600px at 20% 30%,rgba(153,155,154,.16),transparent 60%),radial-gradient(700px 500px at 70% 55%,rgba(83,87,91,.2),transparent 55%),radial-gradient(900px 700px at 40% 85%,rgba(153,155,154,.1),transparent 60%),linear-gradient(180deg,#0003,#000000a6);animation:nioFloat 26s ease-in-out infinite alternate;transform-origin:center;will-change:transform}.nio-bg:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 55%,rgba(16,24,30,.2),transparent 62%),radial-gradient(circle at 50% 50%,rgba(153,155,154,.1),transparent 70%);filter:blur(18px);animation:nioPulse 30s ease-in-out infinite alternate;will-change:transform,opacity}.nio-bg .sphere{position:absolute;border-radius:50%;filter:blur(70px);opacity:.85;will-change:transform,opacity}.nio-bg .sphere.s1{width:44vw;height:44vw;top:-14%;left:-14%;background:radial-gradient(circle at 30% 35%,rgba(153,155,154,.55),rgba(153,155,154,.16) 55%,transparent 72%);animation:float-1 42s ease-in-out infinite alternate}.nio-bg .sphere.s2{width:52vw;height:52vw;bottom:-22%;right:-16%;background:radial-gradient(circle at 60% 40%,rgba(83,87,91,.55),rgba(16,24,30,.18) 60%,transparent 74%);animation:float-2 48s ease-in-out infinite alternate}.nio-bg .sphere.s3{width:34vw;height:34vw;top:58%;left:18%;background:radial-gradient(circle at 45% 40%,rgba(153,155,154,.26),rgba(83,87,91,.14) 60%,transparent 78%);animation:float-3 54s ease-in-out infinite alternate;opacity:.55}.nio-bg .grid-overlay{position:absolute;inset:0;background-size:44px 44px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);opacity:.32}.nio-bg .noise-overlay{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@keyframes nioFloat{0%{transform:translate3d(-2%,-1%,0) scale(1.02)}to{transform:translate3d(2%,1.5%,0) scale(1.07)}}@keyframes nioPulse{0%{opacity:.3;transform:scale(.98)}to{opacity:.7;transform:scale(1.05)}}@keyframes float-1{0%{transform:translate(0) scale(1)}to{transform:translate(7%,7%) scale(1.08)}}@keyframes float-2{0%{transform:translate(0) scale(1)}to{transform:translate(-7%,-4%) scale(1.1)}}@keyframes float-3{0%{transform:translate(0) scale(1);opacity:.35}to{transform:translate(-4%,7%) scale(1.05);opacity:.62}}@media(max-width:900px){.nio-login-grid{grid-template-columns:1fr;gap:18px}.nio-title{font-size:48px}.nio-manifesto{justify-items:center;text-align:center}.nio-quote{max-width:26ch;font-size:34px}.nio-bg .sphere.s1{width:70vw;height:70vw;top:-22%;left:-22%}.nio-bg .sphere.s2{width:78vw;height:78vw;bottom:-30%;right:-24%}.nio-bg .sphere.s3{width:54vw;height:54vw;top:64%;left:10%;opacity:.45}}:root{--nio-pearl: #999B9A;--nio-dark: #53575B;--nio-ink: #10181E;--nio-black: #000000;--card: rgba(255,255,255,.06);--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.9);--muted: rgba(255,255,255,.72)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--nio-ink);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,sans-serif}a{color:inherit;text-decoration:none}.h1{font-size:28px;font-weight:850;letter-spacing:.2px}.h2{font-size:18px;font-weight:800;letter-spacing:.2px}.small{font-size:12px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 16px 46px #00000059}.input{width:100%;background:#0000002e;border:1px solid rgba(255,255,255,.12);color:var(--text);padding:10px 12px;border-radius:14px;outline:none}.input:focus{border-color:#999b9a59;box-shadow:0 0 0 3px #999b9a14}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 12px;border-radius:14px;background:#999b9a1f;border:1px solid rgba(153,155,154,.18);color:var(--text)}.btn:hover{background:#999b9a29}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000024;font-size:12px;color:#ffffffe0}