:root{--bg:#F6F3FA;--surface:#FFFFFF;--ink:#2A1340;--ink-soft:#6B5E7C;--purple:#5B2A86;--purple-deep:#3A1560;--gold:#B68A1F;--gold-soft:#F3E9CC;--line:#E7DEF2;--tint:#F2EBFB;--danger:#9B2242;--ok:#1F7A4D;--radius:16px;--shadow:0 1px 2px rgba(42,19,64,.04), 0 14px 40px -22px rgba(58,21,96,.3)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Cairo,system-ui,sans-serif;background:radial-gradient(120% 90% at 100% -10%,rgba(91,42,134,.1),transparent 55%),radial-gradient(90% 70% at 0% 110%,rgba(182,138,31,.1),transparent 50%),var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;padding:clamp(14px,4vw,40px);min-height:100%}.wrap{max-width:780px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);overflow:hidden}.pad{padding:clamp(22px,5vw,46px)}.brand-rule{display:flex;align-items:center;gap:12px;color:var(--gold);font-weight:700;font-size:.82rem;letter-spacing:.1em;margin-bottom:22px;font-family:Reem Kufi,sans-serif}.brand-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-soft),transparent)}h1{font-family:Reem Kufi,sans-serif;font-weight:700;font-size:clamp(1.6rem,4.5vw,2.5rem);line-height:1.25;letter-spacing:-.01em;color:var(--purple-deep)}.lead{margin-top:16px;color:var(--ink-soft);font-size:clamp(1rem,2.4vw,1.12rem);max-width:60ch}.meta-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px}.meta{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.92rem;font-weight:600}.meta .dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}.intro-cta{margin-top:34px}.btn{font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer;border:none;border-radius:12px;padding:14px 30px;transition:.18s ease}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 10px 24px -12px #5b2a86b3}.btn-primary:hover{background:var(--purple-deep);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink-soft);padding:14px 18px}.btn-ghost:hover{color:var(--purple)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.top{padding:18px clamp(22px,5vw,46px) 0}.seg{display:flex;gap:6px;margin-bottom:14px}.seg i{flex:1;height:6px;border-radius:6px;background:var(--line);transition:.3s}.seg i.on{background:var(--gold)}.seg i.cur{background:var(--purple)}.crumb{display:flex;justify-content:space-between;align-items:center;color:var(--ink-soft);font-size:.9rem;font-weight:600}.crumb b{color:var(--purple)}#secName{font-family:Reem Kufi,sans-serif;color:var(--purple-deep)}.gate-head{text-align:center;margin-bottom:8px}.gate-head h2{font-family:Reem Kufi,sans-serif;color:var(--purple-deep);font-size:clamp(1.4rem,4vw,2rem)}.gate-head p{color:var(--ink-soft);margin-top:10px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}@media(max-width:640px){.roles{grid-template-columns:1fr}}.role{text-align:center;border:1.5px solid var(--line);border-radius:18px;padding:30px 18px;cursor:pointer;background:var(--surface);transition:.18s ease}.role:hover{border-color:var(--purple);transform:translateY(-3px);box-shadow:0 18px 40px -24px #5b2a8680}.role-ic{width:58px;height:58px;margin:0 auto 16px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--tint)}.role-ic svg{width:30px;height:30px;stroke:var(--purple);fill:none;stroke-width:1.7}.role h3{font-family:Reem Kufi,sans-serif;color:var(--purple-deep);font-size:1.25rem}.role p{color:var(--ink-soft);font-size:.9rem;margin-top:8px;line-height:1.6}.q{margin-bottom:30px}.q:last-child{margin-bottom:6px}.q-num{font-family:Reem Kufi,sans-serif;color:var(--gold);font-weight:700;font-size:.85rem;margin-bottom:6px}.q-label{font-size:clamp(1.08rem,2.6vw,1.28rem);font-weight:700;color:var(--ink);line-height:1.5}.q-hint{color:var(--ink-soft);font-size:.92rem;margin-top:6px}.req{color:var(--danger);font-weight:700;margin-inline-start:4px}.field{margin-top:16px}input[type=text],textarea,.money input,select.picker{width:100%;font-family:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;transition:.15s}textarea{min-height:120px;resize:vertical;line-height:1.7}input[type=text]:focus,textarea:focus,.money input:focus,select.picker:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 4px #5b2a861a}.money{position:relative;display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;transition:.15s;background:var(--surface)}.money:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px #5b2a861a}.money input{border:none;box-shadow:none;border-radius:0}.money input:focus{box-shadow:none}.money .cur{display:flex;align-items:center;gap:6px;padding:0 16px;background:var(--tint);color:var(--purple-deep);font-weight:700;font-size:.95rem;white-space:nowrap;border-inline-start:1.5px solid var(--line);font-family:Reem Kufi,sans-serif}.money .cur small{font-weight:600;color:var(--ink-soft);font-size:.78rem}.opts{display:flex;flex-direction:column;gap:10px;margin-top:16px}.opts.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.opts.grid{grid-template-columns:1fr}}.opt{display:flex;align-items:center;gap:12px;cursor:pointer;border:1.5px solid var(--line);border-radius:12px;padding:13px 16px;background:var(--surface);transition:.15s;font-weight:600;color:var(--ink)}.opt:hover{border-color:var(--purple)}.opt .box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:.15s}.opt.multi .box{border-radius:7px}.opt:not(.multi) .box{border-radius:50%}.opt.sel{border-color:var(--purple);background:var(--tint)}.opt.sel .box{background:var(--purple);border-color:var(--purple)}.opt.sel .box svg{width:13px;height:13px;stroke:#fff;stroke-width:3;fill:none}.opt .box svg{opacity:0}.opt.sel .box svg{opacity:1}.max-note{color:var(--ink-soft);font-size:.85rem;margin-top:10px}.scale{display:flex;gap:10px;margin-top:16px}.scale b{flex:1;text-align:center;cursor:pointer;border:1.5px solid var(--line);border-radius:12px;padding:16px 0;font-weight:800;font-size:1.15rem;color:var(--ink-soft);background:var(--surface);transition:.15s}.scale b:hover{border-color:var(--purple)}.scale b.sel{background:var(--purple);border-color:var(--purple);color:#fff}.scale-ends{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:.82rem;margin-top:8px}.nav{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 clamp(22px,5vw,46px) clamp(22px,5vw,40px);margin-top:6px}.err{color:var(--danger);font-weight:600;font-size:.9rem;display:none}.err.show{display:block}.done{text-align:center;padding:clamp(30px,7vw,64px) clamp(20px,5vw,46px)}.check{width:74px;height:74px;border-radius:50%;background:var(--tint);margin:0 auto 22px;display:flex;align-items:center;justify-content:center}.check svg{width:34px;height:34px;stroke:var(--purple);stroke-width:3;fill:none}.done h2{font-family:Reem Kufi,sans-serif;color:var(--purple-deep);font-size:clamp(1.5rem,4vw,2rem)}.done p{color:var(--ink-soft);margin-top:14px;max-width:48ch;margin-inline:auto}.chip-row{display:flex;justify-content:flex-end;margin-bottom:14px}.cur-chip{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700;color:var(--purple-deep)}.cur-chip svg{width:15px;height:15px;stroke:var(--gold);fill:none;stroke-width:1.8}.cur-chip select{border:none;background:transparent;font-family:inherit;font-weight:700;color:var(--purple-deep);cursor:pointer;font-size:.85rem}.cur-chip select:focus{outline:none}.foot{text-align:center;color:var(--ink-soft);font-size:.82rem;margin-top:22px;font-family:Reem Kufi,sans-serif}.fade{animation:fade .35s ease}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fade{animation:none}}