:root{--primary: hsl(199, 100%, 62%);--primary-foreground: hsl(210, 40%, 98%);--success: hsl(168, 64%, 58%);--success-foreground: hsl(222.2, 47.4%, 11.2%);--destructive: hsl(11, 99%, 67%);--destructive-foreground: hsl(210, 40%, 98%);--status-blocked: hsl(33, 100%, 68%);--chart-purple: hsl(239, 84%, 67%);--background: hsl(0, 0%, 100%);--foreground: hsl(222.2, 84%, 4.9%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(222.2, 84%, 4.9%);--muted: hsl(210, 40%, 96.1%);--muted-foreground: hsl(215.4, 16.3%, 46.9%);--border: hsl(214.3, 31.8%, 91.4%);--input: hsl(214.3, 31.8%, 91.4%);--ring: var(--primary);--sidebar-bg: hsl(210, 20%, 98%);--sidebar-foreground: hsl(222.2, 47.4%, 11.2%);--sidebar-accent: hsl(210, 20%, 94%);--sidebar-border: hsl(214.3, 31.8%, 91.4%);--header-height: 64px;--sidebar-width: 280px;--content-max-width: 900px;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-sans: 'Lato', ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: 'JetBrains Mono', ui-monospace, monospace;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--transition-fast: 150ms ease;--transition-base: 200ms ease;--transition-slow: 300ms ease}[data-theme="dark"]{--background: hsl(222.2, 84%, 4.9%);--foreground: hsl(210, 40%, 98%);--card: hsl(222.2, 84%, 4.9%);--card-foreground: hsl(210, 40%, 98%);--muted: hsl(217.2, 32.6%, 17.5%);--muted-foreground: hsl(215, 20.2%, 65.1%);--border: hsl(217.2, 32.6%, 17.5%);--input: hsl(217.2, 32.6%, 17.5%);--sidebar-bg: hsl(222.2, 84%, 4.9%);--sidebar-foreground: hsl(210, 40%, 98%);--sidebar-accent: hsl(217.2, 32.6%, 17.5%);--sidebar-border: hsl(217.2, 32.6%, 17.5%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.5), 0 4px 6px -4px rgb(0 0 0 / 0.4)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--foreground);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:var(--spacing-md);color:var(--foreground)}h1{font-size:var(--font-size-3xl)}@media (min-width: 768px){h1{font-size:var(--font-size-4xl)}}h2{font-size:var(--font-size-2xl);margin-top:var(--spacing-2xl)}h3{font-size:var(--font-size-xl);margin-top:var(--spacing-xl)}h4,h5,h6{font-size:var(--font-size-lg);margin-top:var(--spacing-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary);text-decoration:underline}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}ul,ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}li{margin-bottom:var(--spacing-xs)}code{font-family:var(--font-mono);font-size:0.9em;background-color:var(--muted);padding:0.2em 0.4em;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--muted);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}pre code{background:none;padding:0;font-size:inherit}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}th,td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.6}th img,td img{vertical-align:middle;margin-right:var(--spacing-sm)}th{font-weight:700;background-color:var(--muted);vertical-align:middle}td:first-child{white-space:nowrap;vertical-align:middle}blockquote{border-left:4px solid var(--primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--muted-foreground);font-style:italic}.toc-header{font-size:var(--font-size-sm);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-xs)}.toc-list{background-color:var(--muted);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);list-style:none}.toc-list li{margin-bottom:var(--spacing-xs);padding-left:0}.toc-list li::before{content:"→";margin-right:var(--spacing-sm);color:var(--primary)}.toc-list a{color:var(--foreground);font-size:var(--font-size-sm)}.toc-list a:hover{color:var(--primary)}h2,h3,h4,h5,h6{scroll-margin-top:80px}h2:target,h3:target,h4:target,h5:target,h6:target{animation:heading-highlight 2s ease-out}@keyframes heading-highlight{0%{background-color:rgba(63,203,255,0.2);border-radius:var(--radius-sm)}100%{background-color:transparent}}hr{border:none;border-top:1px solid var(--border);margin:var(--spacing-xl) 0}img{max-width:100%;height:auto;border-radius:var(--radius-md)}.themed-image-container{display:inline-block;position:relative;cursor:zoom-in;overflow:hidden;border-radius:var(--radius-md)}.themed-image-container:hover .themed-image-expand-hint,.themed-image-container:focus-visible .themed-image-expand-hint{opacity:1}.themed-image-container:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.themed-image-expand-hint{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:rgba(0,0,0,0.6);color:white;padding:6px;border-radius:var(--radius-sm);opacity:0;transition:opacity 0.2s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2}.themed-image{transition:none}.light-only{opacity:1;clip-path:inset(0 0 0 0);transition:clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1),opacity 0s 0s;z-index:1;position:relative}.dark-only{position:absolute;top:0;left:0;opacity:0;clip-path:inset(0 0 0 0);transition:clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1),opacity 0s 0.6s;z-index:0}[data-theme="dark"] .light-only{clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1),opacity 0s 0.6s;z-index:1}[data-theme="dark"] .dark-only{opacity:1;clip-path:inset(0 0 0 0);transition:clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1),opacity 0s 0s;z-index:0}.themed-image-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:transparent;backdrop-filter:blur(0px);cursor:zoom-out;transition:background 0.3s ease, backdrop-filter 0.3s ease}.themed-image-lightbox.lightbox-visible{background:rgba(0,0,0,0.85);backdrop-filter:blur(8px)}.themed-image-lightbox img{max-width:92vw;max-height:90vh;border-radius:var(--radius-md);box-shadow:0 25px 60px rgba(0,0,0,0.5);transform:scale(0.9);opacity:0;transition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s ease}.themed-image-lightbox.lightbox-visible img{transform:scale(1);opacity:1}.themed-image-lightbox .lightbox-image-wrapper{position:relative;display:inline-block}.themed-image-lightbox .lightbox-image-wrapper .lightbox-light{position:relative;z-index:1;opacity:1;clip-path:inset(0 0 0 0);transition:clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1),opacity 0s 0s}.themed-image-lightbox .lightbox-image-wrapper .lightbox-dark{position:absolute;top:0;left:0;z-index:0;opacity:0;clip-path:inset(0 0 0 0);transition:clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1),opacity 0s 0.6s}[data-theme="dark"] .themed-image-lightbox .lightbox-image-wrapper .lightbox-light{clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1),opacity 0s 0.6s}[data-theme="dark"] .themed-image-lightbox .lightbox-image-wrapper .lightbox-dark{opacity:1;clip-path:inset(0 0 0 0);transition:clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1),opacity 0s 0s}.lightbox-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:rgba(255,255,255,0.15);border:none;color:white;width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:background 0.2s ease, transform 0.2s ease;z-index:10000}.lightbox-close:hover{background:rgba(255,255,255,0.3);transform:scale(1.1)}.skip-link{position:absolute;top:-100%;left:var(--spacing-md);z-index:1000;padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-md)}.skip-link:focus{top:var(--spacing-md)}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--chart-purple) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.icon{width:1em;height:1em;vertical-align:-0.125em;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn .icon{width:1.25em;height:1.25em}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:var(--primary);filter:brightness(1.1);color:var(--primary-foreground)}.btn-secondary{background:var(--muted);color:var(--foreground)}.btn-secondary:hover{background:var(--muted);filter:brightness(1.1);color:var(--foreground)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--muted)}::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:var(--radius-full);opacity:0.3}::-webkit-scrollbar-thumb:hover{opacity:0.5}::selection{background:var(--primary);color:var(--primary-foreground)}.site-wrapper{display:flex;min-height:calc(100vh - var(--header-height));padding-top:var(--header-height)}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}@media (min-width: 1024px){.main-content{margin-left:var(--sidebar-width)}}.content-wrapper{flex:1;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-lg)}@media (min-width: 768px){.content-wrapper{padding:var(--spacing-xl) var(--spacing-2xl)}}.doc-page .page-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.doc-page .page-header h1{margin-bottom:0}.breadcrumb{margin-bottom:var(--spacing-lg)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);list-style:none;padding:0;margin:0;font-size:var(--font-size-sm);color:var(--muted-foreground)}.breadcrumb li{display:flex;align-items:center;margin:0}.breadcrumb li:not(:last-child)::after{content:'/';margin-left:var(--spacing-xs);color:var(--muted-foreground);opacity:0.5}.breadcrumb li[aria-current="page"]{color:var(--foreground)}.breadcrumb a{color:var(--muted-foreground)}.breadcrumb a:hover{color:var(--primary)}.child-pages{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.child-pages h2{font-size:var(--font-size-lg);margin-top:0;margin-bottom:var(--spacing-md)}.child-pages ul{list-style:none;padding:0;display:grid;gap:var(--spacing-sm)}.child-pages li{margin:0}.child-pages a{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--muted);border-radius:var(--radius-md);transition:all var(--transition-base)}.child-pages a:hover{background:var(--sidebar-accent);color:var(--primary);text-decoration:none;transform:translateX(4px)}.child-pages a::before{content:'→';color:var(--primary)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background:var(--background);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);background:rgba(var(--background), 0.8)}[data-theme="dark"] .site-header{background:rgba(3,7,18,0.85)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-md);max-width:100%}@media (min-width: 1024px){.header-content{padding:0 var(--spacing-lg)}}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-center{display:none;flex:1;max-width:400px;margin:0 var(--spacing-lg)}@media (min-width: 768px){.header-center{display:block}}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;color:var(--foreground);cursor:pointer;border-radius:var(--radius-md)}@media (min-width: 1024px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle:hover{background:var(--muted)}.mobile-menu-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mobile-menu-toggle .icon{width:24px;height:24px}.mobile-menu-toggle .icon-x{display:none}.mobile-menu-toggle[aria-expanded="true"] .icon-menu{display:none}.mobile-menu-toggle[aria-expanded="true"] .icon-x{display:block}.site-logo{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--foreground);text-decoration:none}.site-logo:hover{text-decoration:none;color:var(--primary)}.site-logo:hover .logo-icon{stroke:var(--primary)}.site-logo .logo-icon{width:32px;height:32px;stroke:var(--primary);transition:stroke var(--transition-base)}.site-logo .site-title{font-weight:700;font-size:var(--font-size-lg)}@media (max-width: 480px){.site-logo .site-title{display:none}}.search-wrapper{width:100%}.search-trigger{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted-foreground);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.search-trigger:hover{border-color:var(--primary);background:var(--sidebar-accent)}.search-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.search-trigger .icon{width:16px;height:16px;opacity:0.5}.search-trigger .search-placeholder{flex:1;text-align:left}.search-trigger .search-shortcut{padding:2px 6px;background:var(--background);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);border:1px solid var(--border)}.header-nav{display:none}@media (min-width: 768px){.header-nav{display:flex;align-items:center;gap:var(--spacing-md)}}.header-nav .nav-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--muted-foreground);font-size:var(--font-size-sm);font-weight:500}.header-nav .nav-link:hover{color:var(--primary);text-decoration:none}.header-nav .nav-link .icon{width:14px;height:14px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;color:var(--foreground);cursor:pointer;border-radius:var(--radius-md)}.theme-toggle:hover{background:var(--muted)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle .icon{width:20px;height:20px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}[data-theme="dark"] .theme-toggle .icon-sun{display:block}[data-theme="dark"] .theme-toggle .icon-moon{display:none}.search-modal{display:none;position:fixed;inset:0;z-index:200;align-items:flex-start;justify-content:center;padding:var(--spacing-xl);padding-top:15vh}.search-modal.open{display:flex}.search-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.search-modal-content{position:relative;width:100%;max-width:600px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.search-input-wrapper{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border)}.search-input-wrapper .icon{width:20px;height:20px;color:var(--muted-foreground);flex-shrink:0}.search-input{flex:1;border:none;background:none;font-size:var(--font-size-lg);color:var(--foreground);outline:none}.search-input::placeholder{color:var(--muted-foreground)}.search-escape{padding:2px 6px;background:var(--muted);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--muted-foreground);border:1px solid var(--border)}.search-results{max-height:400px;overflow-y:auto}.search-results:empty::before{content:'Type to search...';display:block;padding:var(--spacing-lg);text-align:center;color:var(--muted-foreground)}.search-result{display:block;padding:var(--spacing-md);border-bottom:1px solid var(--border);color:var(--foreground)}.search-result:hover,.search-result:focus{background:var(--muted);text-decoration:none}.search-result:last-child{border-bottom:none}.search-result .result-title{font-weight:600;margin-bottom:var(--spacing-xs)}.search-result .result-preview{font-size:var(--font-size-sm);color:var(--muted-foreground)}.search-result .result-preview mark{background:var(--primary);color:var(--primary-foreground);padding:0 2px;border-radius:2px}.search-no-results{padding:var(--spacing-lg);text-align:center;color:var(--muted-foreground)}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:50;transform:translateX(-100%);transition:transform var(--transition-base)}@media (min-width: 1024px){.sidebar{transform:translateX(0)}}.sidebar.open{transform:translateX(0)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-md)}.nav-list{list-style:none;padding:0;margin:0}.nav-list-primary>.nav-item{margin-bottom:var(--spacing-xs)}.nav-list-secondary{padding-left:var(--spacing-md);margin-top:var(--spacing-xs);border-left:1px solid var(--sidebar-border);margin-left:var(--spacing-sm)}.nav-item{margin:0}.nav-item.active>.nav-link,.nav-item.active>details>summary>a{color:var(--primary);font-weight:600}.nav-item.active>details>summary .icon{color:var(--primary)}.nav-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:var(--sidebar-foreground);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.nav-link:hover{background:var(--sidebar-accent);color:var(--primary);text-decoration:none}.nav-item details summary{list-style:none;cursor:pointer}.nav-item details summary::-webkit-details-marker{display:none}.nav-item details summary.nav-link{justify-content:space-between}.nav-item details summary.nav-link a{flex:1;color:inherit;text-decoration:none}.nav-item details summary.nav-link a:hover{text-decoration:none}.nav-item details summary.nav-link .icon{width:16px;height:16px;color:var(--muted-foreground);transition:transform var(--transition-fast);flex-shrink:0}.nav-item details[open]>summary .icon{transform:rotate(180deg)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--sidebar-border)}.sidebar-links{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.sidebar-links a{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--muted-foreground);font-size:var(--font-size-sm)}.sidebar-links a:hover{color:var(--primary);text-decoration:none}.sidebar-links a .icon{width:14px;height:14px}.sidebar-social{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.sidebar-social a{display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);transition:color var(--transition-fast)}.sidebar-social a:hover{color:var(--primary)}.sidebar-social a .icon{width:18px;height:18px}.sidebar-copyright{font-size:var(--font-size-xs);color:var(--muted-foreground);margin:0}.sidebar-overlay{display:none;position:fixed;inset:0;top:var(--header-height);background:rgba(0,0,0,0.5);z-index:40}.sidebar-overlay.open{display:block}@media (min-width: 1024px){.sidebar-overlay.open{display:none}}.site-footer{margin-top:auto;padding:var(--spacing-lg);border-top:1px solid var(--border);background:var(--sidebar-bg)}.footer-content{max-width:var(--content-max-width);margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--muted-foreground);font-size:var(--font-size-sm)}.footer-links a:hover{color:var(--primary);text-decoration:none}.footer-copyright{font-size:var(--font-size-xs);color:var(--muted-foreground);margin:0}.home-page{padding:var(--spacing-xl) 0}.hero{text-align:center;padding:var(--spacing-2xl) 0;margin-bottom:var(--spacing-2xl)}@media (min-width: 768px){.hero{padding:var(--spacing-2xl) var(--spacing-xl)}}.hero-content{max-width:700px;margin:0 auto}.hero-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}@media (min-width: 768px){.hero-title{font-size:var(--font-size-4xl)}}.hero-subtitle{font-size:var(--font-size-lg);color:var(--muted-foreground);margin-bottom:var(--spacing-xl)}@media (min-width: 768px){.hero-subtitle{font-size:var(--font-size-xl)}}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.quick-links{margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-xl);text-align:center;margin-bottom:var(--spacing-xl)}@media (min-width: 768px){.section-title{font-size:var(--font-size-2xl)}}.cards-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width: 640px){.cards-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.cards-grid{grid-template-columns:repeat(3, 1fr)}}.card{display:block;padding:var(--spacing-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--foreground);transition:all var(--transition-base)}.card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.card:hover .card-icon{background:var(--primary);color:var(--primary-foreground)}.card:hover h3{color:var(--primary)}.card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--spacing-md);background:var(--muted);border-radius:var(--radius-md);color:var(--primary);transition:all var(--transition-base)}.card-icon .icon{width:24px;height:24px}.card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);transition:color var(--transition-base)}.card p{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0;line-height:1.5}.platform-intro{padding:var(--spacing-xl);background:var(--muted);border-radius:var(--radius-lg)}.platform-intro h1:first-child,.platform-intro h2:first-child,.platform-intro h3:first-child{margin-top:0}.gradient-text,h1 .gradient-text{background:linear-gradient(135deg, var(--primary) 0%, #66cfff 50%, var(--chart-purple) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-glow{position:relative}.card-glow::before{content:'';position:absolute;inset:-1px;background:linear-gradient(135deg, var(--primary) 0%, transparent 50%, var(--chart-purple) 100%);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-base)}.card-glow:hover::before{opacity:1}pre{position:relative;border:1px solid var(--border)}[data-theme="dark"] pre{background:linear-gradient(180deg, #020a1c 0%, #020817 100%)}.btn-primary{box-shadow:0 0 0 0 rgba(61,194,255,0)}.btn-primary:hover{box-shadow:0 0 20px 0 rgba(61,194,255,0.3)}.page-header{position:relative}.page-header::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg, var(--primary) 0%, var(--chart-purple) 100%);border-radius:var(--radius-full)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.status-sent{background:var(--primary)}.status-dot.status-delivered{background:var(--success)}.status-dot.status-blocked{background:var(--status-blocked)}.status-dot.status-held{background:var(--chart-purple)}.status-dot.status-error{background:var(--destructive)}td img[src*="status/"]{width:20px;height:20px;vertical-align:middle;margin-right:var(--spacing-sm);flex-shrink:0}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}