.page{min-height:100vh;display:flex;flex-direction:column;background:var(--cream)}.content{flex:1;width:100%;max-width:var(--max);margin:0 auto;padding:40px 24px 72px}.btn.disabled,.btn:disabled{background:#e5e5e5;color:#afafaf;box-shadow:0 5px #cfcfcf;cursor:default;filter:none;transform:none}.btn-wide{max-width:none;margin-top:18px}.loading{display:grid;place-items:center;gap:12px;padding:60px 0;color:var(--muted);font-weight:800}.loading img{width:140px;animation:float 2.4s ease-in-out infinite}.auth{display:grid;grid-template-columns:1fr 440px;align-items:center;gap:48px;max-width:960px;margin:0 auto}.auth-art{position:relative;display:flex;justify-content:center}.auth-art:before{content:"";position:absolute;width:80%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffd27a,#ffb23f 45%,#ff8a0000 72%);opacity:.45;z-index:0}.auth-art img{position:relative;width:100%;max-width:420px;max-height:70vh;object-fit:contain;animation:float 5s ease-in-out infinite}.auth-card{background:#fff;border:2px solid var(--line);border-radius:24px;padding:32px 28px;box-shadow:0 6px 0 var(--line)}.auth-card h1{margin:0 0 6px;font-size:28px;line-height:1.15;font-weight:900;color:var(--ink);text-align:center}.sub{margin:0;color:var(--muted);font-weight:600;text-align:center}.auth-card .form{display:grid;gap:12px;margin-top:16px}.auth-card .form .sub{margin-bottom:4px}.auth-card input{font:inherit;font-weight:700;font-size:16px;width:100%;padding:14px 16px;border-radius:16px;border:2px solid var(--line);background:#f7f7f7;color:var(--ink)}.auth-card input::placeholder{color:#afafaf}.auth-card input:focus{outline:none;border-color:var(--orange);background:#fff}.auth-card .btn{max-width:none}.error{margin:0;color:#d6382f;font-weight:800;font-size:14px}.success{margin:16px 0 0;color:#3a9a1f;font-weight:800;text-align:center;font-size:17px}.linkbtn{display:block;margin:16px auto 0;font:inherit;font-weight:900;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-deep);background:none;border:0;cursor:pointer}.linkbtn:hover{filter:brightness(.9)}.hint{margin:18px 0 0;font-size:14px;font-weight:600;color:var(--muted);background:var(--orange-soft);border-radius:14px;padding:12px 14px}.signup{margin:18px 0 0;text-align:center;font-weight:700;color:var(--muted)}.signup a{color:var(--plum);font-weight:900}.social{display:grid;gap:12px;margin-top:22px}.socialbtn{display:inline-flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font:inherit;font-weight:800;font-size:16px;line-height:1;border-radius:16px;cursor:pointer;transition:transform .08s,box-shadow .08s}.socialbtn:active{transform:translateY(4px)}.socialbtn:disabled{opacity:.6;cursor:default;transform:none}.socialbtn.google{background:#fff;color:#1f1f1f;border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.socialbtn.google:active{box-shadow:none}.socialbtn.apple{background:#000;color:#fff;border:2px solid #000;box-shadow:0 4px #444}.socialbtn.apple:active{box-shadow:none}.sociallogo{width:20px;height:20px;flex:none}.sociallogo.apple-logo{width:17px;height:20px;margin-top:-2px}.or{display:flex;align-items:center;gap:12px;margin:20px 0 0;font-size:13px;font-weight:800;color:#afafaf;text-transform:uppercase;letter-spacing:.06em}.or:before,.or:after{content:"";flex:1;border-top:2px solid var(--line)}.account{max-width:760px;margin:0 auto;display:grid;gap:24px}.hello{display:flex;align-items:center;gap:24px;background:#fff;border:2px solid var(--line);border-radius:24px;padding:24px 28px;box-shadow:0 6px 0 var(--line)}.hello img{width:150px;flex:none}.hello h1{margin:8px 0 2px;font-size:clamp(26px,3.4vw,34px);font-weight:900;color:var(--plum);line-height:1.1}.hello .sub{text-align:left}.hello .btn{margin-top:14px}.hello.is-premium{background:linear-gradient(135deg,#fff7e0,#ffe9c2);border-color:#ffd27a;box-shadow:0 6px #ffd27a}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#efefef;color:var(--muted)}.badge.premium{background:var(--orange);color:#fff}.panel{background:#fff;border:2px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 6px 0 var(--line)}.panel h2{margin:0 0 6px;font-size:26px;font-weight:900;color:var(--orange-deep);line-height:1.15}.panel .sub{text-align:left}.benefits{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.benefits li{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink)}.benefits li:before{content:"✓";display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#58cc02;color:#fff;font-size:14px;font-weight:900;box-shadow:0 3px #46a302}.plans{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.plan{position:relative;display:grid;gap:4px;text-align:left;font:inherit;cursor:pointer;background:#fff;border:2px solid var(--line);border-radius:18px;padding:22px 18px 18px;box-shadow:0 4px 0 var(--line);transition:transform .08s}.plan:active{transform:translateY(3px)}.plan.active{border-color:var(--orange);background:var(--orange-soft);box-shadow:0 4px 0 var(--orange)}.plan .tag{position:absolute;top:-12px;left:16px;padding:3px 10px;border-radius:999px;background:var(--plum);color:#fff;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.plan-name{font-weight:900;font-size:17px;color:var(--ink)}.plan-price{font-weight:900;font-size:28px;color:var(--ink);letter-spacing:-.01em}.plan-price small{font-size:14px;font-weight:700;color:var(--muted)}.plan-equals{font-size:14px;font-weight:800;color:var(--orange-deep)}.plan-note{font-size:13px;font-weight:600;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0 0}.facts div{background:var(--cream);border:2px solid var(--line);border-radius:16px;padding:12px 14px}.facts dt{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.facts dd{margin:2px 0 0;font-weight:900;color:var(--ink)}.panel>.btn{margin-top:18px}@media (max-width: 860px){.auth{grid-template-columns:1fr;gap:12px}.auth-art img{max-width:220px}}@media (max-width: 560px){.content{padding:20px 16px 48px}.auth-card{padding:24px 18px}.hello{flex-direction:column;text-align:center;padding:22px 18px}.hello .sub{text-align:center}.hello img{width:120px}.plans{grid-template-columns:1fr}.panel{padding:22px 18px}}