*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a12;--bg-secondary: #12121f;--bg-tertiary: #1a1a2e;--text-primary: #ffffff;--text-secondary: #b0b0c0;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--border-color: rgba(255, 255, 255, .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3)}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#12121ff2,#0a0a12f2);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo h1{font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav{display:flex;gap:1.5rem}.main-nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease;padding:.5rem 0}.main-nav a:hover{color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:1rem}.btn-primary,.btn-secondary{padding:.6rem 1.2rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.9rem}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--accent-primary)}.container{max-width:1400px;margin:0 auto;padding:2rem}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .header-content,[dir=rtl] .main-nav,[dir=rtl] .header-actions{flex-direction:row-reverse}