:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--surface: #ffffff;--surface-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-inverse: #ffffff;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-secondary: #06b6d4;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-dark: #94a3b8;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: clamp(1.5rem, 2.5vw, 1.875rem);--text-4xl: clamp(1.875rem, 3vw, 2.25rem);--text-5xl: clamp(2.25rem, 4vw, 3rem);--text-6xl: clamp(2.5rem, 5vw, 3.75rem);--text-7xl: clamp(2.75rem, 6vw, 4.5rem);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--header-height: 4rem;--container-max-width: 1280px;--content-max-width: 900px;--page-padding: clamp(1rem, 3vw, 2rem);--section-padding: clamp(2.5rem, 6vw, 4rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body,#root{margin:0;padding:0;height:100%}body{background:radial-gradient(1200px 600px at 20% -10%,rgba(59,130,246,.12),transparent 60%),radial-gradient(900px 520px at 85% 0%,rgba(6,182,212,.1),transparent 55%),var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-lg);margin-top:0;font-feature-settings:"kern" 1,"liga" 1}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-none)}h2{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:1.1}h3{font-size:var(--text-3xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-normal)}h4{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-xl);font-weight:var(--font-medium)}h6{font-size:var(--text-lg);font-weight:var(--font-medium)}p{margin-bottom:var(--space-lg);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:65ch}p.lead{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);font-weight:var(--font-normal)}p.small{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-balance{text-wrap:balance}strong,b{font-weight:var(--font-semibold);color:var(--text-primary)}em,i{font-style:italic}ul,ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl);color:var(--text-secondary);line-height:var(--leading-relaxed)}li{margin-bottom:var(--space-sm)}blockquote{border-left:4px solid var(--accent-primary);padding-left:var(--space-lg);margin:var(--space-xl) 0;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);font-style:italic}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:var(--font-sans);font-size:.9375rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--surface);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}button:hover{background:var(--bg-tertiary);border-color:var(--border-dark);box-shadow:var(--shadow-sm)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button.btn-primary{background:var(--accent-gradient);color:var(--text-inverse);border:none;font-weight:600}button.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-md)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=tel],input[type=number],textarea,select{font-family:var(--font-sans);font-size:var(--text-base);padding:.75rem 1rem;background:var(--surface);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=search]:focus-visible,input[type=url]:focus-visible,input[type=tel]:focus-visible,input[type=number]:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f633}textarea{min-height:120px;resize:vertical}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}code{font-family:var(--font-mono);font-size:.875em;font-weight:var(--font-medium);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);color:var(--accent-primary);font-feature-settings:"liga" 0}pre{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);overflow-x:auto;margin:var(--space-xl) 0;font-size:var(--text-sm);line-height:var(--leading-relaxed)}pre code{background:transparent;border:none;padding:0;font-size:inherit;color:var(--text-primary)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--page-padding)}.content{max-width:var(--content-max-width);margin:0 auto}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-header{position:sticky;top:0;z-index:1000;height:var(--header-height);border-bottom:1px solid var(--border-light);background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.site-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.site-header-controls{display:flex;align-items:center;gap:var(--space-md)}.site-brand{text-decoration:none;font-size:1.25rem;font-weight:var(--font-bold);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity var(--transition-fast);white-space:nowrap}.site-brand:hover{opacity:.85}.site-nav{display:flex;align-items:center;gap:var(--space-xs)}.site-nav-link{text-decoration:none;color:var(--text-secondary);font-weight:var(--font-medium);padding:.5rem .875rem;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}.site-nav-link:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.site-nav-link.is-active{background:var(--bg-tertiary);color:var(--accent-primary);font-weight:var(--font-semibold)}.site-nav-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-md)}.site-nav-toggle:hover{background:var(--bg-tertiary)}@media (max-width: 900px){.site-nav{display:none}.site-nav-toggle{display:inline-flex}.site-auth-actions{display:none!important}.site-account-name{display:none}}.site-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500}.site-mobile-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.site-mobile-panel{position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);background:var(--surface);border-left:1px solid var(--border-light);box-shadow:var(--shadow-xl);padding:calc(var(--space-lg) + env(safe-area-inset-top)) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-lg)}.site-mobile-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.site-mobile-panel-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.site-mobile-close{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.site-mobile-close:hover{background:var(--bg-tertiary)}.site-mobile-nav{display:grid;gap:var(--space-sm)}.site-mobile-link{display:flex;align-items:center;padding:.875rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);text-decoration:none;font-weight:var(--font-medium);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.site-mobile-link:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.site-mobile-link.is-active{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--accent-primary)}.site-mobile-divider{height:1px;background:var(--border-light)}.site-mobile-account-label{font-size:var(--text-xs);color:var(--text-tertiary)}.site-mobile-account-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.site-mobile-account-links,.site-mobile-auth{display:grid;gap:var(--space-sm)}.site-mobile-secondary-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-medium)}.site-mobile-secondary-link:hover{color:var(--accent-primary)}.site-mobile-secondary-link.is-danger{color:var(--error)}.site-mobile-secondary-link.is-danger:hover{color:var(--error);opacity:.85}.cms-container{max-width:none;margin:0 auto;padding:clamp(1rem,2.5vw,2rem) clamp(.875rem,3vw,2.5rem);min-height:calc(100dvh - var(--header-height));display:flex;flex-direction:column;gap:var(--space-lg)}.cms-container .card{box-shadow:none;border-radius:var(--radius-xl);background:#ffffffc7;border-color:#e2e8f0e6}.cms-container .card:hover{box-shadow:none;border-color:#e2e8f0e6}.cms-main{display:grid;gap:var(--space-xl);align-items:stretch;flex:1;min-height:0}@media (min-width: 960px){.cms-main{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}}@media (min-width: 1320px){.cms-main{grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(280px,360px)}}.cms-sidebar{display:flex;flex-direction:column;min-height:0}@media (min-width: 960px) and (max-width: 1319px){.cms-media{grid-column:1 / -1}}.cms-sidebar-list{flex:1;min-height:0;overflow:auto;padding-right:.25rem}.cms-editor,.cms-media{display:flex;flex-direction:column;min-height:0}.cms-editor-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-lg)}.cms-split{display:grid;gap:var(--space-lg);align-items:stretch;flex:1;min-height:0}.cms-split>*{min-width:0;min-height:0;display:flex;flex-direction:column}@media (min-width: 960px){.cms-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.cms-textarea{flex:1;min-height:320px;resize:none}.cms-preview{flex:1;min-height:320px;overflow:auto}.cms-media-body{flex:1;min-height:0;overflow:auto;padding-right:.25rem}.media-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full);border:3px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}::selection{background:var(--accent-primary);color:var(--text-inverse)}.markdown-content{line-height:var(--leading-relaxed)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content p{margin-bottom:var(--space-lg);color:var(--text-secondary)}.markdown-content ul,.markdown-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.markdown-content li{margin-bottom:var(--space-sm)}.markdown-content a{color:var(--accent-primary);text-decoration:underline}.markdown-content a:hover{color:var(--accent-primary-hover)}.markdown-content code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.markdown-content pre{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);overflow-x:auto;margin:var(--space-xl) 0}.markdown-content pre code{background:transparent;border:none;padding:0}.markdown-content blockquote{border-left:4px solid var(--accent-primary);padding-left:var(--space-lg);margin:var(--space-xl) 0;font-style:italic;color:var(--text-secondary)}.markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-xl) 0}.markdown-content hr{border:none;border-top:1px solid var(--border-light);margin:var(--space-2xl) 0}.markdown-content table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0}.markdown-content table th,.markdown-content table td{padding:var(--space-md);border:1px solid var(--border-light);text-align:left}.markdown-content table th{background:var(--bg-tertiary);font-weight:var(--font-semibold)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}