:root{--accent-cyan: #7ce7ff;--accent-blue: #4f7cff;--accent-violet: #7187ff;--accent-success: #5fe0a5;--accent-warning: #ffcf6e;--accent-error: #ff8d8d;--font-display: "Aptos Display", "Bahnschrift", "Segoe UI Variable Display", sans-serif;--font-body: "Aptos", "Segoe UI Variable Text", "Trebuchet MS", sans-serif;--text-on-accent: #05101d;--surface-chip-highlight: #cfffff;--transition-theme: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease}:focus-visible{outline:none}:root,:root[data-theme=dark]{color-scheme:dark;--line-soft: rgba(150, 196, 255, .16);--line-strong: rgba(124, 231, 255, .3);--text-primary: #f4f8ff;--text-secondary: #9db3cf;--text-muted: #6f86a3;--text-success: #dfffee;--body-background: radial-gradient( circle at top left, rgba(124, 231, 255, .18), transparent 24% ), radial-gradient( circle at 85% 15%, rgba(113, 135, 255, .24), transparent 26% ), linear-gradient(145deg, #040c18 0%, #081323 38%, #0b1a2f 100%);--grid-line: rgba(124, 231, 255, .04);--ambient-color-one: rgba(124, 231, 255, .22);--ambient-color-two: rgba(113, 135, 255, .18);--card-background: linear-gradient( 145deg, rgba(8, 18, 32, .86), rgba(8, 18, 32, .72) );--hero-background: radial-gradient( circle at top right, rgba(124, 231, 255, .12), transparent 35% ), linear-gradient(180deg, rgba(9, 21, 38, .92), rgba(7, 16, 29, .94));--form-background: linear-gradient( 180deg, rgba(8, 18, 32, .82), rgba(6, 14, 25, .92) );--surface-soft: rgba(12, 25, 45, .6);--surface-soft-strong: rgba(12, 25, 45, .82);--surface-soft-stronger: rgba(9, 20, 35, .9);--surface-success-soft: rgba(95, 224, 165, .1);--surface-input: rgba(5, 13, 24, .52);--surface-accent-soft: rgba(124, 231, 255, .08);--surface-accent-border: rgba(124, 231, 255, .18);--surface-secondary: rgba(255, 255, 255, .04);--surface-secondary-strong: rgba(255, 255, 255, .08);--surface-strength: rgba(5, 13, 24, .46);--surface-track: rgba(255, 255, 255, .06);--placeholder: #68829f;--alert-error-border: rgba(255, 141, 141, .22);--alert-error-bg: rgba(255, 141, 141, .1);--alert-error-text: #ffd7d7;--alert-success-border: rgba(95, 224, 165, .22);--alert-success-bg: rgba(95, 224, 165, .12);--alert-success-text: #dfffee;--weak-bg: rgba(255, 141, 141, .16);--weak-text: #ffc1c1;--medium-bg: rgba(255, 207, 110, .16);--medium-text: #ffe2a2;--strong-bg: rgba(95, 224, 165, .16);--strong-text: #d7ffe9;--shadow-elevated: 0 24px 80px rgba(0, 0, 0, .45)}:root[data-theme=light]{color-scheme:light;--line-soft: #d8ddf0;--line-strong: rgba(79, 86, 200, .22);--text-primary: #172033;--text-secondary: #66708f;--text-muted: #8a91ad;--text-success: #1d6b4b;--body-background: radial-gradient( circle at top left, rgba(124, 140, 255, .16), transparent 34% ), linear-gradient(135deg, #eef1fa 0%, #f7f9ff 100%);--grid-line: rgba(124, 140, 255, .045);--ambient-color-one: rgba(124, 140, 255, .1);--ambient-color-two: rgba(79, 86, 200, .08);--card-background: #ffffff;--hero-background: linear-gradient(180deg, #f8faff 0%, #eef2ff 100%);--form-background: #ffffff;--surface-soft: rgba(255, 255, 255, .72);--surface-soft-strong: #ffffff;--surface-soft-stronger: #f8faff;--surface-success-soft: #e8f8f2;--surface-input: #ffffff;--surface-accent-soft: #eef0ff;--surface-accent-border: #d8ddf0;--surface-secondary: #ffffff;--surface-secondary-strong: #eef0ff;--surface-strength: #f3f5fc;--surface-track: rgba(23, 32, 51, .08);--placeholder: #8a91ad;--alert-error-border: rgba(204, 76, 76, .16);--alert-error-bg: #fdecec;--alert-error-text: #8d2e2e;--alert-success-border: rgba(73, 165, 114, .16);--alert-success-bg: #e8f8f2;--alert-success-text: #1f6d4d;--weak-bg: rgba(255, 141, 141, .14);--weak-text: #9e3737;--medium-bg: #fff6da;--medium-text: #8b5d0a;--strong-bg: rgba(95, 224, 165, .16);--strong-text: #176344;--shadow-elevated: 0 24px 70px rgba(23, 32, 51, .08)}*{box-sizing:border-box}html{font-size:15px}html,body,#root{min-height:100%}body{margin:0;background:var(--body-background);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;transition:var(--transition-theme)}button,input{font:inherit}button{cursor:pointer;transition:var(--transition-theme),transform .18s ease,opacity .18s ease}.app-shell{position:relative;overflow:hidden;min-height:100vh;padding:32px}.backdrop-grid,.ambient{pointer-events:none;position:absolute}.backdrop-grid{top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.7),transparent 78%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.7),transparent 78%)}.ambient{width:34vw;height:34vw;border-radius:999px;filter:blur(36px);opacity:.45}.ambient-one{top:-10vw;left:-4vw;background:var(--ambient-color-one)}.ambient-two{right:-8vw;bottom:-10vw;background:var(--ambient-color-two)}.experience-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr);max-width:1240px;margin:0 auto;border:1px solid var(--line-soft);border-radius:32px;overflow:hidden;background:var(--card-background);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:var(--transition-theme)}.hero-panel{padding:36px;background:var(--hero-background);border-right:1px solid var(--line-soft);transition:var(--transition-theme)}.form-panel{padding:36px;background:var(--form-background);transition:var(--transition-theme)}.hero-topline,.trust-item,.step-panel-header,.field-control,.strength-header,.secure-badge,.primary-button,.secondary-button,.ghost-button,.highlight-box,.hero-copy{display:flex;align-items:center}.hero-topline{gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.brand-mark{flex-shrink:0;width:84px;height:84px;border-radius:28px;box-shadow:inset 0 1px #ffffff24,0 16px 34px #4f7cff4d}.brand-mark svg{width:100%;height:100%}.hero-heading{flex:1;min-width:220px}.hero-actions{display:grid;gap:8px;justify-items:end}.theme-switch-label{color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.theme-switcher{display:inline-flex;gap:6px;padding:6px;border:1px solid var(--line-soft);border-radius:18px;background:var(--surface-secondary);box-shadow:inset 0 1px 0 var(--surface-secondary-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-option{min-height:38px;padding:0 14px;border:0;border-radius:12px;color:var(--text-secondary);background:transparent;font-size:.9rem;font-weight:700}.theme-option.active{color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent-cyan),#c4f8ff 45%,#8ea6ff 100%);box-shadow:0 10px 18px #4f7cff2e}:root[data-theme=light] .hero-panel h1{color:#172033}:root[data-theme=light] .hero-panel .eyebrow{color:#7c8cff}:root[data-theme=light] .hero-panel .hero-copy p,:root[data-theme=light] .hero-panel .step-copy small,:root[data-theme=light] .hero-panel .trust-item p,:root[data-theme=light] .hero-panel .theme-switch-label{color:#66708f}:root[data-theme=light] .hero-panel .step-copy strong,:root[data-theme=light] .hero-panel .trust-item strong,:root[data-theme=light] .hero-panel .secure-badge{color:#172033}:root[data-theme=light] .theme-switcher{background:#fff;border:1px solid #d8ddf0;box-shadow:0 8px 22px #1720330f}:root[data-theme=light] .theme-option{color:#66708f}:root[data-theme=light] .theme-option.active{background:#eef0ff;color:#2e3192;box-shadow:none}.eyebrow{margin:0 0 8px;color:var(--accent-cyan);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,strong{font-family:var(--font-display)}h1{margin:0;font-size:clamp(1.8rem,3.3vw,2.8rem);line-height:.98}.hero-copy{flex-direction:column;align-items:flex-start;gap:18px;margin-top:34px}.hero-copy p,.form-header p,.step-panel-header p,.trust-item p,.success-panel p{margin:0;color:var(--text-secondary);line-height:1.7}.secure-badge{gap:10px;padding:10px 16px;border:1px solid var(--surface-accent-border);border-radius:999px;background:var(--surface-accent-soft);color:var(--text-primary);font-size:.86rem;font-weight:700}:root[data-theme=light] .hero-panel .secure-badge{background:#ffffffc2;border-color:#e4e8f5}.secure-badge .inline-icon,.panel-icon .inline-icon,.field-icon .inline-icon,.trust-item .inline-icon,.strength-chip .inline-icon,.success-orb .inline-icon{width:25px;height:25px}.step-indicator{display:grid;gap:14px;list-style:none;margin:32px 0;padding:0}.step-pill{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;border:1px solid transparent;border-radius:20px;background:var(--surface-soft);transition:transform .18s ease,border-color .18s ease,background .18s ease}:root[data-theme=light] .hero-panel .step-pill,:root[data-theme=light] .hero-panel .trust-item{background:#ffffffc2;border:1px solid #e4e8f5;box-shadow:0 14px 36px #1720330d}.step-pill.current{border-color:var(--line-strong);background:linear-gradient(180deg,#7ce7ff1f,#4f7cff1f);transform:translate(4px)}:root[data-theme=light] .hero-panel .step-pill.current{background:linear-gradient(135deg,#eef0ff,#f8faff);border-color:#aeb8ff;box-shadow:0 12px 30px #4f56c81a}.step-pill.done{background:var(--surface-success-soft)}.step-badge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-soft);color:var(--text-secondary);font-size:.95rem;font-weight:700}:root[data-theme=light] .hero-panel .step-badge{border-color:#d8ddf0;background:#fff;color:#66708f}.step-pill.current .step-badge,.step-pill.done .step-badge{border-color:transparent;color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent-cyan),var(--surface-chip-highlight))}:root[data-theme=light] .hero-panel .step-pill.current .step-badge,:root[data-theme=light] .hero-panel .step-pill.done .step-badge{background:#dde3ff;color:#2e3192}.step-copy{display:grid;gap:4px}.step-link{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;width:100%;padding:0;border:0;color:inherit;background:transparent;text-align:left}.step-copy strong{font-size:.95rem}.step-copy small{color:var(--text-muted);font-size:.8rem}.trust-panel{display:grid;gap:16px}.trust-item{gap:14px;padding:16px 18px;border:1px solid var(--line-soft);border-radius:20px;background:var(--surface-soft)}.trust-item strong{display:block;margin-bottom:6px;font-size:.95rem}.form-header{margin-bottom:24px}.form-header h2{margin:0 0 10px;font-size:clamp(1.55rem,2.35vw,2.05rem)}:root[data-theme=light] .form-panel .eyebrow{color:#7c8cff}:root[data-theme=light] .form-panel .form-header h2{color:#172033}.alert-message{display:flex;gap:12px;align-items:center;margin-bottom:18px;padding:14px 16px;border-radius:18px;border:1px solid transparent;font-size:.92rem}.alert-message.error{border-color:var(--alert-error-border);background:var(--alert-error-bg);color:var(--alert-error-text)}.alert-message.success{border-color:var(--alert-success-border);background:var(--alert-success-bg);color:var(--alert-success-text)}.alert-dot{width:10px;height:10px;border-radius:999px;background:currentColor}.step-panel{display:grid;gap:22px;padding:28px;border:1px solid var(--line-soft);border-radius:28px;background:linear-gradient(180deg,var(--surface-soft-strong),var(--surface-soft-stronger));animation:panel-enter .26s ease;transition:var(--transition-theme)}:root[data-theme=light] .step-panel{border:1px solid #d8ddf0;box-shadow:0 18px 46px #17203312}.step-panel-header{align-items:flex-start;gap:16px}.step-panel-header h2,.success-panel h2{margin:0 0 6px;font-size:1.35rem}.panel-icon,.success-orb{display:inline-grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#7ce7ff29,#4f7cff29);color:var(--accent-cyan)}:root[data-theme=light] .panel-icon,:root[data-theme=light] .success-orb{background:#eef0ff;color:#4f56c8}.field-grid{display:grid;gap:18px}.field-group{display:grid;gap:10px}.field-label{font-size:.9rem;font-weight:700}.field-group small{color:var(--text-muted);line-height:1.5}.field-control{gap:12px;min-height:58px;padding:0 14px;border:1px solid var(--line-soft);border-radius:18px;background:var(--surface-input);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.field-control:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 4px #7ce7ff24;transform:translateY(-1px)}:root[data-theme=light] .field-control{border-color:#d7dded}:root[data-theme=light] .field-control:focus-within{border-color:#4f56c8;box-shadow:0 0 0 4px #4f56c81f}.field-icon{display:inline-grid;place-items:center;color:var(--text-muted)}.text-input{width:100%;border:0;outline:none;background:transparent;color:var(--text-primary)}.text-input-lowercase{text-transform:lowercase}.text-input::placeholder{color:var(--placeholder)}.highlight-box{justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--surface-accent-border);border-radius:20px;background:var(--surface-accent-soft)}.highlight-box p{margin:0;color:var(--text-primary);line-height:1.6}.highlight-tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--surface-secondary-strong);color:var(--accent-cyan);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.loading-note{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px 18px;border:1px solid var(--surface-accent-border);border-radius:20px;background:linear-gradient(135deg,var(--surface-accent-soft),var(--surface-secondary-strong))}.loading-note strong{display:block;margin-bottom:4px;font-size:.92rem}.loading-note p{margin:0;color:var(--text-secondary);line-height:1.6}.loading-note-spinner{width:20px;height:20px;margin-top:2px;border:2px solid var(--surface-accent-border);border-top-color:var(--accent-cyan);border-radius:999px;animation:spin .78s linear infinite}:root[data-theme=light] .loading-note{border-color:#d8ddf0;background:linear-gradient(135deg,#f6f8ff,#eef0ff)}:root[data-theme=light] .loading-note-spinner{border-color:#4f56c838;border-top-color:#4f56c8}:root[data-theme=light] .highlight-tag,:root[data-theme=light] .ghost-button{color:#2e3192}.primary-button,.secondary-button{justify-content:center;gap:10px;min-height:56px;padding:0 18px;border:0;border-radius:18px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-button{color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent-cyan),#c4f8ff 45%,#8ea6ff 100%);box-shadow:0 14px 28px #4f7cff47}:root[data-theme=light] .primary-button{color:#fff;background:linear-gradient(135deg,#2e3192,#4f56c8);box-shadow:0 14px 32px #2e319233}.secondary-button{color:var(--text-primary);border:1px solid var(--line-soft);background:var(--surface-secondary)}.step-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.step-actions .secondary-button{min-width:120px}.step-actions .primary-button{flex:1}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){transform:translateY(-1px)}:root[data-theme=light] .primary-button:hover:not(:disabled){box-shadow:0 18px 38px #2e319242}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.48;transform:none;box-shadow:none}.ghost-button{justify-content:center;min-width:86px;padding:8px 0;border:0;outline:none;color:var(--accent-cyan);background:transparent;font-size:.88rem;font-weight:700}:root[data-theme=light] .primary-button:disabled{background:linear-gradient(135deg,#e4e8f5,#d8ddf0);color:#8a91ad;box-shadow:none;opacity:1}.button-spinner{width:16px;height:16px;border:2px solid rgba(5,16,29,.2);border-top-color:#05101de6;border-radius:999px;animation:spin .78s linear infinite}:root[data-theme=light] .button-spinner{border:2px solid rgba(255,255,255,.32);border-top-color:#fff}.password-strength{display:grid;gap:16px;padding:18px;border:1px solid var(--line-soft);border-radius:22px;background:var(--surface-strength)}.strength-header{justify-content:space-between;gap:14px;flex-wrap:wrap}.strength-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700}.strength-chip.weak,.strength-fill.weak{background:var(--weak-bg);color:var(--weak-text)}.strength-chip.medium,.strength-fill.medium{background:var(--medium-bg);color:var(--medium-text)}.strength-chip.strong,.strength-fill.strong{background:var(--strong-bg);color:var(--strong-text)}.strength-bar{height:10px;border-radius:999px;background:var(--surface-track);overflow:hidden}.strength-fill{display:block;height:100%;border-radius:inherit;transition:width .18s ease}.password-rules{display:grid;gap:10px;list-style:none;margin:0;padding:0}.password-rules li{display:grid;grid-template-columns:auto 1fr;gap:10px;color:var(--text-secondary)}.password-rules li.passed{color:var(--text-success)}.rule-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.12);color:transparent}.password-rules li.passed .rule-icon{border-color:#5fe0a552;background:#5fe0a529;color:var(--accent-success)}.success-panel{place-items:center;text-align:center;padding-block:44px}.success-orb{width:72px;height:72px;margin-bottom:4px;border-radius:24px;background:linear-gradient(145deg,#5fe0a533,#7ce7ff29);color:var(--accent-success)}.inline-icon{width:25px;height:25px}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 980px){.app-shell{padding:18px}.experience-card{grid-template-columns:1fr}.hero-panel{border-right:0;border-bottom:1px solid var(--line-soft)}.hero-actions{width:100%;justify-items:start}}@media (max-width: 640px){html{font-size:14px}.hero-panel,.form-panel{padding:22px}.step-panel{padding:20px}.field-control{min-height:54px}.highlight-box,.strength-header,.step-actions{align-items:flex-start}.step-actions .secondary-button,.step-actions .primary-button{width:100%}}