:root{--color-bg:#09090b;--color-bg-secondary:#18181b;--color-bg-tertiary:#27272a;--color-text:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-primary:#ffcacc;--color-secondary:#dbc4f0;--color-accent:#f97316;--gradient-primary:linear-gradient(135deg,var(--color-primary),var(--color-secondary));--gradient-glow:radial-gradient(ellipse 80% 50% at 50% -20%,#ffcacc26,transparent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-40:160px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--text-6xl:4.5rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--max-width:1200px;--header-height:64px;--header-bg:#09090bcc;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}[data-theme=light]{--color-bg:#fafafa;--color-bg-secondary:#f4f4f5;--color-bg-tertiary:#e4e4e7;--color-text:#09090b;--color-text-secondary:#52525b;--color-text-tertiary:#71717a;--color-border:#00000014;--color-border-hover:#00000026;--color-primary:#ffcacc;--color-secondary:#9f6bce;--header-bg:#fafafacc;--gradient-glow:radial-gradient(ellipse 80% 50% at 50% -20%,#8b5cf626,transparent)}[data-theme=light] .btn-primary{background:var(--color-primary);color:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);min-height:100vh;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}p{color:var(--color-text-secondary)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-12)}}.header{top:0;z-index:100;height:var(--header-height);background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);align-items:center;display:flex;position:fixed;inset-inline:0}.header-content{width:100%;max-width:var(--max-width);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (min-width:768px){.header-content{padding:0 var(--space-12)}}.logo{align-items:center;gap:var(--space-2);display:flex}.nav-link{padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--color-text);background:var(--color-bg-secondary)}.page{padding-top:var(--header-height);min-height:100vh}.hero{padding:var(--space-40)0 var(--space-20);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";top:0;background:var(--gradient-glow);pointer-events:none;height:600px;position:absolute;inset-inline:0}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-8);display:inline-flex}.hero-title{font-size:clamp(2.5rem,8vw,var(--text-6xl));letter-spacing:-.03em;margin-bottom:var(--space-6);background:linear-gradient(180deg,var(--color-text)0%,var(--color-text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.hero-highlights{gap:var(--space-3);margin-top:var(--space-10);flex-wrap:wrap;justify-content:center;display:flex}.highlight-tag{padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);background:0 0}.section{padding:var(--space-20)0}.section-header{margin-bottom:var(--space-12)}.section-label{font-size:var(--text-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);font-weight:500}.section-title{font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:600}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px}.app-card{padding:var(--space-8);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-card:before{content:"";top:0;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;inset-inline:0}.app-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.app-card-header{align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.app-icon{border-radius:var(--radius-lg);flex-shrink:0;width:64px;height:64px}.app-info{flex:1}.app-name{font-size:var(--text-xl);margin-bottom:var(--space-1);font-weight:600}.app-tagline{font-size:var(--text-sm);color:var(--color-text-secondary)}.app-description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.app-cta{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-size:var(--text-sm);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;font-weight:500;display:inline-flex}.app-cta:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;display:inline-flex}.btn-primary{color:var(--color-bg);background:var(--color-text)}.btn-primary:hover{opacity:.9}.btn-outline{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover)}.footer{padding:var(--space-16)0;border-top:1px solid var(--color-border)}.footer-content{align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.footer-logo{opacity:.5}.footer-tagline{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer-links{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.footer-link{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-text-secondary)}.footer-copy{font-size:var(--text-xs);color:var(--color-text-tertiary)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--text-xs);color:var(--color-primary);border-radius:var(--radius-full);background:#ffcacc1a;border:1px solid #ffcacc33;font-weight:500;display:inline-flex}.doc-page{padding:var(--space-16)0}.doc-header{padding-top:var(--space-20);margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.doc-title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.doc-meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}.doc-section{margin-bottom:var(--space-10)}.doc-section-title{font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--color-text);font-weight:600}.doc-content{color:var(--color-text-secondary);line-height:1.8}.doc-list{margin:var(--space-4)0;list-style:none}.doc-list-item{margin-bottom:var(--space-3);color:var(--color-text-secondary);padding-inline-start:var(--space-6);position:relative}.doc-list-item:before{content:"";inset-inline-start:0;background:var(--color-primary);border-radius:50%;width:4px;height:4px;position:absolute;top:10px}.doc-note{padding:var(--space-4);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-inline-start:2px solid var(--color-primary);border-radius:0 var(--radius-sm)var(--radius-sm)0}.card{padding:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.resource-list{gap:var(--space-2);flex-direction:column;display:flex}.resource-link{align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;display:flex}.resource-link:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.resource-link:before{content:"→";color:var(--color-text-tertiary)}.download-buttons{gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.hero{padding:var(--space-16)0 var(--space-12)}.section{padding:var(--space-12)0}}.list{list-style:none}.list-item{margin-bottom:var(--space-3);color:var(--color-text-secondary);padding-inline-start:var(--space-6);position:relative}.list-item:before{content:"";inset-inline-start:0;background:var(--color-primary);border-radius:50%;width:4px;height:4px;position:absolute;top:10px}.note{padding:var(--space-4);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-inline-start:2px solid var(--color-primary);border-radius:0 var(--radius-sm)var(--radius-sm)0}.section-title{font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--color-text);font-weight:600}.language-switcher{margin-inline-start:var(--space-4);display:inline-block}.lang-select{appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-2)var(--space-8)var(--space-2)var(--space-3);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-position:right var(--space-2)center;background-size:16px;transition:all .2s}[dir=rtl] .lang-select{background-position:left var(--space-2)center}.lang-select:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}