:root{--primary-main:#1e40af;--primary-light:#3b82f6;--primary-dark:#1e3a8a;--secondary-main:#64748b;--success-main:#059669;--warning-main:#d97706;--error-main:#dc2626;--bg-light:#f8fafc;--bg-dark:#0f172a;--card-light:#fff;--card-dark:#1e293b;--border-light:#e2e8f0;--border-dark:#334155;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-premium:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--glass-bg:#ffffffb3;--glass-bg-dark:#1e293bb3;--glass-border:#fff3;--glass-blur:blur(12px);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{background-color:var(--bg-light);color:#1e293b;min-width:320px;min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s}body.dark-mode{background-color:var(--bg-dark);color:#f1f5f9}.premium-card{background:var(--card-light);border:1px solid var(--border-light);box-shadow:var(--shadow-md);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .premium-card{background:var(--card-dark);border-color:var(--border-dark);box-shadow:0 4px 6px #0000004d}.premium-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:20px}.dark-mode .glass-card{background:var(--glass-bg-dark);border-color:#ffffff1a}.gradient-text{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.premium-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #1e40af40}.premium-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 16px #1e40af59}.premium-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.dark-mode ::-webkit-scrollbar-thumb{background:#334155}::-webkit-scrollbar-thumb:hover{background:#94a3b8}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}