@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color: #000000;--bg-secondary: #111111;--text-primary: #f5f5f7;--text-secondary: #86868b;--accent-color: #2997ff;--nav-bg: rgba(0, 0, 0, .7);--nav-border: rgba(255, 255, 255, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}nav{position:sticky;top:0;left:0;width:100%;z-index:1000;background-color:var(--nav-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--nav-border)}h1,h2,h3,section{scroll-margin-top:120px}nav .nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;padding:8px 36px;min-height:54px}nav .brand-left{flex:1 1 0;display:flex;align-items:center;justify-content:flex-start;min-width:160px}nav .brand{display:flex;align-items:center;text-decoration:none}.nav-brand-logo{height:40px;width:auto;object-fit:contain;border-radius:6px}.nav-logo{height:32px;width:auto;object-fit:contain;background-color:#fff;border-radius:4px}nav .brand-right{flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;min-width:160px}nav .nav-center{flex:0 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:2px 12px}nav .nav-module-row{display:flex;justify-content:center;align-items:center;width:100%}.master-glass-group{display:inline-flex;align-items:center;justify-content:center;gap:8px}nav .nav-chapter-wrapper{display:flex;justify-content:center;align-items:center;width:100%}nav .nav-chapters-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}nav .links{display:flex;gap:24px}nav .links a{color:var(--text-primary);text-decoration:none;font-size:.85rem;font-weight:400;opacity:.8;transition:opacity .2s ease}nav .links a:hover,nav .links a.active{opacity:1}.mobile-logout-btn{display:none}.page-container{padding-top:20px;min-height:100vh;display:flex;flex-direction:column}.page-container .hero{min-height:auto;padding:35px 20px 20px;justify-content:flex-start}.page-container .hero h1{font-size:2.8rem;margin-bottom:12px}.page-container .hero p{font-size:1.15rem;margin-bottom:0}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px}.hero h1{font-size:4rem;font-weight:700;letter-spacing:-.01em;margin-bottom:20px;background:linear-gradient(180deg,#fff,#86868b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.5rem;font-weight:400;color:var(--text-secondary);max-width:600px}.section{padding:100px 20px;max-width:1200px;margin:0 auto;width:100%}.section h2{font-size:2.5rem;font-weight:600;margin-bottom:40px;text-align:center}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.content-text p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:20px}.content-text ul{list-style:none;padding-left:0}.content-text ul li{font-size:1.1rem;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center}.content-text ul li:before{content:"•";color:var(--accent-color);font-size:1.5rem;margin-right:12px}.model-container{background-color:var(--bg-secondary);border-radius:20px;overflow:hidden;height:500px;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 40px #00000080}model-viewer{width:100%;height:100%;background-color:#111;--poster-color: transparent}.model-toggles{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#ffffff1a;padding:8px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.model-toggles button{background:transparent;border:none;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.model-toggles button.active{background:#fff;color:#000;font-weight:500}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:30px}.page-container{padding:20px 16px 60px}}@media (max-width: 768px){.hero h1{font-size:2.2rem;line-height:1.2}.hero p{font-size:1rem}nav{padding:6px 12px}nav .nav-container{display:flex;flex-direction:column;align-items:stretch;gap:6px}nav .brand-left{flex:none!important;min-width:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto}nav .user-email-badge{display:none!important}nav .brand-right{display:none!important}nav .nav-center{width:100%;flex:none!important;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:0!important}nav .nav-module-row{display:flex!important;justify-content:center!important;align-items:center;position:relative;width:100%;gap:8px!important;padding:0!important}.mobile-logout-btn{display:inline-flex!important;position:absolute;right:0}nav .nav-chapter-wrapper{position:relative;width:100%;overflow:hidden}nav .nav-chapter-wrapper:after{content:"›";position:absolute;right:0;top:0;bottom:0;width:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,transparent,rgba(0,0,0,.9) 60%);color:#32ade6;font-size:1.2rem;font-weight:700;pointer-events:none}nav .nav-chapters-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;width:100%;justify-content:flex-start!important;padding:4px 28px 4px 2px;gap:6px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav .nav-chapters-row::-webkit-scrollbar{display:none}nav .links a{flex-shrink:0;padding:5px 10px;font-size:.8rem;min-height:28px!important;line-height:1;border-radius:6px;background:#ffffff0d}nav .links a.active{background:#32ade640;color:#32ade6;font-weight:600}nav button.nav-import-btn{font-size:.75rem;padding:2px 6px}.mobile-logout-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:3px 8px;border-radius:4px;font-size:.75rem;cursor:pointer}.page-container{padding-top:10px}.page-container .hero{min-height:auto;padding:18px 12px 10px;justify-content:flex-start}.page-container .hero h1{font-size:1.8rem;margin-bottom:6px}.page-container .hero p{font-size:.95rem;margin-bottom:0}model-viewer,canvas,iframe{max-width:100%!important;touch-action:pan-y}button:not(nav button),.interactive-list li,a:not(nav a){min-height:44px;display:inline-flex;align-items:center}}.interactive-list{list-style:none;padding:0;margin-top:15px;display:flex;flex-direction:column;gap:6px}.interactive-list li{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 14px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease}.interactive-list li:hover{background:#ffffff26}.interactive-list li:focus-visible{outline:2px solid var(--accent-color, #0a84ff);outline-offset:2px}.interactive-list li.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;padding-bottom:60px}.liquid-glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;font-size:.84rem;font-weight:600;color:#fff!important;text-decoration:none;border-radius:20px;background:linear-gradient(135deg,#ffffff29,#ffffff0d);backdrop-filter:blur(14px) saturate(190%);-webkit-backdrop-filter:blur(14px) saturate(190%);border:1px solid rgba(255,255,255,.28);box-shadow:0 4px 14px #00000040,inset 0 1px 1px #fff6;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.liquid-glass-btn:hover{background:linear-gradient(135deg,#ffffff42,#ffffff1a);border-color:#32ade699;box-shadow:0 6px 20px #32ade659,inset 0 1px 2px #ffffff80;transform:translateY(-1px)}.liquid-glass-btn.active{background:linear-gradient(135deg,#32ade673,#0a84ff40);border-color:#32ade6d9;box-shadow:0 0 16px #32ade673,inset 0 1px 1px #ffffff80}.liquid-glass-btn-accent{border-color:#30d15873;color:#30d158!important}.liquid-glass-btn-accent:hover{border-color:#30d158d9;box-shadow:0 6px 20px #30d15859,inset 0 1px 2px #ffffff80}.global-signature-footer{position:fixed;bottom:0;left:0;right:0;z-index:999;height:48px;background:#121216f0;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;box-shadow:0 -4px 20px #00000059;width:100%}.global-signature-footer .footer-container{width:100%;max-width:1600px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.global-signature-footer .footer-left{flex:1;display:flex;align-items:center;justify-content:flex-start}.global-signature-footer .platform-version-badge{color:#86868b;font-size:.75rem;background:#ffffff0d;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.08);white-space:nowrap}.global-signature-footer .footer-center{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25}.global-signature-footer .footer-author{font-weight:600;color:#fff;font-size:.88rem;letter-spacing:.2px}.global-signature-footer .footer-lab{font-size:.72rem;color:#86868b;letter-spacing:1.5px;text-transform:uppercase}.global-signature-footer .footer-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:12px}.global-signature-footer .footer-link{color:#32ade6;text-decoration:none;font-size:.82rem;transition:color .2s ease;white-space:nowrap}.global-signature-footer .footer-link:hover{color:#40c8fa;text-decoration:underline}.global-signature-footer .footer-sep{color:#444;font-size:.8rem}@media (max-width: 768px){.global-signature-footer{height:auto;padding:6px 0}.global-signature-footer .footer-container{flex-direction:column;gap:4px;padding:4px 12px}.app-wrapper{padding-bottom:78px}}