.menu{position:fixed;top:0;left:0;width:100%;height:100svh;clip-path:circle(0 at 50% 50%);background-image:url(/backgrounds/background-studio222.png);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden;padding:1rem;z-index:100}.menu-wrapper{position:relative;width:100%;height:100%;justify-content:center;gap:3rem;background:transparent;border-radius:2rem;transform:translateY(-4em)}.date-time-container,.menu-wrapper{display:flex;flex-direction:column;align-items:center}.date-time-container{gap:1rem;margin-bottom:2rem}.date-display{position:relative}.date-text{font-family:Kalam,Brush Script MT,cursive;font-size:2.25rem;font-weight:400;color:#14305d;margin:0;text-align:center;text-shadow:0 0 4px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.6),0 0 12px rgba(255,255,255,.4),0 0 16px rgba(255,255,255,.2);animation:handwrittenGlow 4s ease-in-out infinite}.time-display{position:relative}.time-text{font-family:Orbitron,Courier New,monospace;font-size:2.5rem;font-weight:700;color:#14305d;margin:0;text-align:center;letter-spacing:.1em;text-shadow:0 0 2.4px rgba(43,206,214,.32),0 0 4.8px rgba(43,206,214,.24),0 0 7.2px rgba(43,206,214,.16),0 0 9.6px rgba(43,206,214,.08);animation:techGlow 2s ease-in-out infinite}.links-container{justify-content:center}.links,.links-container{display:flex;align-items:center}.links{flex-direction:column;gap:.57rem}@keyframes handwrittenGlow{0%,to{text-shadow:0 0 4px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.6),0 0 12px rgba(255,255,255,.4),0 0 16px rgba(255,255,255,.2)}50%{text-shadow:0 0 6px rgba(255,255,255,1),0 0 12px rgba(255,255,255,.8),0 0 18px rgba(255,255,255,.6),0 0 24px rgba(255,255,255,.4)}}@keyframes techGlow{0%,to{text-shadow:0 0 2.4px rgba(43,206,214,.32),0 0 4.8px rgba(43,206,214,.24),0 0 7.2px rgba(43,206,214,.16),0 0 9.6px rgba(43,206,214,.08)}50%{text-shadow:0 0 3.2px rgba(43,206,214,.4),0 0 6.4px rgba(43,206,214,.32),0 0 9.6px rgba(43,206,214,.24),0 0 12.8px rgba(43,206,214,.16)}}.link{position:relative;pointer-events:auto;margin-bottom:.57rem}.link a{display:flex;align-items:center;justify-content:center;width:13.2rem;padding:.43rem .86rem;border-radius:1.14rem;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05) 50%,rgba(255,255,255,.08));backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 1px 5px rgba(0,0,0,.01),0 2px 8px rgba(0,0,0,.03),0 4px 16px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.01);transition:background .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);animation:subtleGlow 3s ease-in-out infinite}.link a,.link a h2{position:relative;text-align:center}.link a h2{text-decoration:none;color:#14305d;font-size:1.32rem;line-height:1.4;pointer-events:auto;margin:0;font-family:Manrope,sans-serif;font-weight:600;letter-spacing:.02em;width:100%;z-index:10;text-shadow:0 0 1px rgba(255,255,255,.23),0 0 2px rgba(255,255,255,.18),0 0 4px rgba(255,255,255,.13),0 0 6px rgba(255,255,255,.08),0 0 8px rgba(255,255,255,.05),0 0 10px rgba(255,255,255,.03);transition:color .3s ease-out,text-shadow .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.link a h2:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,rgba(20,184,166,.8) 50%,transparent);transform:translateX(-50%);transition:width .5s ease-out;border-radius:1px}.link a:before{z-index:1}.link a:after,.link a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;opacity:0;transition:opacity .3s ease-out;border-radius:1.14rem}.link a:after{padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2}.link a:hover{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06) 50%,rgba(255,255,255,.08));transform:scale(1.05)}.link a:hover:after,.link a:hover:before{opacity:0}.link a:active{transform:scale(.98)}.link a:active:before{background:transparent;opacity:0}.link a:hover h2{color:#14305d;text-shadow:0 0 1.5px rgba(255,255,255,.25),0 0 3px rgba(255,255,255,.2),0 0 5px rgba(255,255,255,.15),0 0 7px rgba(255,255,255,.1),0 0 9px rgba(255,255,255,.08),0 0 12px rgba(255,255,255,.05);transform:scale(1.02)}.link a:hover h2:after{width:80%}.split-line{overflow:hidden;will-change:transform;pointer-events:auto}@media (max-width:1000px){.date-text{font-size:1.2rem}.time-text{font-size:2rem}.link a{display:flex;align-items:center;justify-content:center;width:max(10em,min(13.2rem,25vw));padding:.39rem .78rem;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05) 50%,rgba(255,255,255,.08));backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border:1px solid rgba(255,255,255,.2)}.link a h2{font-size:1.1rem;line-height:1.1;text-align:center;font-weight:600;letter-spacing:.02em;z-index:10}.menu-wrapper{gap:2rem;justify-content:center;transform:translateY(-4em)}.date-time-container{margin-bottom:1rem}}.menu-toggle{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);width:130px;height:53px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 50%,rgba(255,255,255,.05));backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border:1px solid rgba(255,255,255,.4);border-radius:8rem;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 4px 16px rgba(0,0,0,.1),0 8px 32px rgba(0,0,0,.15),0 16px 64px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);transition:width .5s cubic-bezier(.075,.82,.165,1),background .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);transform-origin:right;cursor:pointer;z-index:1000;animation:subtleGlow 3s ease-in-out infinite}.menu-circle{position:absolute;top:2px;left:1px;width:48px;height:48px;background:rgba(255,255,255,.9);border-radius:4rem;transform:scale(0);transform-origin:center;transition:width .5s cubic-bezier(.65,0,.076,1);z-index:5;overflow:hidden}@keyframes subtleGlow{0%,to{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 4px 16px rgba(0,0,0,.1),0 8px 32px rgba(0,0,0,.15),0 16px 64px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.15),0 4px 20px rgba(0,0,0,.12),0 8px 40px rgba(0,0,0,.18),0 16px 80px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.08)}}.menu-toggle:hover{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06) 50%,rgba(255,255,255,.08));transform:translateX(-50%) scale(1.02);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 8px 24px rgba(0,0,0,.12),0 16px 48px rgba(0,0,0,.18),0 32px 96px rgba(0,0,0,.15),0 0 24px rgba(43,206,214,.35),0 0 48px rgba(43,206,214,.2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.05);animation:hoverGlow 1.5s ease-in-out infinite}.menu-hover-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;z-index:20;pointer-events:none}.menu-hover-text .hover-text{color:#14305d;font-family:Manrope,sans-serif;font-weight:500;font-size:1.17rem;letter-spacing:-.01em;margin:0;padding-right:4px;white-space:nowrap;text-shadow:0 0 4px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.7),0 0 16px rgba(255,255,255,.5),0 0 24px rgba(255,255,255,.3),0 0 32px rgba(255,255,255,.2),0 0 40px rgba(255,255,255,.1)}.menu-toggle:hover .menu-circle{width:calc(100% - 2px);transform:scale(1)}.menu-toggle:hover .menu-toggle-icon{opacity:0}.menu-toggle:hover .hamburger{opacity:0;transform:translate(-50%,-50%) translateX(.75rem)}.menu-toggle:hover .menu-hover-text{opacity:1}.menu-toggle:hover .menu-copy{opacity:0}@keyframes hoverGlow{0%,to{box-shadow:0 0 0 1px rgba(255,255,255,.2),0 8px 24px rgba(0,0,0,.12),0 16px 48px rgba(0,0,0,.18),0 32px 96px rgba(0,0,0,.15),0 0 24px rgba(43,206,214,.35),0 0 48px rgba(43,206,214,.2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.05)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.25),0 8px 32px rgba(0,0,0,.15),0 16px 64px rgba(0,0,0,.22),0 32px 128px rgba(0,0,0,.18),0 0 32px rgba(43,206,214,.45),0 0 64px rgba(43,206,214,.3),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.03)}}.menu-toggle:active{transform:translateX(-50%) scale(.98);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 50%,rgba(255,255,255,.04));box-shadow:0 0 0 1px rgba(255,255,255,.15),0 2px 8px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.12),0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.1);animation:none}.menu-copy{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#14305d;font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.01em;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),text-shadow .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1;text-shadow:0 0 4px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.7),0 0 16px rgba(255,255,255,.5),0 0 24px rgba(255,255,255,.3),0 0 32px rgba(255,255,255,.2),0 0 40px rgba(255,255,255,.1)}.menu-copy .menu-text{font-size:1.17rem;margin:0;padding-right:4px}.menu-toggle:hover .menu-copy{text-shadow:0 0 6px rgba(255,255,255,1),0 0 12px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 28px rgba(255,255,255,.4),0 0 36px rgba(255,255,255,.3),0 0 48px rgba(255,255,255,.2);transform:translateY(-50%) scale(1.02)}.menu-toggle.opened .menu-copy{opacity:.85;text-shadow:0 0 3px rgba(255,255,255,.8),0 0 6px rgba(255,255,255,.6),0 0 12px rgba(255,255,255,.4),0 0 18px rgba(255,255,255,.2)}.menu-toggle-icon{top:2px;left:1px;width:48px;height:48px;border-radius:100%;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.3) 50%,rgba(255,255,255,.4));backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 2px 8px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.08),0 8px 32px rgba(0,0,0,.05),inset 0 1px 2px rgba(255,255,255,.3),inset 0 -1px 1px rgba(0,0,0,.1);z-index:15;overflow:hidden}.hamburger,.menu-toggle-icon{position:absolute;transition:all .5s cubic-bezier(.65,0,.076,1)}.hamburger{top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;display:flex;justify-content:center;align-items:center;will-change:transform}.menu-bar{position:absolute;width:15px;height:1.5px;background:#14305d;border-radius:1px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 2px rgba(20,48,93,.3),0 0 4px rgba(20,48,93,.2)}.menu-bar[data-position=top]{transform:translateY(-4px)}.menu-bar[data-position=middle]{transform:translateY(0)}.menu-bar[data-position=bottom]{transform:translateY(4px)}.menu-toggle.opened .menu-bar[data-position=top]{transform:translateY(0) rotate(45deg) scaleX(1.05);box-shadow:0 0 3px rgba(20,48,93,.4),0 0 6px rgba(20,48,93,.3)}.menu-toggle.opened .menu-bar[data-position=middle]{transform:translateY(0) scaleX(0);opacity:0}.menu-toggle.opened .menu-bar[data-position=bottom]{transform:translateY(0) rotate(-45deg) scaleX(1.05);box-shadow:0 0 3px rgba(20,48,93,.4),0 0 6px rgba(20,48,93,.3)}.menu-toggle.opened{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 50%,rgba(255,255,255,.04));animation:openedGlow 2s ease-in-out infinite}@keyframes openedGlow{0%,to{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 4px 16px rgba(0,0,0,.08),0 8px 32px rgba(0,0,0,.12),0 16px 64px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.08)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 4px 20px rgba(0,0,0,.1),0 8px 40px rgba(0,0,0,.15),0 16px 80px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.06)}}