*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--primary: #f3f4f6;--primary-light: #e5e7eb;--text: #f3f4f6;--text-light: #9ca3af;--text-lighter: #6b7280;--bg: #09090b;--bg-secondary: #111827;--surface: #14141a;--surface-hover: #1c1c24;--border: #27272f;--accent: #818cf8}html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:#818cf840;color:var(--text)}nav{background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-container{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:700;color:var(--text);text-decoration:none;transition:all .2s ease;letter-spacing:-.02em}.logo:hover{opacity:.7}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-light);font-weight:500;font-size:.9375rem;transition:color .2s ease;position:relative}.nav-links a:hover{color:var(--text)}.nav-links a:after{content:"";position:absolute;bottom:-.5rem;left:0;width:0;height:1px;background:var(--text);transition:width .3s ease}.nav-links a:hover:after{width:100%}main{min-height:calc(100vh - 200px)}footer{margin-top:2rem;border-top:1px solid var(--border);background:linear-gradient(180deg,var(--bg) 0%,var(--surface) 100%)}.footer-inner{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.footer-logo{font-size:1.25rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.02em;transition:color .2s ease}.footer-logo:hover{color:var(--accent)}.footer-tagline{font-size:.875rem;color:var(--text-light);line-height:1.6;max-width:280px}.footer-label{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-lighter);margin-bottom:1rem}.footer-nav ul{list-style:none;display:flex;flex-direction:column;gap:.625rem}.footer-nav a{color:var(--text-light);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.footer-nav a:hover{color:var(--accent)}.social-links{display:flex;gap:.625rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface-hover);color:var(--text-light);transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease}.social-link svg{width:18px;height:18px;fill:currentColor}.social-link svg[fill=none]{fill:none;stroke:currentColor}.social-link:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface));transform:translateY(-2px)}.footer-bottom{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:1.5rem;font-size:.8125rem;color:var(--text-lighter)}.footer-dot{width:3px;height:3px;border-radius:50%;background:var(--text-lighter);opacity:.5}@media(max-width:768px){.nav-container{padding:1rem 1.5rem}.nav-links{gap:1.25rem}.nav-links a{font-size:.875rem}.footer-inner{padding:2.5rem 1.5rem 1.5rem}.footer-top{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand{align-items:center}.footer-tagline{max-width:none}.footer-nav ul{align-items:center}.social-links{justify-content:center}}@media(max-width:480px){.nav-container{padding:.875rem 1rem;gap:.75rem}.logo{font-size:1.125rem;flex-shrink:0}.nav-links{gap:.875rem;flex:1;min-width:0;justify-content:flex-end;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.125rem}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:.8125rem;white-space:nowrap}.nav-links a:after{bottom:-.25rem}.footer-inner{padding:2rem 1.25rem 1.25rem}.footer-bottom{flex-direction:column;gap:.375rem}.footer-dot{display:none}}
