:root{--bg:#fff;--muted:#6b7280;--text:#0f172a;--ring:#e9ecf7;--input-bg:#f1f4ff;--input-focus:#cdd7ff;--danger:#ef4444}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:SF Pro Text,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"liga" off,"clig" off}.screen{height:100svh;display:flex;flex-direction:column;align-items:center}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border:none;background:#fff;color:#334155;border-radius:10px;box-shadow:0 1px 2px #0000000f;cursor:pointer}.icon-btn svg{width:22px;height:22px}.auth-card{width:100%;height:100%;max-width:420px;padding:24px 16px;margin:6px 16px 24px}.auth-card.tight{min-height:clamp(420px,70vh,760px)}.title{font-size:28px;margin:0;font-weight:600;line-height:34px}.subtitle{margin:12px 0 0;color:#888894;font-size:16px;font-weight:400}.field{margin:14px 0 12px}.field label{display:block;font-size:16px;color:#888894;margin:0 0 6px;font-weight:400}.field-row{display:flex;align-items:center;justify-content:space-between}.field-row a{font-size:14px}.link{color:#476bea;text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.icon-btn.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:transparent;box-shadow:none;color:#929ec7}input{width:100%;border:1px solid transparent;background:#f1f4ff;padding:17px 16px;font-size:16px;border-radius:12px;outline:none;font-weight:400;transition:border-color .15s,box-shadow .15s,background .15s}input:focus{border-color:#d4d4e4;background:#f1f4ff}input::placeholder{color:#929ec7}input.error{border-color:#db4863}.primary{width:100%;margin-top:10px;padding:14px;border:none;border-radius:12px;color:#fff;font-weight:600;font-size:15px;background-image:linear-gradient(161deg,#6da9fe 12.69%,#2c47dd 95.94%);cursor:pointer;position:relative}.primary[disabled]{opacity:.7;cursor:not-allowed}.btn-label{opacity:1}.spinner{--s:18px;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:var(--s);height:var(--s);border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;animation:spin .9s linear infinite;display:none}.loading .spinner{display:inline-block}.loading .btn-label{opacity:.6}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.divider{display:flex;align-items:center;gap:12px;margin:16px 0 10px;color:#94a3b8;font-size:13px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e5e7eb}.socials{display:flex;justify-content:center;gap:18px;margin:12px 0 8px}.social{width:54px;height:54px;border-radius:999px;background:#fff;border:1px solid var(--ring);display:grid;place-items:center;cursor:pointer}.social svg{width:26px;height:26px}.bottom-cta{margin:10px 0 0;font-size:14px;color:#1f2937;text-align:center}.field-error,.global-error,.success,.muted{font-size:13px;font-weight:500;margin:6px 0 0}.field-error,.global-error{color:#db4863}.success{color:#166534}.account-box{display:flex;flex-direction:column;gap:12px;height:100%;justify-content:space-between}#delete-btn{align-self:center;width:100%;padding:12px 18px}#logout-btn{margin-top:auto}.secondary,.danger{width:100%;padding:12px 14px;border-radius:12px;font-weight:600;cursor:pointer}.secondary{border:1px solid #d1d5db;background:#fff}.danger{border:1px solid transparent;background:#fee2e2;color:#991b1b}.modal{position:fixed;top:0;right:0;bottom:0;left:0;place-items:center;background:#0f172a80;z-index:1000;padding:16px}.modal__content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;padding:18px 16px;max-width:420px;width:100%}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.modal__actions .secondary,.modal__actions .danger{width:auto}