*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0c29;--bg-secondary:#302b63;--bg-tertiary:#24243e;--purple-500:#7c3aed;--purple-400:#a78bfa;--purple-300:#c4b5fd;--purple-600:#6d28d9;--indigo-500:#4f46e5;--green-500:#22c55e;--green-600:#16a34a;--red-400:#f87171;--cyan-400:#22d3ee;--white:#fff;--white-06:#ffffff0f;--white-08:#ffffff14;--white-12:#ffffff1f;--white-15:#ffffff26;--white-18:#ffffff2e;--white-50:#ffffff80;--white-65:#ffffffa6;--white-72:#ffffffb8;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--shadow-purple:0 8px 32px #7c3aed73;--shadow-green:0 8px 24px #22c55e66}html{scroll-behavior:smooth}body{background:linear-gradient(135deg, var(--bg-primary), var(--bg-secondary), var(--bg-tertiary));color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#7c3aed26 0%,#0000 50%),radial-gradient(circle at 80% 80%,#4f46e51f 0%,#0000 50%),radial-gradient(circle,#a78bfa0f 0%,#0000 50%);position:fixed;inset:0}#root{z-index:1;position:relative}.navbar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--white-08);z-index:100;background:#0f0c29b3;align-items:center;gap:12px;padding:16px 32px;display:flex;position:sticky;top:0}.navbar__logo{letter-spacing:-.5px;background:linear-gradient(135deg, var(--purple-400), var(--cyan-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.navbar__right{color:var(--white-50);margin-left:auto;font-size:13px;font-weight:500}.hero{text-align:center;max-width:760px;margin:0 auto;padding:80px 24px 60px;animation:.8s ease-out fadeInUp}.hero__pill{color:var(--purple-300);text-transform:uppercase;letter-spacing:1px;background:#8b5cf633;border:1px solid #8b5cf666;border-radius:24px;margin-bottom:28px;padding:6px 18px;font-size:12px;font-weight:700;display:inline-block}.hero__title{background:linear-gradient(#fff 30%,#fff9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(32px,6.5vw,58px);font-weight:900;line-height:1.1}.hero__subtitle{color:var(--white-72);max-width:560px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.7}.hero__benefits{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.hero__benefit{background:var(--white-08);border:1px solid var(--white-12);border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.hero__benefit:hover{background:#7c3aed26;border-color:#7c3aed4d;transform:translateY(-2px)}.hero__stats{border-top:1px solid var(--white-08);border-bottom:1px solid var(--white-08);justify-content:center;gap:48px;margin-bottom:48px;padding:24px 0;display:flex}.hero__stat{text-align:center}.hero__stat-val{background:linear-gradient(135deg, var(--purple-400), var(--cyan-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.hero__stat-label{color:var(--white-50);margin-top:4px;font-size:12px;font-weight:500}.btn-cta{background:linear-gradient(135deg, var(--purple-500), var(--indigo-500));color:var(--white);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-purple);letter-spacing:-.2px;border:none;align-items:center;gap:8px;padding:16px 44px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 14px 44px #7c3aed99}.btn-cta:active{transform:translateY(-1px)}.btn-cta--green{background:linear-gradient(135deg, var(--green-500), var(--green-600));box-shadow:var(--shadow-green);font-size:15px;text-decoration:none}.btn-cta--green:hover{box-shadow:0 14px 36px #22c55e80}.form-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--white-12);border-radius:var(--radius-xl);background:#0f0c2999;max-width:580px;margin:0 auto 80px;padding:40px 36px;animation:.6s ease-out fadeInUp}@media (width<=600px){.form-card{margin:0 16px 60px;padding:28px 20px}}.progress{gap:8px;margin-bottom:28px;display:flex}.progress__step{background:var(--white-15);border-radius:3px;flex:1;height:5px;transition:background .4s;position:relative;overflow:hidden}.progress__step--active{background:var(--purple-400)}.progress__step--done{background:var(--purple-500)}.progress__step--done:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.step-label{color:var(--white-50);margin-bottom:24px;font-size:13px;font-weight:500}.step-label strong{color:var(--purple-300)}.field{margin-bottom:20px}.field__label{color:var(--purple-300);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.field__input,.field__select{background:var(--white-08);border:1px solid var(--white-18);border-radius:var(--radius-sm);width:100%;color:var(--white);outline:none;padding:13px 16px;font-family:inherit;font-size:14px;transition:border .2s,box-shadow .2s}.field__input::placeholder{color:var(--white-50)}.field__input:focus,.field__select:focus{border-color:var(--purple-400);box-shadow:0 0 0 3px #a78bfa26}.field__select{cursor:pointer;background:#1a1640}.field__select option{color:#fff;background:#1a1640}.field__error{color:var(--red-400);align-items:center;gap:4px;margin-top:5px;font-size:12px;display:flex}.btn-row{gap:12px;margin-top:32px;display:flex}.btn-back{background:var(--white-08);border:1px solid var(--white-15);color:var(--white);cursor:pointer;border-radius:12px;flex:1;padding:14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-back:hover{background:var(--white-12)}.btn-next{background:linear-gradient(135deg, var(--purple-500), var(--indigo-500));color:var(--white);cursor:pointer;border:none;border-radius:12px;flex:2;padding:14px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #7c3aed4d}.btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed80}.btn-next:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--white-12);border-radius:var(--radius-xl);text-align:center;background:#0f0c2999;max-width:580px;margin:60px auto 80px;padding:52px 40px;animation:.6s ease-out fadeInUp}@media (width<=600px){.success-card{margin:40px 16px 60px;padding:36px 24px}}.success-card__emoji{margin-bottom:18px;font-size:56px}.success-card__title{background:linear-gradient(135deg, #fff, var(--purple-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:28px;font-weight:800}.success-card__text{color:var(--white-65);margin-bottom:32px;font-size:15px;line-height:1.6}.how-to-steps{background:var(--white-06);border-radius:var(--radius-md);text-align:left;margin-top:28px;padding:24px 28px}.how-to-steps__title{color:var(--purple-300);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;font-size:12px;font-weight:800}.how-to-steps__item{border-bottom:1px solid var(--white-06);align-items:flex-start;gap:14px;padding:10px 0;font-size:14px;line-height:1.5;display:flex}.how-to-steps__item:last-child{border-bottom:none}.how-to-steps__num{background:linear-gradient(135deg, var(--purple-500), var(--indigo-500));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:12px;font-weight:700;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{background:var(--purple-400);opacity:.3;border-radius:50%;width:4px;height:4px;animation:linear infinite float;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-10vh)rotate(720deg)}}@media (width<=480px){.navbar{padding:14px 20px}.hero{padding:50px 20px 40px}.hero__stats{flex-wrap:wrap;gap:24px}.hero__benefits{gap:8px}.hero__benefit{padding:8px 12px;font-size:12px}}