@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@600;700&display=swap";
.navbar{padding:var(--space-4) var(--space-6);background-color:var(--bg-card);border-bottom:2px solid var(--border-strong);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-brand{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:var(--space-2);font-size:1.5rem;font-weight:700;display:flex}.nav-links-desktop{align-items:center;gap:var(--space-6);display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-weight:600}.nav-link:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.hamburger-btn{color:var(--text-primary);cursor:pointer;padding:var(--space-2);background:0 0;border:none;justify-content:center;align-items:center;display:none}.nav-links-mobile{display:none}.theme-toggle{border:2px solid var(--border-strong);color:var(--text-primary);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);box-shadow:2px 2px 0px 0px var(--text-primary);background:0 0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{box-shadow:3px 3px 0px 0px var(--text-primary);transform:translate(-1px,-1px)}.theme-toggle:active{box-shadow:0px 0px 0px 0px var(--text-primary);transform:translate(2px,2px)}@media (max-width:768px){.hamburger-btn{display:flex}.navbar{padding:var(--space-3) var(--space-4)}.nav-links-desktop{display:none}.nav-links-mobile{background-color:var(--bg-card);border-bottom:2px solid var(--border-strong);border-top:1px solid var(--border);width:100%;padding:var(--space-4) var(--space-4);align-items:stretch;gap:var(--space-3);z-index:100;box-shadow:var(--shadow-sm);flex-direction:column;display:none;position:absolute;top:100%;left:0}.nav-links-mobile.open{display:flex}}.icon-btn{background-color:var(--bg-card);border:2px solid var(--border-strong);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:2px 2px 0px var(--border-strong);border-radius:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background-color:var(--accent-primary);color:var(--accent-secondary);box-shadow:4px 4px 0px var(--border-strong);transform:translate(-2px,-2px)}.profile-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.profile-avatar{border:2px solid var(--border-strong);object-fit:cover;width:44px;height:44px;box-shadow:2px 2px 0px var(--border-strong);transition:all var(--transition-fast);border-radius:0}.profile-btn:hover .profile-avatar{box-shadow:4px 4px 0px var(--border-strong);transform:translate(-2px,-2px)}.profile-avatar-fallback{background-color:var(--accent-primary);width:44px;height:44px;color:var(--accent-secondary);border:2px solid var(--border-strong);font-family:var(--font-display);box-shadow:2px 2px 0px var(--border-strong);transition:all var(--transition-fast);border-radius:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.profile-btn:hover .profile-avatar-fallback{box-shadow:4px 4px 0px var(--border-strong);transform:translate(-2px,-2px)}.profile-dropdown-container{position:relative}.profile-dropdown{margin-top:var(--space-2);background-color:var(--bg-primary);border:2px solid var(--border-strong);min-width:200px;max-width:280px;box-shadow:6px 6px 0px var(--border-strong);z-index:100;flex-direction:column;display:flex;position:absolute;top:100%;right:0}.dropdown-header{padding:var(--space-3) var(--space-4);background-color:var(--bg-secondary)}.dropdown-divider{background-color:var(--border-strong);width:100%;height:2px}.dropdown-item{padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);color:var(--text-primary);transition:background-color var(--transition-fast);text-align:left;width:100%;font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;text-decoration:none;display:flex}.dropdown-item:hover{background-color:var(--bg-tertiary)}.dropdown-item.text-danger{color:var(--danger)}.dropdown-item.text-danger:hover{background-color:var(--danger);color:#fff}.footer{background-color:var(--bg-secondary);border-top:2px solid var(--border-strong);padding:var(--space-8) var(--space-6) var(--space-4);font-family:var(--font-sans);color:var(--text-primary)}.footer-grid{gap:var(--space-8);max-width:1200px;margin:0 auto var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}@media (max-width:768px){.footer-grid{gap:var(--space-6);grid-template-columns:1fr}}.footer-col{gap:var(--space-3);flex-direction:column;display:flex}.footer-col h3{font-family:var(--font-display);text-transform:uppercase;margin-bottom:var(--space-1);font-size:1.1rem;font-weight:700}.footer-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.footer-links{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.footer-link{color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;width:fit-content;font-size:.9rem;font-weight:600;display:inline-flex}.footer-link:hover{color:var(--text-primary);transform:translate(3px)}.footer-bottom{border-top:1px solid var(--border);padding-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);max-width:1200px;color:var(--text-muted);flex-wrap:wrap;margin:0 auto;font-size:.85rem;display:flex}.footer-bottom-links{gap:var(--space-4);display:flex}.footer-bottom-link{transition:color var(--transition-fast)}.footer-bottom-link:hover{color:var(--text-primary)}.footer-disclaimer{color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px dashed var(--text-muted);padding:var(--space-3);margin-top:var(--space-2);font-size:.8rem;line-height:1.4}.mobile-fab{display:none}@media (max-width:768px){.mobile-fab{bottom:var(--space-6);right:var(--space-6);background-color:var(--accent-primary);width:56px;height:56px;color:var(--accent-secondary);border:2px solid var(--border-strong);z-index:999;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}}
:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#eaeaea;--bg-card:#fff;--text-primary:#000;--text-secondary:#4d4d4d;--text-muted:gray;--border:#e0e0e0;--border-strong:#000;--accent-primary:#000;--accent-secondary:#fff;--success:#16a34a;--warning:#ca8a04;--danger:#dc2626;--shadow-sm:4px 4px 0px 0px #000;--shadow-md:6px 6px 0px 0px #000;--shadow-lg:8px 8px 0px 0px #000;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--font-sans:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#121212;--bg-tertiary:#1e1e1e;--bg-card:#0a0a0a;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:gray;--border:#333;--border-strong:#fff;--accent-primary:#fff;--accent-secondary:#000;--success:#4ade80;--warning:#facc15;--danger:#f87171;--shadow-sm:4px 4px 0px 0px #fff3;--shadow-md:6px 6px 0px 0px #fff3;--shadow-lg:8px 8px 0px 0px #fff3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin-bottom:var(--space-4);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1200px;padding:0 var(--space-4);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.card{background-color:var(--bg-card);border:2px solid var(--border-strong);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:4px}.card:hover{box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.btn{padding:var(--space-2) var(--space-6);font-family:var(--font-display);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:0;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:var(--accent-secondary);border:2px solid var(--accent-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.btn-primary:active{transform:translate(2px,2px);box-shadow:0 0 #0000}.btn-secondary{color:var(--text-primary);border:2px solid var(--border-strong);box-shadow:var(--shadow-sm);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.btn-secondary:active{transform:translate(2px,2px);box-shadow:0 0 #0000}.input-field{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-strong);font-family:var(--font-sans);transition:outline var(--transition-fast);border-radius:0;font-size:1rem}.input-field:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.main-content{flex:1 0 auto}@media (max-width:640px){:root{--shadow-sm:2px 2px 0px 0px #000;--shadow-md:3px 3px 0px 0px #000;--shadow-lg:4px 4px 0px 0px #000}[data-theme=dark]{--shadow-sm:2px 2px 0px 0px #ffffff26;--shadow-md:3px 3px 0px 0px #ffffff26;--shadow-lg:4px 4px 0px 0px #ffffff26}body{touch-action:manipulation;font-size:.95rem}h1{margin-bottom:var(--space-3);font-size:1.8rem}h2{margin-bottom:var(--space-3);font-size:1.4rem}h3{font-size:1.15rem}.container{padding:0 var(--space-3)}}