.auth-page{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ui-text,#202b3b);background:var(--ui-soft,#f5f7fa)}.auth-layout{max-width:none;margin:0;padding:0;min-height:100dvh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,1fr)}.auth-story{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#17212e;padding:42px 9%;color:#f6f8fb}.auth-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;width:fit-content;font-size:20px;font-weight:650;letter-spacing:1px}.auth-brand>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--ui-soft,#d4fc78);color:var(--ui-text,#25391e);font:27px Georgia,serif}.auth-brand small{display:block;font:9px/1.5 Arial;letter-spacing:2px;color:var(--ui-muted,#8493a6);margin-top:5px}.story-copy{margin-top:clamp(55px,9vh,100px);position:relative;z-index:1}.story-tag{display:inline-block;color:var(--ui-muted,#b5cd91);font-size:11px;letter-spacing:3px;padding-left:24px;position:relative}.story-tag:before{content:"";position:absolute;width:13px;height:1px;background:var(--ui-soft,#b5cd91);left:0;top:7px}.story-copy h1{font-size:clamp(34px,3vw,49px);font-weight:500;letter-spacing:3px;line-height:1.5;margin:22px 0 18px}.story-copy p{color:var(--ui-muted,#96a4b6);font-size:13px;line-height:2.1;letter-spacing:1px}.studio-art{position:relative;min-height:270px;width:100%;max-width:480px;margin:35px auto 20px;display:grid;place-items:center;flex:1}.art-orbit{position:absolute;width:340px;height:340px;border:1px solid #344337;border-radius:50%;transform:translate(20%,-3%)}.art-orbit:after{content:"";position:absolute;inset:28px;border:1px dashed #344337;border-radius:50%}.art-window{z-index:1;width:85%;transform:rotate(-5deg);background:#243345;border:1px solid #4e5e6d;border-radius:14px;box-shadow:0 30px 65px #0c142460;overflow:hidden}.art-toolbar{height:33px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #4a596c}.art-toolbar i{width:5px;height:5px;border-radius:50%;background:#6c7b8b}.art-toolbar i:first-child{background:#c2e88c}.art-toolbar span{margin-left:auto;font:7px Arial;color:#96a8b9;letter-spacing:2px}.art-canvas{position:relative;height:180px;margin:16px;border-radius:7px;background:linear-gradient(135deg,#d5dfcb,#96aa98);overflow:hidden}.art-ring{position:absolute;width:130px;height:130px;border:25px solid #e7ecd9;border-radius:50%;left:15%;top:28px;box-shadow:14px 20px 25px #536c6150}.art-arch{position:absolute;width:95px;height:180px;border-radius:55px 55px 0 0;background:linear-gradient(90deg,#6a8176,#354e4b);right:12%;top:40px;box-shadow:12px 5px 20px #46615550}.art-pillar{position:absolute;width:90px;height:40px;background:#b7cc93;bottom:-1px;left:8%;border-radius:50% 50% 0 0;box-shadow:35px 0 30px #465e4d20}.art-bottom{display:flex;align-items:center;justify-content:space-between;color:#9cb0bf;font:7px Arial;letter-spacing:2px;padding:0 16px 13px}.art-progress{display:block;width:55px;height:4px;background:#a6cb6d;border-radius:3px}.art-note{position:absolute;bottom:18px;right:0;display:flex;align-items:center;gap:12px;background:#e9efdf;border:1px solid #fcffef50;border-radius:10px;padding:16px 18px;color:#35472e;z-index:2;box-shadow:0 15px 35px #111c2630;font-size:12px}.art-note>span{font-size:23px;color:#73914e}.art-note small{display:block;font:7px Arial;letter-spacing:1.5px;color:#8b9e7e;margin-top:6px}.story-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--ui-muted,#718093);letter-spacing:1px;margin-top:30px}.auth-entry{display:flex;flex-direction:column;padding:43px 10% 28px;min-width:0;background:var(--ui-soft,#f8fafc)}.entry-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--ui-muted,#8b95a2)}.entry-indicator{color:var(--ui-text,#647b49);white-space:nowrap}.entry-indicator:before{content:"";display:inline-block;width:5px;height:5px;background:#98bd6a;border-radius:50%;margin-right:6px;vertical-align:middle}.auth-form-wrap{width:100%;max-width:380px;margin:auto; padding:65px 0 40px}.entry-kicker{font-size:10px;letter-spacing:2px;color:var(--ui-muted,#8796a7)}.auth-form-wrap h2{font-size:31px;font-weight:600;margin:14px 0 12px;letter-spacing:1px}.entry-description{font-size:13px;color:var(--ui-muted,#8b95a2);margin:0 0 34px}.auth-page label{display:block;font-size:12px;font-weight:600;color:var(--ui-text,#4e5e73);margin:20px 0 0}.auth-page input{height:47px;border:1px solid var(--ui-line,#dce3eb);background:var(--ui-input,#fff);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--ui-text,#233247);outline:none;margin-top:9px}.auth-page input::placeholder{color:var(--ui-muted,#b0b8c3)}.auth-page input:focus{border-color:var(--ui-accent,#95b76c);box-shadow:0 0 0 3px #dbe9c35c}.auth-page input:invalid:not(:placeholder-shown){border-color:var(--ui-line,#d2a89e)}.auth-page [hidden]{display:none!important}.password-wrap{position:relative}.password-wrap input{padding-right:60px}.auth-page #show-password{position:absolute;right:4px;top:5px;padding:10px;background:transparent;font-size:11px;color:var(--ui-muted,#8693a4)}.auth-page #invite-code{font-family:Consolas,monospace;text-transform:uppercase}.auth-page label small{display:block;font-size:10px;font-weight:400;color:var(--ui-muted,#91a077);line-height:1.8;margin-top:7px}.auth-help{font-size:10px;color:var(--ui-muted,#939dab);line-height:1.8;margin:15px 0 22px}.auth-page .auth-submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;border-radius:8px;background:var(--ui-accent,#d4fc78);color:var(--ui-on-accent,#2d3e22);font-size:13px;font-weight:600;transition:background .2s}.auth-page .auth-submit:hover{background:var(--ui-accent,#c6ed68)}.auth-page #status{min-height:24px;font-size:11px;line-height:1.8;color:var(--ui-text,#9f5144);margin:12px 0}.auth-page #status[data-state=success]{color:var(--ui-success,#66864c)}.auth-switch{display:flex;justify-content:center;gap:8px;font-size:12px;color:var(--ui-muted,#98a0ac);margin:0 0 32px}.auth-switch a{color:var(--ui-text,#526b3a);text-decoration:none;font-weight:600}.auth-assurance{border-top:1px solid var(--ui-line,#e4e9ef);text-align:center;padding-top:25px;font-size:10px;color:var(--ui-muted,#9ba5b1);letter-spacing:1px}.auth-assurance span{color:var(--ui-muted,#9dba7d);margin-right:8px}.entry-footer{font-size:10px;line-height:1.9;text-align:center;color:var(--ui-muted,#a1aab6);max-width:400px;margin:0 auto}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:3px solid var(--ui-accent,#9eba7c);outline-offset:3px}@media(min-width:1600px){.auth-story{padding-left:14%;padding-right:14%}}@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-story{padding:25px 28px;min-height:220px}.story-copy{margin:30px 0 0}.story-copy h1{font-size:27px;margin:12px 0}.story-copy p,.studio-art,.story-footer{display:none}.story-copy h1 br{display:none}.story-tag{font-size:10px}.auth-entry{padding:25px 28px 30px;min-height:calc(100dvh - 220px)}.auth-form-wrap{padding:40px 0 25px}.entry-top{font-size:10px}.auth-form-wrap h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.auth-page *{transition:none!important}}