:root{--bg-app:#f8f9fb;--bg-panel:#ffffffb3;--bg-surface:#f1f3f780;--primary:#e8432a;--primary-hover:#d63520;--primary-glow:#e8432a26;--secondary:#ff6b35;--gradient:linear-gradient(135deg,#e8432a,#ff6b35);--mesh-bg:radial-gradient(at 0% 0%,#e8432a1a 0px,transparent 50%),radial-gradient(at 100% 0%,#ff6b351a 0px,transparent 50%);--text-main:#1a1a2e;--text-muted:#5a607a;--text-dim:#9ca3bf;--border-light:#e4e7ed99;--border-active:#cbd0dc;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-glow:0 0 20px var(--primary-glow);--glass-shadow:0 8px 32px 0 #1f26870d;--transition-fast:.2s ease;--transition-smooth:.3s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg-app:#0c0f1a;--bg-panel:#161b2e99;--bg-surface:#1e254066;--mesh-bg:radial-gradient(at 0% 0%,#e8432a26 0px,transparent 50%),radial-gradient(at 100% 0%,#ff6b3526 0px,transparent 50%);--text-main:#f0f2f8;--text-muted:#8b92b0;--text-dim:#5a607a;--border-light:#252d4580;--border-active:#3a4260;--primary-glow:#e8432a40;--glass-shadow:0 8px 32px 0 #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);background-image:var(--mesh-bg);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}.main-content{flex-direction:column;flex:1;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-primary{background:var(--gradient);color:#fff;border-radius:var(--radius-md);transition:var(--transition-smooth);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:var(--glass-shadow)}.text-gradient{background:var(--gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.layout{flex-direction:column;min-height:100vh;display:flex}.header{padding:0 var(--spacing-xl);border-bottom:1px solid var(--border-light);background-color:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;justify-content:space-between;align-items:center;height:72px;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:var(--spacing-sm);display:flex}.logo-icon{background:var(--gradient);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text{letter-spacing:-.5px;font-size:1.4rem;font-weight:700}.text-highlight{color:var(--primary)}.nav{gap:var(--spacing-lg);align-items:center;display:flex}.nav-mobile-controls{align-items:center;gap:var(--spacing-sm);display:none}.hamburger-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-main);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.hamburger-btn:hover{background:var(--bg-surface)}.mobile-overlay{z-index:40;background:#0006;display:none;position:fixed;inset:0}.mobile-drawer{background:var(--bg-app);border-bottom:1px solid var(--border-light);z-index:45;padding:var(--spacing-md)var(--spacing-lg);gap:var(--spacing-xs);opacity:0;flex-direction:column;max-height:calc(100vh - 60px);transition:transform .25s,opacity .25s;display:none;position:fixed;top:60px;left:0;right:0;overflow-y:auto;transform:translateY(-100%)}.mobile-drawer-open{opacity:1;transform:translateY(0)}.mobile-nav-link{color:var(--text-main);border-radius:var(--radius-md);transition:var(--transition-fast);padding:12px 16px;font-size:1rem;font-weight:500;display:block}.mobile-nav-link:hover{background:var(--bg-surface);color:var(--primary)}.theme-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-muted);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-btn:hover{background:var(--bg-surface);color:var(--text-main)}.nav-link{color:var(--text-muted);transition:var(--transition-fast);font-size:.95rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-main)}.main-content{padding:var(--spacing-xl);flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex}.footer{border-top:1px solid var(--border-light);padding:var(--spacing-lg)var(--spacing-xl);color:var(--text-muted);background-color:var(--bg-panel);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.footer-link{color:var(--text-muted);transition:var(--transition-fast);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0}.footer-link:hover{color:var(--primary)}.coffee-link{color:#fd0;align-items:center;gap:6px;display:flex}.coffee-link:hover{color:#ffc000}.footer-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.quick-links{padding:20px var(--spacing-xl);background:var(--bg-surface);border-top:1px solid var(--border-light);color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:16px;font-size:.8rem;display:flex}.quick-links a{color:var(--text-muted);border-radius:var(--radius-sm);padding:4px 8px;text-decoration:none;transition:all .2s}.quick-links a:hover{background:var(--bg-panel);color:var(--primary)}@media (max-width:768px){.header{padding:0 var(--spacing-md);height:60px}.logo-text{font-size:1.1rem}.logo-icon{width:32px;height:32px}.logo-icon svg{width:18px;height:18px}.nav-desktop{display:none}.nav-mobile-controls{display:flex}.mobile-overlay{display:block}.mobile-drawer{display:flex}.footer{text-align:center;flex-direction:column;gap:16px}.footer-links{justify-content:center}.main-content{padding:var(--spacing-md)}.quick-links{padding:16px var(--spacing-md);gap:8px;font-size:.75rem}}