@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-color: #000000;--text-primary: #ffffff;--text-primary-rgb: 255, 255, 255;--text-secondary: #a1a1aa;--surface-fill: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .8);--accent-cobalt: #0a84ff;--accent-cobalt-glow: rgba(10, 132, 255, .15);--success-green: #10b981;--success-green-glow: rgba(16, 185, 129, .15);--warning-yellow: #f59e0b;--warning-yellow-glow: rgba(245, 158, 11, .15);--alert-red: #ef4444;--alert-red-glow: rgba(239, 68, 68, .15);--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--easing-entrance: cubic-bezier(.16, 1, .3, 1);--transition-buttery: .5s cubic-bezier(.16, 1, .3, 1);--transition-fast: .2s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-color: #ffffff;--text-primary: #09090b;--text-primary-rgb: 9, 9, 11;--text-secondary: #71717a;--surface-fill: rgba(0, 0, 0, .03);--border-color: rgba(0, 0, 0, .1);--shadow-color: rgba(9, 9, 11, .06)}*{box-sizing:border-box;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-buttery),color var(--transition-buttery)}.infinite-base{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;position:relative;z-index:1}.ambient-glow{position:fixed;top:-10%;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(circle,#0a84ff14,#0000 70%);z-index:0;pointer-events:none}[data-theme=light] .ambient-glow{background:radial-gradient(circle,#0a84ff0a,#fff0 70%)}.h1-display{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.05em;line-height:1.1;text-align:center;margin-bottom:.75rem}.heading-gradient{background:linear-gradient(180deg,rgba(var(--text-primary-rgb),1) 30%,rgba(var(--text-primary-rgb),.4));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-secondary-label{color:var(--text-secondary);font-size:1.05rem;font-weight:400;margin-bottom:2rem;text-align:center}.mono-tech{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary)}.mono-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .75rem;border-radius:9999px;border:1px solid var(--border-color);background:var(--surface-fill);display:inline-flex;align-items:center}.glass-panel{background:var(--surface-fill);border:1px solid var(--border-color);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:2.5rem;padding:3rem;width:100%;max-width:480px;box-shadow:0 25px 50px -12px var(--shadow-color);transition:transform var(--transition-buttery),border-color var(--transition-buttery),box-shadow var(--transition-buttery)}.glass-panel-wide{background:var(--surface-fill);border:1px solid var(--border-color);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:2rem;padding:2.5rem;width:100%;max-width:1080px;box-shadow:0 25px 50px -12px var(--shadow-color)}.animate-entrance{animation:slideUpFade .7s var(--easing-entrance) forwards;opacity:0;transform:translateY(20px)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.input-pill-wrapper{margin-bottom:1.25rem;width:100%;position:relative}.input-pill-label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;margin-left:1.25rem}.input-pill{width:100%;height:52px;background:var(--surface-fill);border:1px solid var(--border-color);border-radius:9999px;padding:0 1.5rem;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-pill:focus{border-color:var(--accent-cobalt);box-shadow:0 0 0 4px var(--accent-cobalt-glow)}.input-pill.success{border-color:var(--success-green);box-shadow:0 0 0 4px var(--success-green-glow)}.input-pill.error{border-color:var(--alert-red);box-shadow:0 0 0 4px var(--alert-red-glow)}.input-pill-error-text{color:var(--alert-red);font-size:.8rem;margin-top:.25rem;margin-left:1.25rem;font-weight:500}.btn-thick-pill{display:inline-flex;align-items:center;justify-content:center;height:52px;border-radius:9999px;font-family:var(--font-body);font-weight:700;font-size:1rem;padding:0 2.5rem;cursor:pointer;border:none;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.btn-primary{background-color:var(--text-primary);color:var(--bg-color)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 20px -10px var(--text-primary)}.btn-primary:active{transform:scale(.95)}.btn-secondary{background-color:var(--surface-fill);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{transform:scale(1.05);background-color:rgba(var(--text-primary-rgb),.08)}.btn-secondary:active{transform:scale(.95)}.btn-cobalt{background-color:var(--accent-cobalt);color:#fff}.btn-cobalt:hover{transform:scale(1.05);box-shadow:0 10px 20px -10px var(--accent-cobalt)}.btn-cobalt:active{transform:scale(.95)}.disabled-state,:disabled{opacity:.4!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:grayscale(100%)!important;cursor:not-allowed!important}.disabled-state:hover,:disabled:hover{transform:none!important;box-shadow:none!important}.nav-island-container{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:100;width:auto;max-width:90vw}.nav-island{display:flex;align-items:center;gap:.5rem;background:var(--surface-fill);border:1px solid var(--border-color);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);padding:.4rem;border-radius:9999px;box-shadow:0 15px 30px -10px var(--shadow-color)}.nav-island-logo{display:flex;align-items:center;gap:.5rem;padding:0 1rem;font-weight:800;letter-spacing:-.03em;font-size:1.1rem;font-family:var(--font-heading)}.nav-island-tab{height:38px;padding:0 1.25rem;border-radius:9999px;color:var(--text-secondary);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast);text-decoration:none}.nav-island-tab:hover{color:var(--text-primary);transform:scale(1.05)}.nav-island-tab.active{background-color:var(--text-primary);color:var(--bg-color)}.theme-toggle-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--surface-fill);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.theme-toggle-btn:hover{transform:scale(1.1) rotate(15deg);background-color:rgba(var(--text-primary-rgb),.08)}.switch-wrapper{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}.switch-label-group{display:flex;flex-direction:column}.switch-title{font-weight:600;font-size:.95rem}.switch-desc{font-size:.8rem;color:var(--text-secondary)}.switch-pill{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.switch-pill input{opacity:0;width:0;height:0}.slider-pill{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface-fill);border:1px solid var(--border-color);transition:.4s var(--easing-entrance);border-radius:9999px}.slider-pill:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text-primary);transition:.4s var(--easing-entrance);border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider-pill{background-color:var(--accent-cobalt);border-color:var(--accent-cobalt)}input:checked+.slider-pill:before{transform:translate(24px);background-color:#fff}input:focus+.slider-pill{box-shadow:0 0 0 2px var(--accent-cobalt-glow)}.table-container{width:100%;overflow-x:auto;border-radius:1.5rem;border:1px solid var(--border-color);background:var(--surface-fill);margin-top:1.5rem}.tech-table{width:100%;border-collapse:collapse;text-align:left}.tech-table th{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary)}.tech-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);font-size:.95rem;vertical-align:middle}.tech-table tr:last-child td{border-bottom:none}.tech-table tr{transition:background-color var(--transition-fast)}.tech-table tr:hover{background-color:rgba(var(--text-primary-rgb),.02)}.search-container{display:flex;gap:1rem;width:100%;margin-bottom:1.5rem}.search-pill-input-wrapper{position:relative;flex:1}.search-pill-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;display:flex;align-items:center}.input-pill-search{padding-left:3.25rem!important}.tabs-content{margin-top:5.5rem;width:100%}.tab-panel{display:none}.tab-panel.active{display:block}.code-card{border-radius:1.5rem;border:1px solid var(--border-color);background:#050505;color:#a1a1aa;padding:1.5rem;font-family:var(--font-mono);font-size:.85rem;overflow-x:auto;position:relative;margin-bottom:1.5rem}[data-theme=light] .code-card{background:#f4f4f5;color:#18181b}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.btn-copy{background:var(--surface-fill);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:.3rem .8rem;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.btn-copy:hover{transform:scale(1.05);background-color:rgba(var(--text-primary-rgb),.08)}.btn-copy:active{transform:scale(.95)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-buttery)}.modal-overlay.active{opacity:1;pointer-events:all}.modal-card{max-width:520px;width:90%;animation:none;transform:scale(.9);transition:transform var(--transition-buttery)}.modal-overlay.active .modal-card{transform:scale(1)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.flex-row-center{display:flex;align-items:center;gap:.75rem}.gap-large{display:flex;flex-direction:column;gap:1.5rem}@media (prefers-reduced-motion: reduce){*{animation-delay:0s!important;animation-duration:0s!important;transition-duration:0s!important;animation-iteration-count:1!important}.animate-entrance{opacity:1!important;transform:translateY(0)!important}}@media (max-width: 767px){.infinite-base{padding:1rem}.glass-panel,.glass-panel-wide{padding:1.75rem;border-radius:1.75rem}.nav-island-container{top:auto;bottom:1.5rem}.nav-island-logo{display:none}.nav-island{width:92vw;justify-content:space-around}.nav-island-tab{padding:0 .8rem;font-size:.8rem}.tabs-content{margin-top:1.5rem;margin-bottom:5.5rem}.grid-2{grid-template-columns:1fr}.tech-table th,.tech-table td{padding:.8rem 1rem}}