*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--purple:#8c3494;--purple-light:#a855b5;--purple-faint:#f5edf7;--navy:#1c1c54;--navy-mid:#2d2d6b;--navy-light:#eeeef8;--white:#fff;--gray-100:#f7f7fb;--gray-200:#ebebf5;--gray-400:#9191b0;--gray-600:#555570;--gray-800:#2a2a45;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 3px rgba(28,28,84,.08);--shadow-md:0 4px 16px rgba(28,28,84,.12);--shadow-lg:0 8px 32px rgba(28,28,84,.16)}body,html{height:100%;font-family:var(--font-body);background:var(--gray-100);color:var(--gray-800);-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--white);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px rgba(0,0,0,.2)}.app-header img{height:36px;object-fit:contain}.app-header-badge{font-family:var(--font-body);font-size:11px;font-weight:500;color:hsla(0,0%,100%,.6);letter-spacing:.5px}.app-main{flex:1 1;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px}.app-footer{text-align:center;padding:20px;font-size:12px;color:var(--gray-400);border-top:1px solid var(--gray-200);background:#fff}.app-footer a{color:var(--purple);text-decoration:none}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--gray-200);transition:all .3s}.step-dot.active{width:24px;border-radius:4px;background:var(--purple)}.step-dot.done{background:var(--purple-light)}.btn-primary{background:var(--purple);color:#fff;border:none;border-radius:8px;padding:14px 28px;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.3px}.btn-primary:hover{background:var(--purple-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:var(--navy);border:2px solid var(--gray-200);border-radius:8px;padding:12px 24px;font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--purple);color:var(--purple)}.btn-ghost{background:none;border:none;color:var(--purple);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 0;transition:gap .2s}.btn-ghost:hover{gap:10px}.input{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:8px;font-family:var(--font-body);font-size:15px;color:var(--gray-800);transition:border-color .2s;outline:none;background:#fff}.input:focus{border-color:var(--purple)}.input.error{border-color:#e53e3e}.input-label{display:block;font-size:13px;font-weight:600;color:var(--gray-600);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.input-error{font-size:13px;color:#e53e3e;margin-top:6px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease forwards}.spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.app-main{padding:24px 12px}.app-header{padding:12px 16px}}