*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0d0f14;--bg-secondary: #111318;--bg-tertiary: #1a1d27;--border: #1e2330;--border-hover: #2d3348;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-soft: #1e1b4b;--accent-border: #3730a3;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #475569;--text-faint: #334155;--green: #10b981;--red: #ef4444;--gold: #f59e0b;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}html{scroll-behavior:smooth}body{font-family:Cairo,Segoe UI,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-hover);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.btn-primary{background:var(--accent);border:none;color:#fff;padding:9px 20px;border-radius:var(--radius-md);font-weight:700;font-size:14px;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-outline{background:transparent;border:1px solid var(--border-hover);color:var(--text-secondary);padding:9px 20px;border-radius:var(--radius-md);font-size:14px;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}.badge-purple{background:var(--accent-soft);border:1px solid var(--accent-border);color:#a78bfa}.badge-green{background:#0f2318;border:1px solid #166534;color:#4ade80}.badge-gold{background:#1f1a09;border:1px solid #854f0b;color:#fbbf24}.page-container{max-width:1100px;margin:0 auto;padding:28px 20px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.section-link{font-size:12px;color:var(--accent);background:none;border:none;cursor:pointer}@media (max-width: 640px){.page-container{padding:16px 12px}.hide-mobile{display:none!important}}