.auth-body{background:var(--bg);min-height:100vh}.auth{grid-template-columns:minmax(0,1fr) minmax(360px,38%);gap:14px;min-height:100vh;padding:14px;display:grid}.auth-main{flex-direction:column;justify-content:center;align-items:center;padding:96px 24px 70px;display:flex;position:relative}.auth-main:before{content:"";filter:blur(140px);opacity:.55;pointer-events:none;background:linear-gradient(#c51254,#ff0062);border-radius:999px;width:70%;height:120px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.auth-brand{position:absolute;top:24px;left:28px}.auth-card{width:100%;max-width:360px;position:relative}.auth-view[hidden]{display:none}.auth-view{animation:authIn .6s var(--ease) both}@keyframes authIn{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}.auth-card[data-mode=login] [data-for=signup],.auth-card[data-mode=signup] [data-for=login]{display:none!important}.auth-title{font-family:var(--inter);letter-spacing:-.04em;color:var(--text);margin:0;font-size:30px;font-weight:600;line-height:1.08}.auth-sub{font-family:var(--inter);letter-spacing:-.015em;color:var(--muted);margin:8px 0 24px;font-size:14.5px;line-height:1.45}.btn-google{cursor:pointer;width:100%;height:44px;font:500 14.5px/1 var(--inter);letter-spacing:-.02em;color:#1d181b;background:#fff;border:1px solid #e2ddda;border-radius:999px;justify-content:center;align-items:center;gap:10px;transition:background .15s,box-shadow .2s,transform .12s;display:flex;position:relative;box-shadow:0 2px 6px #0000000a,inset 0 -2px #00000008}.btn-google:hover{background:#faf8f7;box-shadow:0 6px 16px #00000012,inset 0 -2px #00000008}.btn-google:active{transform:scale(.99)}.g-logo{flex:none;width:18px;height:18px}.auth-or{font:500 11.5px/1 var(--inter);color:var(--muted-2);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;margin:18px 0;display:flex}.auth-or:before,.auth-or:after{content:"";background:#e2ddda;flex:1;height:1px}.auth-form{flex-direction:column;gap:12px;display:flex}.field{font-family:var(--inter);flex-direction:column;gap:6px;display:flex}.field-label{color:#3b353a;letter-spacing:-.01em;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:500;display:flex}.field-link{color:var(--pink-ink);font-size:12.5px;font-weight:500;text-decoration:none}.field-link:hover{text-decoration:underline}.field-wrap{align-items:center;display:flex;position:relative}.field input{width:100%;height:42px;font:400 14.5px/1 var(--inter);color:#1d181b;letter-spacing:-.01em;background:#fdfcfc;border:1px solid #e2ddda;border-radius:12px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 2px #00000008}.field-wrap .field-ic~input{padding-left:38px}.field input::placeholder{color:#b1aaae}.field input:focus{border-color:var(--pink);background:#fff;box-shadow:0 0 0 4px #ec00681f}.field.is-invalid input{border-color:#e5484d;box-shadow:0 0 0 4px #e5484d1a}.field-ic{color:#a49ca1;pointer-events:none;font-size:15px;position:absolute;left:14px}.field-eye{color:#a49ca1;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:30px;height:30px;font-size:15px;display:grid;position:absolute;right:6px}.field-eye:hover{color:#1d181b;background:#f3f0ee}.field-err{color:#d2343a;min-height:0;font-size:12px}.field-err:empty{display:none}.auth-submit{height:44px;margin-top:4px;padding:0 20px;font-size:15px}.auth-msg{min-height:0;font:500 14px/1.4 var(--inter);color:#3b353a;text-align:center;margin:0}.auth-msg:empty{display:none}.auth-msg.ok{color:#14920f}.auth-msg.err{color:#d2343a}.btn-spin{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:none}.is-loading .btn-spin{display:inline-block}.is-loading>.ic,.is-loading>.g-logo{display:none}.is-loading{pointer-events:none;opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;font:400 13.5px/1.4 var(--inter);color:var(--muted);margin:20px 0 0}.auth-switch a,.auth-legal a{color:#1d181b;text-underline-offset:3px;font-weight:500}.auth-legal{text-align:center;max-width:300px;font:400 12px/1.5 var(--inter);color:var(--muted-2);margin:12px auto 0}.auth-done{text-align:center}.done-avatar{color:#fff;width:64px;height:64px;font:600 24px/1 var(--inter);background:linear-gradient(#f12a75,#d21158) 50%/cover;border-radius:50%;place-items:center;margin:0 auto 18px;display:grid;box-shadow:0 0 0 4px #fff,0 14px 30px #dd145e40}.done-name:not(:empty):before{content:", "}.auth-done .auth-sub{margin-bottom:20px}.auth-done .btn-pink{height:44px;font-size:15px}.auth-signout{font:500 13px/1 var(--inter);color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:14px;text-decoration:underline}.auth-foot{font:400 12.5px/1 var(--inter);color:var(--muted-2);justify-content:center;align-items:center;gap:10px;margin:0;display:flex;position:absolute;bottom:20px;left:0;right:0}.auth-foot a{color:var(--muted-2);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.auth-foot a:hover{color:#1d181b}.auth-side{background:radial-gradient(70% 60% at 70% 30%,#ec006866,#0000 70%),radial-gradient(50% 50% at 10% 100%,#ec00682e,#0000 70%),#140f12;border-radius:32px;position:relative;overflow:hidden}.auth-side:before{content:"";background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 60% 40%,#000,#0000 75%);mask-image:radial-gradient(at 60% 40%,#000,#0000 75%)}.side-inner{flex-direction:column;height:100%;padding:44px 44px 36px;display:flex;position:relative}.side-kicker{font:600 11.5px/1 var(--inter);letter-spacing:.12em;text-transform:uppercase;color:#ff8ab8;align-items:center;gap:7px;margin:0;display:inline-flex}.side-title{font-family:var(--inter);letter-spacing:-.045em;color:#fff;margin:14px 0 0;font-size:38px;font-weight:600;line-height:1.02}.side-serif{font-family:var(--serif);letter-spacing:-.01em;background:linear-gradient(#ffd1e2,#ff3d8b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.12em;font-style:italic;font-weight:400}.side-stack{flex:1;min-height:320px;margin:16px 0;position:relative}.side-short{background:#111;border:4px solid #fff;border-radius:20px;width:150px;height:267px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 30px 60px #00000073}.side-short img{object-fit:cover;width:100%;height:100%;display:block}.side-short:after{content:"";background:linear-gradient(#0000,#0000008c);height:45%;position:absolute;inset:auto 0 0}.side-short.s1{animation:7s ease-in-out infinite floatA;transform:translate(-50%,-50%)translate(-126px)rotate(-9deg)scale(.9)}.side-short.s2{z-index:2;animation:6s ease-in-out infinite floatB;transform:translate(-50%,-50%)}.side-short.s2 img{object-position:50% 50%;animation:12s ease-in-out infinite alternate kb}.side-short.s3{animation:8s ease-in-out infinite floatC;transform:translate(-50%,-50%)translate(126px)rotate(9deg)scale(.9)}@keyframes floatA{50%{transform:translate(-50%,-50%)translate(-130px)translateY(-10px)rotate(-10deg)scale(.9)}}@keyframes floatB{50%{transform:translate(-50%,-50%)translateY(-14px)}}@keyframes floatC{50%{transform:translate(-50%,-50%)translate(130px)translateY(-8px)rotate(10deg)scale(.9)}}@keyframes kb{to{transform:scale(1.12)}}.ss-cap{z-index:1;text-align:center;font:800 13.5px/1.1 var(--inter);text-transform:uppercase;color:#fff;text-shadow:0 2px #0006,0 0 12px #0006;position:absolute;bottom:24px;left:8px;right:8px}.ss-cap b{color:#ffe14d;font-weight:800}.ss-score{z-index:1;color:var(--pink-ink);font:700 11.5px/1 var(--inter);background:#fff;border-radius:999px;align-items:baseline;gap:3px;padding:4px 8px;display:inline-flex;position:absolute;top:10px;left:10px}.ss-score em{color:#8a858a;font-size:10.5px;font-style:normal;font-weight:500}.ss-prog{z-index:1;background:#ffffff4d;border-radius:3px;height:3px;position:absolute;bottom:12px;left:10px;right:10px;overflow:hidden}.ss-prog i{background:#fff;width:0;height:100%;animation:6s linear infinite prog;display:block}@keyframes prog{to{width:100%}}.side-chip{z-index:3;color:#1d181b;font:600 11.5px/1 var(--inter);white-space:nowrap;background:#fffffff2;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;display:inline-flex;position:absolute;box-shadow:0 14px 30px #0000004d}.side-chip.c1{animation:7s ease-in-out infinite floatB;top:16%;left:4%;transform:none}.side-chip.c1 i{background:var(--pink);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #ec00682e}.side-chip.c2{animation:6.5s ease-in-out infinite reverse floatB;bottom:14%;right:4%}.side-chip.c2 .ic{color:#fff;background:var(--green);border-radius:50%;width:18px;height:18px;padding:3px}@keyframes chipFloat{50%{translate:0 -8px}}.side-chip.c1,.side-chip.c2{animation:6s ease-in-out infinite chipFloat}.side-chip.c2{animation-delay:-3s}.side-trust{font:400 13px/1 var(--inter);color:#b8aeb4;align-items:center;gap:10px;display:flex}.side-trust b{color:#fff;font-weight:600}.side-trust .av{border-color:#140f12}.auth-toast{z-index:50;color:#fff;max-width:min(520px,100vw - 32px);font:500 14px/1.45 var(--inter);opacity:0;pointer-events:none;transition:opacity .3s,transform .4s var(--ease);background:#1d181b;border-radius:16px;padding:13px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);box-shadow:0 20px 40px #00000040}.auth-toast.show{opacity:1;transform:translate(-50%)}.auth-toast code{background:#ffffff1f;border-radius:5px;padding:2px 6px;font:500 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:1100px){.side-title{font-size:32px}.side-inner{padding:36px 32px 30px}.side-short{width:130px;height:231px}.side-short.s1{transform:translate(-50%,-50%)translate(-108px)rotate(-9deg)scale(.9)}.side-short.s3{transform:translate(-50%,-50%)translate(108px)rotate(9deg)scale(.9)}}@media (max-width:900px){.auth{grid-template-columns:1fr;padding:0}.auth-side{display:none}.auth-main{min-height:100vh;padding:96px 20px 80px}}@media (max-width:480px){.auth-title{font-size:27px}.auth-brand{top:20px;left:20px}}@media (prefers-reduced-motion:reduce){.side-short,.side-short img,.side-chip,.ss-prog i,.auth-view{animation:none!important}}.auth-brand .brand-name{font-size:18px}.auth-brand .brand-mark img{width:28px;height:28px}