:root{--bg:#05070d;--bg2:#0a0f1e;--bg3:#0f1428;--card:#0f152b;--card2:#141c36;--line:rgba(230,194,122,.16);--line2:rgba(230,194,122,.28);--gold:#E6C27A;--gold2:#C9A86A;--gold3:#f0d9a0;--gold-glow:0 0 32px rgba(230,194,122,.35), 0 0 64px rgba(230,194,122,.15);--text:#faf7ef;--muted:#9aa3b8;--muted2:#6b7390;--accent:#7dd3c8;--rose:#e8a0bf;--radius:22px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Tajawal,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 600px at 20% 0%,rgba(230,194,122,.08),transparent 60%),radial-gradient(700px 500px at 90% 20%,rgba(232,160,191,.07),transparent 60%),radial-gradient(800px 600px at 50% 100%,rgba(125,211,200,.05),transparent 70%),linear-gradient(180deg,#05070d,#070a14 40%,#0a0f1e)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.glass{background:linear-gradient(180deg,#ffffff14,#ffffff06);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 16px 48px #0000008c,0 1px #ffffff14 inset,0 0 0 1px #e6c27a0f inset}.glass-strong{background:linear-gradient(180deg,#ffffff1a,#ffffff08);border:1px solid rgba(230,194,122,.22);-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);box-shadow:0 20px 60px #0009,0 0 40px #e6c27a1f,0 0 80px #e6c27a0d}.gold{color:var(--gold)}.gold-gradient{background:linear-gradient(135deg,var(--gold3),var(--gold),var(--gold2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:var(--gold-glow)}.btn-primary{background:linear-gradient(135deg,var(--gold3) 0%,var(--gold) 45%,var(--gold2) 100%);color:#1a1206;font-weight:800;letter-spacing:.2px;border:0;border-radius:14px;padding:13px 20px;box-shadow:0 10px 28px #e6c27a61,0 1px #fff6 inset;transition:all .25s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.25) 50%,transparent 80%);transform:translate(-100%);transition:transform .6s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px #e6c27a73}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-ghost{background:#ffffff0f;border:1px solid var(--line);color:var(--text);border-radius:14px;padding:10px 16px;transition:.2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 18px #00000040}.btn-ghost:hover{background:#ffffff17;border-color:var(--line2);transform:translateY(-1px);box-shadow:0 10px 24px #e6c27a1f}.vip-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e6c27a2e,#e6c27a0f);border:1px solid rgba(230,194,122,.25);color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:5px 10px;border-radius:999px;box-shadow:0 0 18px #e6c27a26}.grid{display:grid;gap:16px}@media (min-width:900px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.09) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 2.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #e6c27a40}50%{box-shadow:0 0 36px #e6c27a73}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}input,select,textarea{font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--line2)!important;box-shadow:0 0 0 3px #e6c27a1f}.app-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(20px) saturate(1.35);backdrop-filter:blur(20px) saturate(1.35);background:linear-gradient(180deg,#05070deb,#05070db8);border-bottom:1px solid var(--line);box-shadow:0 12px 40px #00000073,0 0 40px #e6c27a0f}.app-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 80px at 50% 0%,rgba(230,194,122,.12),transparent 70%)}.app-header-inner{max-width:1120px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.nav-burger{width:46px;height:46px;border-radius:14px;border:1px solid var(--line2);background:linear-gradient(180deg,#ffffff1a,#ffffff08);display:grid;place-content:center;gap:5px;box-shadow:0 8px 24px #00000059,0 0 24px #e6c27a2e,inset 0 1px #ffffff1f;transition:.2s}.nav-burger:hover{transform:translateY(-1px);box-shadow:0 12px 28px #e6c27a38}.nav-burger span{display:block;width:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold3),var(--gold));box-shadow:0 0 8px #e6c27a73}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#02040a9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-drawer{position:fixed;top:12px;bottom:12px;right:12px;z-index:90;width:min(360px,calc(100vw - 24px));border-radius:24px;padding:18px 16px;display:flex;flex-direction:column;gap:14px;overflow:hidden;box-shadow:0 30px 80px #000000a6,0 0 60px #e6c27a29}.nav-drawer-halo{position:absolute;width:280px;height:280px;border-radius:50%;top:-60px;left:-40px;pointer-events:none;background:radial-gradient(circle,rgba(230,194,122,.22),transparent 70%);filter:blur(8px)}.nav-drawer-head{display:flex;align-items:center;gap:12px;position:relative}.nav-brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#f0d9a0,#e6c27a 50%,#c9a86a);display:grid;place-items:center;font-weight:900;color:#1a1206;box-shadow:0 10px 28px #e6c27a66,0 0 24px #e6c27a33}.nav-brand-title{font-weight:800;font-size:15px}.nav-close{margin-inline-start:auto;width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:#ffffff0d;color:var(--text);box-shadow:0 6px 16px #0000004d}.nav-user{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;position:relative}.nav-user-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1206;font-weight:900;display:grid;place-items:center;box-shadow:0 0 18px #e6c27a4d}.nav-list{display:grid;gap:8px;position:relative;overflow:auto;flex:1;padding-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:12px 14px;border-radius:16px;border:1px solid transparent;background:#ffffff08;color:var(--text);font-size:14px;font-weight:600;transition:.2s;cursor:pointer;box-shadow:0 4px 14px #00000026}.nav-item:hover{background:#e6c27a14;border-color:#e6c27a33;box-shadow:0 8px 22px #e6c27a1f,0 0 20px #e6c27a14;transform:translateY(-1px)}.nav-item.active{background:linear-gradient(135deg,#e6c27a29,#e6c27a0d);border-color:#e6c27a47;box-shadow:0 0 28px #e6c27a26}.nav-item.accent .nav-item-icon{background:linear-gradient(135deg,#e8a0bf40,#e6c27a33)}.nav-item-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff14,0 0 12px #e6c27a14;font-size:14px}.nav-footer{position:relative;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.nav-secure-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;color:var(--accent);background:#7dd3c81a;border:1px solid rgba(125,211,200,.25);box-shadow:0 0 16px #7dd3c81f}.legal-check{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:#ffffff0a;border:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted)}.legal-check a{color:var(--gold);text-decoration:underline}.legal-back{margin-top:22px;text-align:center}.voice-stage{padding:18px;text-align:center}.secure-chip{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.3px;padding:4px 8px;border-radius:999px;background:#7dd3c81f;border:1px solid rgba(125,211,200,.28);color:#9ee6dd;box-shadow:0 0 14px #7dd3c81f}