:root{color-scheme:dark;--bg:#090817;--panel:rgba(19,17,39,.88);--line:rgba(178,151,255,.17);--purple:#a78bfa;--cyan:#72e4e0;--muted:#a5a0bb;--white:#f8f6ff}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 0%,#211744 0,transparent 42%),var(--bg);color:var(--white);font-family:"Cairo",sans-serif}.container{width:min(100% - 40px,920px);margin-inline:auto}.ambient{position:fixed;width:380px;height:380px;border-radius:50%;filter:blur(100px);opacity:.13;pointer-events:none;z-index:-1}.ambient-one{background:#8855ff;top:20%;right:-240px}.ambient-two{background:#25c9c3;bottom:0;left:-250px}
.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(140deg,#b49aff,#6bcbdf);color:#100d20;font-weight:900;font-size:24px;position:relative;box-shadow:0 8px 30px #9270ff33}.brand-mark span{position:absolute;font-size:11px;right:7px;top:5px}.brand-name{font-size:17px;font-weight:900;letter-spacing:1px;line-height:1.1}.brand-name b{color:#b9a5ff}.brand-name small{display:block;color:#77728e;font-size:8px;letter-spacing:2px;margin-top:5px}.status{font-size:11px;color:#b9b3ca;border:1px solid var(--line);border-radius:30px;padding:7px 12px}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65dfad;margin-left:7px;box-shadow:0 0 10px #65dfad}
.hero{text-align:center;padding:58px 0 34px}.eyebrow,.step-label{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:800}.eyebrow span{display:inline-block;width:20px;height:1px;background:var(--cyan);vertical-align:middle;margin-left:8px}.hero h1{font-size:clamp(38px,7vw,62px);line-height:1.28;margin:16px 0 10px;font-weight:900;letter-spacing:-1.5px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#c4aaff,#73e4e0);background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:14px;margin:0}
.panel{max-width:690px;margin:0 auto;padding:30px 34px 18px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(28,24,54,.94),rgba(14,14,31,.94));box-shadow:0 28px 90px #0006,inset 0 1px #ffffff0b;backdrop-filter:blur(18px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel-heading h2{font-size:22px;margin:4px 0 0}.sparkle{font-size:32px;color:#b59cff}
fieldset{border:0;padding:0;margin:0 0 22px}legend{font-size:13px;font-weight:800;margin-bottom:11px;color:#e5e0f4}.option-grid{display:grid;gap:12px}.option-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card{min-height:82px;position:relative;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #393252;border-radius:16px;background:#100f23;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.option-card:hover{transform:translateY(-2px);border-color:#9074d9}.option-card.selected{border-color:#a58af2;background:linear-gradient(110deg,#33275a77,#171c35)}.option-card input{position:absolute;opacity:0;pointer-events:none}.option-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#ffffff0a;font-size:21px}.option-copy b,.option-copy small{display:block}.option-copy b{font-size:13px}.option-copy small{font-size:10px;color:var(--muted);margin-top:3px}.radio-dot{width:15px;height:15px;border:1px solid #625a7c;border-radius:50%;margin-right:auto;position:relative}.selected .radio-dot{border-color:#b79cff}.selected .radio-dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#b79cff}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:6px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.field.full{grid-column:1/-1}.field input{width:100%;height:48px;border-radius:12px;border:1px solid #393451;background:#0d0c1c;color:white;padding:0 14px;font:inherit;font-weight:500;outline:none;transition:.2s}.field input:focus{border-color:#9e84ee;box-shadow:0 0 0 3px #a78bfa19}.field input::placeholder{color:#68637b;font-size:11px}.field small{font-size:10px;color:#89839d;font-weight:400}.field .privacy-note{color:#9cdbd5}
.consent{display:flex;align-items:flex-start;gap:9px;margin-top:18px;color:#aaa4bd;font-size:10px;line-height:1.8}.consent input{accent-color:#a78bfa;margin-top:4px}.submit-button{width:100%;height:54px;border:0;border-radius:14px;margin-top:20px;background:linear-gradient(100deg,#b49aff,#8d9cf6 55%,#72e4e0);color:#100e20;font-family:inherit;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 12px 30px #9270ff26;transition:transform .2s,filter .2s}.submit-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.submit-button:disabled{opacity:.65;cursor:wait;transform:none}.submit-button b{font-size:21px}.result{min-height:20px;text-align:center;font-size:12px;color:var(--cyan);margin:10px 0 0}.result.error{color:#ff9dba}.panel-foot{text-align:center;color:#77718e;font-size:9px;letter-spacing:2px;margin-top:13px}.panel-foot span{color:#a78bfa}.foot-separator{padding:0 7px;color:#4d4762}
.trust-row{max-width:690px;margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trust-row>div{display:grid;grid-template-columns:25px 1fr;align-items:center;padding:12px;border:1px solid #ffffff0d;border-radius:13px;background:#ffffff05}.trust-row>div>span{grid-row:span 2;color:#a995f0;font-size:17px}.trust-row b{font-size:10px}.trust-row small{font-size:9px;color:#827c96}.footer{text-align:center;color:#615c73;font-size:10px;padding:30px 0 22px}
@media(max-width:600px){.container{width:min(100% - 28px,920px)}.topbar{height:78px}.hero{padding:43px 0 27px}.hero p{font-size:12px}.panel{padding:23px 17px 15px;border-radius:20px}.panel-heading h2{font-size:19px}.option-card{padding:11px;gap:9px;min-height:75px}.option-icon{width:37px;height:37px;font-size:18px}.option-copy b{font-size:11px}.fields{grid-template-columns:1fr;gap:13px}.field.full{grid-column:auto}.trust-row{gap:6px}.trust-row>div{padding:9px 7px;grid-template-columns:20px 1fr}.trust-row b{font-size:9px}.trust-row small{font-size:8px}.brand-name{font-size:15px}}