.canvas-container{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto}.r3f-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important}.canvas-container canvas{width:100%!important;height:100%!important;display:block}.canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background:var(--bg-dark)}.app-navbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:14px 20px;z-index:1400;justify-content:space-between;background:linear-gradient(180deg,#0206171f,#0206170a);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-navbar .brand{font-weight:800;font-size:18px;color:var(--text-primary)}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:600}.menu-btn{display:none;background:transparent;border:none;color:var(--text-primary)}@media(max-width:768px){.menu-btn{display:block}.nav-links{display:none;position:fixed;top:64px;left:0;right:0;background:var(--card-bg);padding:18px 20px;flex-direction:column;gap:12px;z-index:1400;border-bottom:1px solid rgba(0,0,0,.06)}.nav-links.open{display:flex}}.footer-simple{position:fixed;left:0;right:0;bottom:0;background:var(--card-bg);border-top:1px solid rgba(0,0,0,.06);padding:10px 14px;z-index:1300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.brand{font-weight:700;color:var(--text-primary)}.links a{margin-left:12px;color:var(--text-secondary);text-decoration:none}.copyright{font-size:13px;color:var(--text-secondary)}@media(max-width:640px){.footer-inner{flex-direction:column;gap:6px;text-align:center}.links a{margin-left:8px}}:root{--bg-dark: #0a0e17;--bg-card: #111625;--text-primary: #ffffff;--text-secondary: #a0aec0;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--border-color: #2d3748;--card-bg: rgba(5, 5, 10, .85);--card-text: var(--text-primary);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--container-width: 1200px;--header-height: 80px}@media(max-width:1024px){:root{--container-width: 920px;--header-height: 72px}}@media(max-width:768px){:root{--container-width: 720px;--header-height: 64px}}@media(max-width:480px){:root{--container-width: 100%;--header-height: 56px}}@media(prefers-color-scheme:light){:root{--bg-dark: #ffffff;--bg-card: #f8fafc;--text-primary: #0b1220;--text-secondary: #475569;--border-color: #e2e8f0;--card-bg: rgba(255,255,255,.9);--card-text: #0b1220}}html[data-theme=light]{--bg-dark: #ffffff;--bg-card: #f8fafc;--text-primary: #0b1220;--text-secondary: #475569;--border-color: #e2e8f0;--card-bg: rgba(255,255,255,.9);--card-text: #0b1220}html[data-theme=dark]{--bg-dark: #0a0e17;--bg-card: #111625;--text-primary: #ffffff;--text-secondary: #a0aec0;--border-color: #2d3748;--card-bg: rgba(5,5,10,.85);--card-text: #ffffff}html,body,#root{height:100%}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .2s ease}ul{list-style:none;padding:0;margin:0}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 1rem}.section{padding:4rem 0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}