:root{--green: #00ff88;--green-dim: rgba(0, 255, 136, .15);--green-glow: rgba(0, 255, 136, .3);--glass-bg: rgba(0, 0, 0, .6);--glass-border: rgba(255, 255, 255, .12);--shine: rgba(255, 255, 255, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:#050505;color:#fff;min-height:100vh;overflow-x:hidden;user-select:none;-webkit-user-select:none}#logo-clickable polygon,#logo-clickable rect,#logo-clickable polyline{fill:#fff;stroke-width:5px;stroke:#fff}.bg-video{position:fixed;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important;opacity:0!important}video::-webkit-media-controls{display:none!important}.particle-overlay{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.svg-filters{position:absolute;width:0;height:0}.main-container{position:fixed;inset:0}.glass-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(100%,calc(100vw - 2rem))}.view{display:none;padding:2rem 2.5rem;text-align:center;animation:fadeIn .3s ease forwards}.view.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass-panel{overflow:hidden;border-radius:2rem;cursor:default;transition:min-height .4s ease;box-shadow:0 6px 6px #0003,0 0 20px #0000001a;min-width:400px;min-height:300px;width:min(480px,calc(100vw - 2rem))}.glass-panel .glass-effect{position:absolute;z-index:0;inset:0;backdrop-filter:blur(3px);filter:url(#glass-distortion);overflow:hidden;isolation:isolate;border-radius:inherit}.glass-panel .glass-tint{position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,var(--glass-bg),rgba(255,255,255,.05));border-radius:inherit}.glass-panel .glass-shine{position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:inherit;box-shadow:inset 2px 2px 1px 0 var(--shine),inset -1px -1px 1px 1px var(--shine)}.glass-panel .glass-content{position:relative;z-index:3;border-radius:inherit}.dock{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100}.dock-glass{position:relative;display:flex;overflow:hidden;border-radius:2rem;transition:all .4s cubic-bezier(.175,.885,.32,2.2);box-shadow:0 6px 6px #0003,0 0 20px #0000001a}.dock-glass .glass-effect{position:absolute;z-index:0;inset:0;backdrop-filter:blur(3px);filter:url(#glass-distortion);overflow:hidden;isolation:isolate;border-radius:inherit}.dock-glass .glass-tint{position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,var(--glass-bg),rgba(255,255,255,.05));border-radius:inherit}.dock-glass .glass-shine{position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:inherit;box-shadow:inset 2px 2px 1px 0 var(--shine),inset -1px -1px 1px 1px var(--shine)}.dock-glass .dock-items{position:relative;z-index:3;display:flex;gap:.5rem;padding:.5rem;border-radius:inherit}.dock-item{padding:.7rem 1.8rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.18);background:#ffffff40;color:#fff;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;transition:all .3s ease;opacity:.7;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dock-item:hover{opacity:.9}.dock-item.active{opacity:1;background:#00000073;border-color:#ffffff40;box-shadow:inset -2px -2px 2px #00000026;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.logo-wrapper{position:relative;display:inline-block;border-radius:1.5rem;overflow:hidden;margin:1rem;fill:#fff;color:#fff}.logo-blur{position:absolute;inset:0;z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-mask-image:url(/Logo_V5.svg);mask-image:url(/Logo_V5.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none}.view .logo-img{max-width:clamp(200px,25vw,350px);height:auto;display:block;opacity:.95;position:relative;z-index:1;user-select:none;-webkit-user-select:none}.view .subtitle{font-size:clamp(.9rem,2vw,1.2rem);font-weight:300;margin-top:.5rem;letter-spacing:.3em;text-transform:uppercase;text-align:center;color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.5),0 0 40px rgba(0,255,136,.3);user-select:none;-webkit-user-select:none}.view .section-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:2rem;letter-spacing:.1em;text-shadow:0 0 20px #050505}.project-card{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-decoration:none;position:relative;padding:1.5rem 2.5rem;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.175,.885,.32,2.2);cursor:pointer;text-align:center;max-width:400px;margin:0 auto}.project-card h3{font-size:.95rem;font-weight:400;letter-spacing:.05em;opacity:.8;color:#fff}.project-icon{width:80px;height:80px;display:block}.project-card:hover{transform:translateY(-4px) scale(1.02);border-color:#ffffff59;background:#00000073;box-shadow:inset -2px -2px 2px #00000026,0 0 40px #ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media(max-width:600px){.view{padding:1.5rem}.glass-panel{min-width:300px}.dock{bottom:1rem}.dock-item{padding:.6rem 1.2rem;font-size:.85rem}.project-card{padding:2rem 3rem}}.logo-piece{opacity:0;transform-box:view-box;animation:logoAssemble .5s cubic-bezier(.34,1.56,.64,1) forwards}.piece-a{transform-origin:0px 0px;animation-delay:0s}.piece-b{transform-origin:0px 1024px;animation-delay:80ms}.piece-c{transform-origin:1024px 0px;animation-delay:.16s}.piece-d{transform-origin:1024px 1024px;animation-delay:.24s}.piece-g{transform-origin:0px 512px;animation-delay:.35s}.piece-f{transform-origin:512px 1024px;animation-delay:.42s}.piece-i{transform-origin:1024px 512px;animation-delay:.49s}.piece-h{transform-origin:512px 0px;animation-delay:.56s}.piece-e{transform-origin:512px 700px;animation-delay:.7s}@keyframes logoAssemble{0%{opacity:0;transform:scale(0)}50%{opacity:1}to{opacity:1;transform:scale(1)}}.social-links{position:fixed;top:2rem;left:2rem;right:auto;z-index:200;display:flex;gap:.75rem}.social-link{color:#fff;text-decoration:none;font-size:.85rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;transition:all .3s ease;border-radius:.25rem}.social-link:hover{background:var(--green);color:#000}@media(max-width:600px){.social-links{top:1rem;left:1rem;gap:.25rem}.social-link{font-size:.75rem;padding:.35rem .6rem}}