:root{--bg-light-start: #eff6ff;--bg-light-end: #ffffff;--bg-dark-start: #020617;--bg-dark-end: #111827;--card: #ffffff;--muted: #64748b;--text: #0f172a;--border: #e2e8f0;--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #ef4444;--ok: #16a34a}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,var(--bg-light-start) 0%,var(--bg-light-end) 100%);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}body.portal-dark{--card: #0f172a;--muted: #94a3b8;--text: #f8fafc;--border: #334155;background:linear-gradient(135deg,var(--bg-dark-start) 0%,var(--bg-dark-end) 100%)}.three-canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto}.three-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.drag-hint{position:fixed;left:16px;bottom:16px;z-index:2;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #dbeafe;color:#64748b;border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center;box-shadow:0 6px 20px #0f172a0f}body.portal-dark .drag-hint{background:#0f172acc;border-color:#334155;color:#cbd5e1}.portal-card{width:100%;max-width:460px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 28px 28px;box-shadow:0 16px 40px #0f172a14;position:relative;z-index:10}.portal-card.hidden{visibility:hidden}.portal-loading{position:fixed;z-index:9;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.02em}.portal-loading.hidden{display:none}.header-stack{transform:translateY(-8px)}.brand{display:flex;justify-content:center;margin-bottom:8px}.brand-logo{max-width:400px;max-height:180px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:10px;background:#fff;padding:12px 16px}.brand-fallback{min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:34px;font-weight:800;letter-spacing:.02em;line-height:1.1;color:var(--text);word-break:break-word}.title{margin:0 0 14px;text-align:center;font-size:20px;font-weight:700;font-family:Quicksand,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.01em}.form-group{margin-bottom:14px}.feedback{margin:0 0 14px;font-size:13px;display:none;border-radius:10px;border:1px solid transparent;padding:10px 12px;font-weight:600}.feedback.visible{display:block}.feedback.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.feedback.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.label{display:block;margin-bottom:6px;font-size:13px;color:var(--muted)}.input{width:100%;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:10px;padding:11px 12px;font-size:14px;outline:none}.password-wrap{position:relative}.password-input{padding-right:42px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.password-toggle:hover{color:var(--text)}.password-icon.hidden{display:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}.button{width:100%;border:0;background:var(--accent);color:#fff;font-weight:700;border-radius:10px;padding:12px;cursor:pointer;font-size:14px;margin-top:8px}.button:hover{background:var(--accent-hover)}.button:disabled{opacity:.7;cursor:wait}