@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Great+Vibes&display=swap";:root{--bg-color:#050507;--bg-gradient:radial-gradient(circle at 50% 0%, #1a1a24 0%, #050507 70%);--text-primary:#fff;--text-secondary:#8a8a9d;--accent-color:#242430;--accent-glow:#ffffff26;--brand-color:#e2e2e2;--glass-bg:#0f0f1499;--glass-border:#ffffff14;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--font-serif:"Playfair Display", serif;--font-signature:"Great Vibes", cursive;--transition-speed:.4s;--transition-bounce:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;line-height:1.6}a{color:inherit;transition:all var(--transition-speed) ease;text-decoration:none}img,video{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:500;line-height:1.1}h1{font-size:clamp(3rem,6vw,5rem);font-weight:600}h2{font-size:clamp(2rem,4vw,3rem)}.container{max-width:1200px;margin:0 auto;padding:0 5%}.fade-in{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeUp;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.section-padding{padding:10rem 0 6rem}.nav-header{z-index:100;will-change:transform;width:90%;max-width:900px;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)translateZ(0)}.nav-container{-webkit-backdrop-filter:blur(24px);background:#0a0a0a66;border:1px solid #ffffff14;border-radius:100px;justify-content:space-between;align-items:center;min-height:4.5rem;padding:1.2rem 2.5rem;display:flex;position:relative;transform:translateZ(0);box-shadow:0 10px 40px #00000080}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);z-index:101;white-space:nowrap;flex-shrink:0;font-size:1.35rem;font-weight:700}.nav-links{flex-shrink:1;gap:1.5rem;min-width:0;display:flex;overflow:hidden}.magnetic-wrapper{display:inline-block}.nav-link{color:#fff9;border-radius:100px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;transition:color .3s,background .3s,transform .2s;position:relative}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff1a}.nav-link:active{transform:scale(.95)}.nav-toggle{cursor:pointer;z-index:101;background:0 0;border:none;width:44px;height:44px;margin:-.5rem;padding:.5rem;display:none;position:relative}.hamburger-line{opacity:1;background:#fff;border-radius:2px;width:24px;height:2px;transition:all .3s ease-in-out;display:block;position:absolute;left:10px}.hamburger-line.top{top:14px}.hamburger-line.middle{top:21px}.hamburger-line.bottom{top:28px}.nav-toggle.open .hamburger-line.top{top:21px;transform:rotate(45deg)}.nav-toggle.open .hamburger-line.middle{opacity:0;transform:translate(-10px)}.nav-toggle.open .hamburger-line.bottom{top:21px;transform:rotate(-45deg)}@media (width<=900px){.nav-header{width:95%;top:1rem}.nav-container{min-height:4.5rem;padding:1.2rem 1.8rem}.nav-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(30px);opacity:0;pointer-events:none;background:#0f0f0fd9;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:.5rem;width:100%;padding:1.5rem 0;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:120%;left:0;transform:translateY(-15px)scale(.98)}.nav-links.open{opacity:1;pointer-events:all;transform:translateY(0)scale(1);box-shadow:0 20px 50px #00000080}.nav-link{font-size:1.15rem;font-family:var(--font-sans);text-align:center;color:#fffc;border-radius:0;width:100%;padding:1rem 2rem;display:block}.magnetic-wrapper{width:100%;display:block}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff0d}}.nav-controls{z-index:101;align-items:center;gap:.8rem;display:flex}.sound-toggle-btn{color:#ffffff80;cursor:pointer;transition:all var(--transition-speed) ease;-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:.5rem;display:flex}.sound-toggle-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3;transform:scale(1.05)}.sound-toggle-btn:active{transform:scale(.92)}.glass-footer{z-index:10;width:100%;margin-top:auto;padding:3rem 0 2rem;position:relative}.footer-container{max-width:1200px;margin:0 auto;padding:0 5%}.footer-content{border-top:1px solid #ffffff14;flex-direction:column;align-items:center;gap:2rem;padding-top:2rem;display:flex}.copyright{font-family:var(--font-sans);color:#ffffff80;letter-spacing:.05em;text-align:center;font-size:.9rem}.social-icons-glass{justify-content:center;align-items:center;gap:1.5rem;display:flex}.social-glass-btn{-webkit-backdrop-filter:blur(12px);color:#fff9;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.social-glass-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 25px #00000080,0 0 20px #ffffff0d}@media (width>=768px){.footer-content{flex-direction:row;justify-content:space-between}.copyright{text-align:left}}.pl-root{z-index:100000;cursor:pointer;will-change:clip-path;background:#050507;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.pl-center{text-align:center;padding:0 6vw}.pl-name{font-family:var(--font-display,sans-serif);letter-spacing:.04em;color:#fff;flex-wrap:wrap;justify-content:center;font-size:clamp(2rem,7vw,5.5rem);font-weight:800;line-height:1.05;display:flex;overflow:hidden}.pl-letter{white-space:pre;display:inline-block}.pl-tag{font-family:var(--font-sans,sans-serif);letter-spacing:.42em;text-transform:uppercase;color:#fff;margin-top:1.2rem;font-size:clamp(.7rem,1.4vw,.9rem)}.pl-count{font-family:var(--font-display,sans-serif);font-variant-numeric:tabular-nums;color:#ffffff1a;-webkit-user-select:none;user-select:none;font-size:clamp(3rem,11vw,9rem);font-weight:700;line-height:.8;position:absolute;bottom:4vh;right:5vw}.pl-progress{background:#ffffff14;width:100%;height:2px;position:absolute;bottom:0;left:0}.pl-progress-bar{transform-origin:0;background:#ffffffd9;width:100%;height:100%;display:block}.pl-skip{font-family:var(--font-sans,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;-webkit-user-select:none;user-select:none;font-size:.7rem;position:absolute;bottom:4vh;left:5vw}.film-grain{z-index:9999;pointer-events:none;opacity:.035;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;width:200%;height:200%;animation:80ms step-end infinite grain-shift;position:fixed;top:-50%;left:-50%}@keyframes grain-shift{0%{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}to{transform:translate(0)}}.film-grain-ca{z-index:9998;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;box-shadow:inset 2px 0 20px #ff000004,inset -2px 0 20px #00ffff04,inset 0 2px 20px #ff00ff03,inset 0 -2px 20px #00ff0003,inset 0 0 150px #00000026,inset 0 0 300px #00000014}@media (prefers-reduced-motion:reduce){.film-grain{opacity:.02;animation:none}}#root{flex-direction:column;min-height:100vh;display:flex}.click-ripple{pointer-events:none;z-index:10000;-webkit-backdrop-filter:blur(5px)brightness(1.05);opacity:.8;background:#ffffff03;border:1px solid #ffffff59;border-radius:50%;width:0;height:0;animation:.65s cubic-bezier(.1,.8,.2,1) forwards ripple-out;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffffff0d,inset 0 0 8px #ffffff1a}@keyframes ripple-out{0%{opacity:.8;width:0;height:0}to{opacity:0;width:180px;height:180px}}