body,html{margin:0;padding:0;width:100%;height:100%;background:#111}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}canvas{width:100vw;height:100dvh;display:block;position:fixed;top:0;left:0;z-index:1;pointer-events:auto}#ui-layer{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;color:#fff;text-align:center;font-family:Aladin,system-ui;opacity:0;transition:transform 1s ease;transform:translateY(10px);animation:fadeInUI 2s ease-in-out forwards;animation-delay:.5s;will-change:opacity,transform}h1{font-size:clamp(3rem,6vw,6rem);color:#f0fff0;letter-spacing:.08em;line-height:1.05;margin:0;filter:drop-shadow(0 0 20px rgba(24,129,42,.6))}#ui-layer p{font-size:clamp(1.2rem,2vw,2.2rem);letter-spacing:.18em;opacity:.85}.cta-btn{margin-top:3rem;padding:1rem 3.5rem;border:1px solid rgba(255,255,255,.4);background:#ffffff0d;color:#f0fff0;text-transform:uppercase;letter-spacing:.3em;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.4s all ease}.cta-btn:hover{background:#fff;color:#000;transform:scale(1.05)}.ui-btn{width:64px;height:64px;position:fixed;top:2rem;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:#ffffff0f;backdrop-filter:blur(32px) saturate(200%) sepia(100%);-webkit-backdrop-filter:blur(32px) saturate(180%) sepia(100%);clip-path:polygon(25% 5%,75% 5%,95% 50%,75% 95%,25% 95%,5% 50%);cursor:pointer;transition:transform .5s cubic-bezier(.23,1,.32,1),background .3s ease}.nav-toggle{right:2rem}.back-btn{left:2rem;font-size:1.5rem;font-family:Aladin,system-ui;color:#fff}.nav-toggle span,.back-btn span{width:24px;height:1px;background:#fff;transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .1s ease}.nav-toggle:hover,.back-btn:hover{transform:scale(1.15) rotate(90deg);background:#ffffff1f}.nav-toggle:focus,.menu-link:focus,.back-btn:focus{outline:2px solid white;outline-offset:4px}#menu-overlay{position:fixed;inset:0;z-index:90;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#141e3299,#050a14d9);-webkit-backdrop-filter:blur(40px) saturate(140%);backdrop-filter:blur(40px) saturate(140%);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.23,1,.32,1);will-change:opacity}#menu-overlay:before{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none}.menu-link{display:block;margin:1rem 0;font-size:3rem;font-family:Aladin,system-ui;color:#fff;position:relative;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease,letter-spacing .4s ease}.menu-link:hover{transform:translateY(-8px) scale(1.05);letter-spacing:.175em;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.2)}body.menu-open #menu-overlay{opacity:1;pointer-events:auto;transition:opacity .6s cubic-bezier(.16,1,.3,1)}body.menu-open #menu-main:hover .menu-link{opacity:.25}body.menu-open #menu-main .menu-link:hover{opacity:1}body.menu-open .menu-link{opacity:1;transform:translateY(0)}body.menu-open .menu-link:nth-child(1){transition-delay:.1s}body.menu-open .menu-link:nth-child(2){transition-delay:.2s}body.menu-open .menu-link:nth-child(3){transition-delay:.3s}body.menu-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.menu-open .nav-toggle span:nth-child(2){opacity:0}body.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body.lock-scroll{overflow:hidden}@keyframes fadeInUI{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#menu-content{position:absolute;inset:0;font-size:3rem;font-family:Aladin,system-ui;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;text-align:center;padding:5vw;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .4s ease}#menu-content::-webkit-scrollbar{display:none}#menu-content{-ms-overflow-style:none;scrollbar-width:none}#menu-content p{font-size:2.5rem;max-width:100%;line-height:1.5;margin:2.5rem 5rem}@media(max-width:768px){#menu-content{font-size:2.5rem}#menu-content p{font-size:1.7rem;margin:1rem 2rem}}body.view-content #menu-main{opacity:0;pointer-events:none}body.view-content #menu-content{opacity:1;pointer-events:auto}