@tailwind base;@tailwind components;@tailwind utilities;:root{--radius:0.5rem;--cyan:#22d3ee;--cyan-dark:#0891b2;--cyan-light:#a5f3fc;--dark-bg:#0f172a;--darker-bg:#0f0f1e;--text-primary:#e2e8f0;--text-muted:#94a3b8;--text-body:#cbd5e1;--border-subtle:rgba(34,211,238,0.1);--border-light:rgba(34,211,238,0.2)}body,html{background:linear-gradient(135deg,#0f172a,#0f0f1e);color:#e2e8f0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}html{scroll-behavior:smooth}*{border-color:rgba(34,211,238,.1)}h1,h2,h3,h4,h5,h6{color:#e2e8f0;font-weight:800;letter-spacing:-.03em}h1{font-size:2.5rem;font-weight:900;line-height:1.2}@media (min-width:768px){h1{font-size:3.5rem}}h2{font-size:1.875rem;font-weight:800;color:#22d3ee;border-bottom:2px solid rgba(34,211,238,.2);padding-bottom:12px;margin-top:40px;margin-bottom:20px}h3{font-size:1.25rem;font-weight:700;color:#a5f3fc}p{color:#cbd5e1;line-height:1.8;font-size:16px}a{color:#22d3ee;transition:color .2s}a:hover{color:#a5f3fc;text-decoration:underline}.font-mono,code,pre{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;color:#22d3ee}code{background:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px}pre{background:rgba(0,0,0,.5);border:1px solid rgba(34,211,238,.15);border-radius:.5rem;padding:20px;overflow-x:auto;margin:24px 0}pre code{background:none;padding:0}.section{@apply py-24 md:py-32}.section-sm{@apply py-16 md:py-20}.section-lg{@apply py-32 md:py-48}.container{@apply mx-auto px-6 md:px-8 lg:px-12;max-width:1152px}.btn-cyan{background:linear-gradient(135deg,#0891b2,#22d3ee);color:#000;border:none;border-radius:.5rem;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-cyan:hover{transform:scale(1.05);color:#000;text-decoration:none}.btn-ghost{background:transparent;color:#22d3ee;border:1px solid rgba(34,211,238,.2);border-radius:.5rem;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-ghost:hover{background:rgba(34,211,238,.1);color:#a5f3fc;text-decoration:none}input,select,textarea{background:rgba(0,0,0,.2);border:1px solid rgba(34,211,238,.2);border-radius:.5rem;padding:12px 16px;color:#e2e8f0;font-size:16px;transition:border-color .2s;width:100%;box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.1)}label{display:block;margin-bottom:8px;color:#94a3b8;font-weight:600}.divider-cyan{border-top:1px solid rgba(34,211,238,.1)}.card-cyan{background:rgba(30,41,59,.3);border:1px solid rgba(34,211,238,.1);border-radius:1rem;padding:28px}.callout{background:rgba(34,211,238,.1);border-left:4px solid #22d3ee;border-radius:.5rem;padding:20px;margin:24px 0}.callout strong{color:#a5f3fc}table{width:100%;border-collapse:collapse;margin:24px 0;border:1px solid rgba(34,211,238,.1);border-radius:.5rem;overflow:hidden}thead{background:rgba(34,211,238,.15);border-bottom:2px solid rgba(34,211,238,.2)}th{text-align:left;color:#a5f3fc;font-weight:700}td,th{padding:16px}td{border-top:1px solid rgba(34,211,238,.1);color:#cbd5e1}tr:hover{background:rgba(34,211,238,.05)}.toggle{position:relative;display:inline-block;width:50px;height:28px}.toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#334155;border-radius:28px}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:white;border-radius:50%}input:checked+.slider{background-color:#22d3ee}input:checked+.slider:before{transform:translateX(22px)}ol,ul{margin-left:24px;margin-bottom:16px;color:#cbd5e1;line-height:1.8}li{margin-bottom:8px}::selection{background:rgba(34,211,238,.3);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:rgba(34,211,238,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(34,211,238,.4)}:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}::placeholder{color:#64748b}.glass{background:rgba(15,17,42,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}