@tailwind base;@tailwind components;@tailwind utilities;:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";--primary-gradient:linear-gradient(135deg,#06b6d4 0%,#8b5cf6 50%,#ec4899 100%);--surface-glass:#1e293b66;--border-glass:#94a3b833;--text-primary:#ffffffe6;--text-secondary:#94a3b8cc;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;background-color:#0f0f23;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%) fixed;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900}h2{font-size:clamp(2rem,4vw,3rem);font-weight:800}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}a{color:#06b6d4;font-weight:500;text-decoration:none;transition:all .2s}a:hover{color:#0891b2;text-underline-offset:4px;text-decoration:underline}button{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;border:1px solid #0000;border:1px solid var(--border-glass);border-radius:12px;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover{background:#1e293b99;border-color:#94a3b866;transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}::selection{color:#fff;background:#06b6d44d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:6s ease-in-out infinite float}.animation-delay-1000{animation-delay:1s}.animation-delay-2000{animation-delay:2s}.animation-delay-3000{animation-delay:3s}.animation-delay-4000{animation-delay:4s}table tbody tr{transition:all .3s;display:table-row;cursor:pointer!important;border-radius:.75rem!important}table tbody tr td:first-child{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}table tbody tr td:last-child{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}table tbody tr:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433;background:#06b6d414!important;border:2px solid #06b6d466!important}@media (max-width:768px){:root{font-size:14px}button{padding:.65rem 1.25rem;font-size:.9rem}}@media (max-width:480px){:root{font-size:13px}h1{font-size:clamp(2rem,8vw,3rem)}}@media (prefers-contrast:high){:root{--text-primary:#fff;--text-secondary:#e2e8f0;--border-glass:#ffffff4d}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#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}