:root{--bg-primary:#f5f3ff;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#ede9fe;--text-primary:#1e1b4b;--text-secondary:#5b21b6;--text-muted:#7c3aed;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a78bfa);--success:#10b981;--border-color:#e9d5ff;--border-primary:#e9d5ff;--border-subtle:#ddd6fe;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"Playfair Display",Georgia,"Times New Roman",serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spotlight-x:50%;--spotlight-y:0%}[data-theme=dark]{--bg-primary:#050505;--bg-secondary:#070707;--bg-card:hsla(0,0%,5%,.92);--bg-card-hover:hsla(0,0%,7%,.96);--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#4b5563;--accent-primary:#8b5cf6;--accent-secondary:#00ffab;--accent-gradient:linear-gradient(135deg,#8b5cf6,#00ffab 50%,#ec4899);--success:#00ffab;--border-color:rgba(148,163,184,.28);--border-primary:rgba(148,163,184,.28);--border-subtle:rgba(15,23,42,.7)}[dir=rtl]{--font-sans:"Heebo","Inter",system-ui,sans-serif;--font-serif:"Heebo","Playfair Display",Georgia,serif;--font-mono:"Heebo",ui-monospace,monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:-200px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 0 0,rgba(148,163,184,.12),transparent 55%),radial-gradient(circle at 100% 100%,rgba(148,163,184,.08),transparent 55%);opacity:.4;filter:blur(26px);animation:gradient 40s linear infinite alternate}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-primary);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--accent-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 3s ease infinite}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s ease}.card:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent-gradient);background-size:200% auto;color:#fff}.btn-primary:hover{background-position:100%;transform:translateY(-1px);box-shadow:0 4px 20px rgba(99,102,241,.4)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.tag{display:inline-block;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.tag:hover{border-color:var(--accent-primary);color:var(--text-primary)}@media (max-width:768px){body{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);-webkit-tap-highlight-color:transparent}.container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}