@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-primary:#091426;--color-primary-container:#0f172a;--color-secondary:#818cf8;--color-secondary-container:#6063ee;--color-accent-purple:#a78bfa;--color-success-green:#34d399;--color-surface:#091426;--color-surface-white:#fffffff2;--color-surface-dim:#0f172a;--color-surface-container:#1e293b99;--color-on-surface:#f8fafc;--color-on-surface-variant:#94a3b8;--color-on-primary:#fff;--color-outline:#ffffff0f;--color-outline-variant:#ffffff0a;--font-heading:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Courier New", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-card:24px;--radius-full:9999px;--shadow-l1:0 4px 20px #0009;--shadow-l2:0 10px 30px #000000b3;--shadow-l3:0 20px 40px #000000b3;--container-max-width:1280px;--container-gutter:24px;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);color:var(--color-on-surface);background-color:var(--color-surface);letter-spacing:0;font-size:16px;font-weight:400;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-ink-dark);margin-bottom:.5rem;font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:48px;font-weight:800;line-height:56px}@media (width<=768px){h1{letter-spacing:-.01em;font-size:32px;line-height:40px}}h2{letter-spacing:-.015em;margin-bottom:var(--space-lg);font-size:36px;font-weight:800;line-height:44px}@media (width<=768px){h2{font-size:28px;line-height:36px}}h3{margin-bottom:var(--space-md);font-size:24px;font-weight:700;line-height:32px}h4,h5,h6{margin-bottom:var(--space-sm);font-size:18px;font-weight:600;line-height:24px}a{color:var(--color-secondary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-secondary-container)}a:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px;border-radius:var(--radius-md)}p{margin-bottom:var(--space-md);line-height:1.6}small{color:var(--color-on-surface-variant);font-size:14px}code{font-family:var(--font-mono);background-color:var(--color-surface-container-low);color:var(--color-ink-dark);border-radius:var(--radius-md);padding:2px 6px;font-size:.9em}pre{background-color:var(--color-surface-container-low);padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow-x:auto}pre code{color:inherit;background-color:#0000;padding:0}button,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;transition:all var(--transition-base);background:0 0;border:none}input,textarea,select{background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);color:var(--color-on-surface);transition:border-color var(--transition-base), background-color var(--transition-base);padding:8px 12px}input:focus,textarea:focus,select:focus{border-color:var(--color-secondary);background-color:var(--color-surface-white);outline:none;box-shadow:0 0 0 3px #4648d41a}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-surface-container);color:var(--color-on-surface-variant);cursor:not-allowed;opacity:.6}.container{max-width:var(--container-max-width);padding-left:var(--container-gutter);padding-right:var(--container-gutter);margin-left:auto;margin-right:auto}.glass-effect{background-color:var(--color-surface-container);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-outline)}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;border:1px solid #ffffff0f}.rounded-card{border-radius:var(--radius-card)}.custom-shadow-l1{box-shadow:var(--shadow-l1)}.custom-shadow-l2{box-shadow:var(--shadow-l2)}.custom-shadow-l3{box-shadow:var(--shadow-l3)}.shadow-custom-shadow-l1{box-shadow:var(--shadow-l1)}.shadow-custom-shadow-l2{box-shadow:var(--shadow-l2)}.shadow-custom-shadow-l3{box-shadow:var(--shadow-l3)}.shadow-custom-shadow-hover{box-shadow:var(--shadow-l2)}.font-display-lg{font-family:var(--font-heading);font-weight:800}.text-display-lg-mobile{font-size:32px;line-height:40px}.text-display-lg-mobile.md\:text-display-lg{font-size:48px;line-height:56px}.text-headline-md{font-size:24px;font-weight:700;line-height:32px}.font-headline-md{font-family:var(--font-heading)}.font-body-md{font-family:var(--font-body)}.text-body-md{font-size:16px;line-height:24px}.font-label-sm{font-family:var(--font-body);font-weight:600}.text-label-sm{font-size:14px;line-height:20px}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-secondary{color:var(--color-secondary)}.bg-secondary{background-color:var(--color-secondary)}.bg-primary{background-color:var(--color-primary)}.border-white\/5{border-color:#ffffff0d}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){body{font-size:14px}}@media print{body{background-color:var(--color-surface-white);color:var(--color-on-surface)}a{color:var(--color-secondary);text-decoration:underline}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--color-surface-container-low)}::-webkit-scrollbar-thumb{background-color:var(--color-outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-outline)}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-main{padding:var(--space-xl) var(--space-lg);flex:1}.section{margin-bottom:var(--space-3xl)}.section-title{margin-bottom:var(--space-lg);color:var(--color-ink-dark);font-size:28px;font-weight:800}.grid-auto{gap:var(--space-lg);display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.card{background-color:var(--color-surface-white);border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:var(--shadow-l1);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-l2);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn var(--transition-slow) ease-out forwards}.fab-fallback{z-index:1000;position:fixed;bottom:24px;right:24px}@media (width<=640px){.app-main{padding:var(--space-lg) var(--space-md)}}