*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #000000;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .45);--color-accent: #c8a2ff;--color-accent-glow: rgba(200, 162, 255, .15);--font-primary: "Outfit", sans-serif;--transition-smooth: cubic-bezier(.25, .46, .45, .94)}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-bg);display:flex;align-items:center;justify-content:center;transition:opacity .8s var(--transition-smooth),visibility .8s}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:24px}.loader-ring{width:48px;height:48px;border:2px solid rgba(255,255,255,.08);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-size:14px;font-weight:500;letter-spacing:6px;color:var(--color-text-muted);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}#canvas-container canvas{display:block;width:100%!important;height:100%!important}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:32px 40px;opacity:0;transition:opacity 1.2s var(--transition-smooth)}#overlay.visible{opacity:1}#overlay a,#overlay button{pointer-events:auto}#header{display:flex;align-items:center;justify-content:space-between}.brand-mark{font-size:14px;font-weight:600;letter-spacing:5px;color:var(--color-text);text-transform:uppercase}.header-right{display:flex;gap:32px}.nav-link{font-size:13px;font-weight:400;letter-spacing:2px;color:var(--color-text-muted);text-decoration:none;text-transform:uppercase;position:relative;transition:color .3s var(--transition-smooth);pointer-events:auto}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-accent);transition:width .4s var(--transition-smooth)}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after{width:100%}#center-text{position:absolute;top:80px;left:40px;pointer-events:none;display:none!important}.tagline{font-size:12px;font-weight:400;letter-spacing:8px;color:var(--color-text-muted);text-transform:uppercase}#footer-bar{display:flex;align-items:center;justify-content:space-between}.footer-label{font-size:11px;font-weight:300;letter-spacing:2px;color:var(--color-text-muted);text-transform:uppercase}.footer-right{display:flex;gap:32px}.social-link{font-size:11px;font-weight:400;letter-spacing:2px;color:var(--color-text-muted);text-decoration:none;text-transform:uppercase;transition:color .3s var(--transition-smooth);pointer-events:auto}.social-link:hover{color:var(--color-accent)}#scroll-hint{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:10;opacity:0;transition:opacity 1.2s var(--transition-smooth) .5s;display:none!important}#scroll-hint.visible{opacity:1}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--color-accent),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(.6);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}@media(max-width:768px){#overlay{padding:24px}.header-right{gap:20px}.nav-link{font-size:11px;letter-spacing:1.5px}.brand-mark{font-size:12px;letter-spacing:4px}#center-text{bottom:100px;left:24px}.tagline{font-size:10px;letter-spacing:6px}.footer-right{gap:16px}.social-link,.footer-label{font-size:10px}}@media(max-width:480px){#overlay{padding:20px 16px}.header-right{gap:14px}.nav-link{font-size:10px;letter-spacing:1px}.brand-mark{font-size:11px;letter-spacing:3px}#center-text{bottom:88px;left:16px}.tagline{font-size:9px;letter-spacing:5px}.footer-right{gap:12px}.social-link,.footer-label{font-size:9px;letter-spacing:1.5px}}#about-page{position:fixed;top:-100%;left:0;width:100%;height:100%;background-color:var(--color-bg);z-index:100;display:flex;align-items:center;justify-content:center;transition:top .7s var(--transition-smooth)}#about-page.open{top:0}#about-close{position:absolute;top:40px;right:40px;background:none;border:none;color:var(--color-text-muted);font-family:inherit;font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:color .3s var(--transition-smooth)}#about-close:hover{color:var(--color-accent)}.about-content{max-width:840px;padding:0 40px;text-align:center}#about-text{font-size:42px;line-height:1.8;font-weight:300;color:var(--color-text);margin:0;font-family:Outfit,sans-serif}@media(max-width:768px){#about-text{font-size:18px}#about-close{top:30px;right:30px}}