@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@font-face{font-family:Runaways;src:url(/fonts/runaways-regular-webfont.woff2) format("woff2"),url(/fonts/runaways-regular-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--background: #000000;--text: #ffffff;--accent: #cccccc;--social-icon-stroke: currentColor;--social-icon-fill: white;--snowflake-color: rgba(255, 255, 255, .7);--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--font-size-small: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--border-radius: 4px;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--background);color:var(--text);overflow-x:hidden;scroll-behavior:smooth;transition:background-color .5s ease,color .5s ease}body{overflow-y:auto}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.content{position:relative;z-index:2;width:100%;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);position:fixed;top:0;left:0;width:100%;z-index:10}.logo{font-family:Runaways,sans-serif;font-size:var(--font-size-lg);font-weight:400;letter-spacing:1px;transition:color .5s ease}.nav{display:flex;gap:var(--spacing-md);align-items:center}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text);display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;transition:background-color .3s ease,transform .3s ease;margin-left:var(--spacing-md)}.theme-toggle:hover{background-color:#ffffff1a;transform:rotate(15deg)}.day-mode .theme-toggle:hover{background-color:#0000001a}.nav-link{font-family:Runaways,sans-serif;color:var(--text);text-decoration:none;font-size:var(--font-size-small);letter-spacing:1px;transition:opacity var(--transition-speed) ease;position:relative;font-weight:400;margin-left:var(--spacing-md)}.nav-link:first-child{margin-left:0}.nav-link:hover{opacity:.7}.nav-link:after{content:"";position:absolute;width:0;height:1px;bottom:-4px;left:0;background-color:var(--text);transition:width var(--transition-speed) ease}.nav-link:hover:after{width:100%}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--spacing-lg)}.snowflake-logo{margin-bottom:var(--spacing-lg);transition:transform .5s ease}.snowflake-logo:hover{transform:rotate(45deg) scale(1.05)}.header-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}h1{font-family:Runaways,sans-serif;font-size:var(--font-size-3xl);font-weight:400;letter-spacing:4px;margin-bottom:var(--spacing-md);transition:color .5s ease}.social-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.social-links a{color:var(--text);transition:transform var(--transition-speed) ease,opacity var(--transition-speed) ease;display:flex;align-items:center;justify-content:center}.social-links a:hover{opacity:.7;transform:translateY(-2px)}.social-links svg{width:20px;height:20px}.social-links svg.custom-svg{fill:currentColor}.social-links-expanded{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.social-item{background-color:#ffffff0d;border-radius:var(--border-radius);overflow:hidden;transition:transform var(--transition-speed) ease,background-color var(--transition-speed) ease}.social-item:hover{transform:translateY(-3px);background-color:#ffffff14}.social-platform-link{display:flex;align-items:center;padding:var(--spacing-md);color:var(--text);text-decoration:none}.social-icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:var(--spacing-md);border-radius:50%;background-color:#ffffff1a}.social-icon-container svg{width:24px;height:24px;color:var(--text)}.social-info h3{font-family:Runaways,sans-serif;font-size:var(--font-size-base);margin:0 0 4px;font-weight:400;letter-spacing:1px}.social-info p{font-size:var(--font-size-small);margin:0;opacity:.6;line-height:1.4}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-small);opacity:.7;cursor:pointer;transition:opacity var(--transition-speed) ease}.scroll-indicator:hover{opacity:1}.scroll-indicator span{font-family:Runaways,sans-serif;font-size:var(--font-size-small);letter-spacing:2px;font-weight:400}.scroll-sections{padding:var(--spacing-xl) var(--spacing-lg)}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;max-width:800px;margin:0 auto;padding:var(--spacing-xl) 0;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.section.visible{opacity:1;transform:translateY(0)}h2{font-family:Runaways,sans-serif;font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);letter-spacing:2px;font-weight:400;position:relative;display:inline-block;transition:color .5s ease}h2:after{content:"";position:absolute;width:30px;height:1px;bottom:-10px;left:0;background-color:var(--text)}p{font-size:var(--font-size-base);line-height:1.6;opacity:.8;margin-bottom:var(--spacing-lg);max-width:600px;transition:color .5s ease}.music-links{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.music-item{background-color:#ffffff0d;border-radius:var(--border-radius);overflow:hidden;transition:transform var(--transition-speed) ease,background-color var(--transition-speed) ease}.music-item:hover{transform:translateY(-3px);background-color:#ffffff14}.music-platform-link{display:flex;align-items:center;padding:var(--spacing-md);color:var(--text);text-decoration:none}.music-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:var(--spacing-md);border-radius:50%;background-color:#ffffff1a}.music-icon svg,.social-icon-container svg{width:24px;height:24px;color:var(--text)}.music-icon svg.custom-svg,.social-icon-container svg.custom-svg,.social-links svg.custom-svg{fill:currentColor}.music-info h3{font-family:Runaways,sans-serif;font-size:var(--font-size-base);margin:0 0 4px;font-weight:400;letter-spacing:1px}.music-info p{font-size:var(--font-size-small);margin:0;opacity:.6;line-height:1.4}.music-embed{width:100%;margin-top:var(--spacing-md);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 20px #0000004d}.newsletter-form{display:flex;margin:var(--spacing-md) 0;max-width:500px}.newsletter-input{flex:1;padding:12px 15px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;color:var(--text);font-family:Inter,sans-serif;font-size:var(--font-size-base);transition:border-color .3s ease,background-color .3s ease,color .5s ease;border-radius:var(--border-radius) 0 0 var(--border-radius)}.newsletter-input:focus{outline:none;border-color:#fff6;background-color:#ffffff14}.newsletter-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;background-color:#ffffffe6;color:#000;border:none;cursor:pointer;font-family:Runaways,sans-serif;font-size:var(--font-size-small);letter-spacing:1px;transition:background-color .3s ease,transform .2s ease;border-radius:0 var(--border-radius) var(--border-radius) 0}.newsletter-button:hover{background-color:#fff;transform:translate(2px)}.newsletter-button svg{transition:transform .2s ease}.newsletter-button:hover svg{transform:translate(2px)}.newsletter-note{font-size:var(--font-size-small);opacity:.6;margin-top:var(--spacing-sm);max-width:500px;text-align:center}.newsletter-validation{color:#ff5252;font-size:var(--font-size-small);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs);text-align:center;font-weight:500}.day-mode .newsletter-input{border:1px solid rgba(0,0,0,.2);background-color:#0000000d}.day-mode .newsletter-input:focus{border-color:#0006;background-color:#00000014}.day-mode .newsletter-button{background-color:#000000e6;color:#fff}.day-mode .newsletter-button:hover{background-color:#000}.day-mode .newsletter-validation{color:#e53935}.newsletter-button.disabled{background-color:#ffffff4d;cursor:not-allowed}.newsletter-button.disabled:hover{background-color:#ffffff4d;transform:none}.day-mode .newsletter-button.disabled,.day-mode .newsletter-button.disabled:hover{background-color:#0000004d}.newsletter-success{display:flex;flex-direction:column;align-items:center;text-align:center;margin:var(--spacing-md) 0;padding:var(--spacing-lg);border-radius:var(--border-radius);background-color:#ffffff0d;max-width:500px}.day-mode .newsletter-success{background-color:#0000000d}.success-checkmark{width:80px;height:80px;margin:0 auto var(--spacing-md);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background-color:#4caf501a;animation:checkmarkPulse .5s ease-out}@keyframes checkmarkPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.success-check{color:#4caf50;animation:checkFadeIn .8s forwards}@keyframes checkFadeIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-title{font-family:Runaways,sans-serif;margin-bottom:var(--spacing-sm);font-weight:400;letter-spacing:1px;animation:titleSlideUp .6s forwards;animation-delay:.3s;opacity:0;transform:translateY(10px)}@keyframes titleSlideUp{to{opacity:1;transform:translateY(0)}}.newsletter-success p{animation:fadeIn .8s forwards;animation-delay:.5s;opacity:0}.newsletter-success button{animation:fadeIn 1s forwards;animation-delay:.7s;opacity:0}.loading-spinner{animation:spin 1.5s linear infinite;margin-left:8px}.newsletter-button.submitting{background-color:#ffffff4d;cursor:wait}.day-mode .newsletter-button.submitting{background-color:#0000004d}.newsletter-success p{margin-bottom:var(--spacing-md);opacity:.8}.newsletter-reset{background:none;border:1px solid var(--text);color:var(--text);padding:8px 16px;font-family:Runaways,sans-serif;font-size:var(--font-size-small);cursor:pointer;border-radius:var(--border-radius);letter-spacing:1px;transition:background-color .3s ease,color .3s ease}.newsletter-reset:hover{background-color:#ffffff1a}.day-mode .newsletter-reset:hover{background-color:#0000001a}.footer{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;margin-top:2rem;border-top:1px solid var(--border)}.footer-credits{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-foreground)}.design-credit{margin:0}.wintersix-link{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}.wintersix-link:hover{color:var(--primary-hover);text-decoration:underline}.copyright{margin:0}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background);display:flex;justify-content:center;align-items:center;z-index:1000}.loader-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.loader-snowflake{margin-bottom:var(--spacing-md);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.7}}.progress-bar{width:200px;height:2px;background-color:#fff3;border-radius:var(--border-radius);overflow:hidden;margin-bottom:var(--spacing-md)}.progress-fill{height:100%;background-color:var(--text);transition:width var(--transition-speed) ease}.loader-text{font-family:Runaways,sans-serif;font-size:var(--font-size-base);letter-spacing:2px;font-weight:400}@media (max-width: 768px){:root{--font-size-3xl: 2rem;--font-size-2xl: 1.75rem;--font-size-xl: 1.25rem;--spacing-xl: 2.5rem;--spacing-lg: 1.5rem}.app{overflow-x:hidden;width:100%}.content{position:relative;z-index:5;width:100%;overflow-x:hidden}.scroll-sections{padding:var(--spacing-lg) var(--spacing-md);width:100%;overflow-x:hidden}.section{padding:var(--spacing-lg) 0;min-height:80vh;width:100%;opacity:1!important;transform:none!important}header{padding:var(--spacing-md)}.snowflake-logo svg{width:80px;height:80px}.music-embed{width:100%;height:auto;min-height:300px}.music-embed iframe{width:100%!important;min-height:300px}.music-platform-link,.social-platform-link{padding:var(--spacing-sm);display:flex;align-items:center;width:100%}.music-item,.social-item{width:100%;margin-bottom:var(--spacing-sm)}.music-icon,.social-icon-container{width:40px;height:40px;min-width:40px}.music-info h3,.social-info h3{font-size:calc(var(--font-size-base) - 1px)}.music-info p,.social-info p{font-size:calc(var(--font-size-small) - 1px)}.newsletter-form{flex-direction:column;width:100%}.newsletter-input{border-radius:var(--border-radius) var(--border-radius) 0 0;width:100%;height:44px}.newsletter-button{border-radius:0 0 var(--border-radius) var(--border-radius);padding:12px 20px;width:100%;justify-content:center;height:44px}.newsletter-success{padding:var(--spacing-md);width:100%}.newsletter-success h3{font-size:var(--font-size-base)}.newsletter-success p{font-size:var(--font-size-small)}.footer{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.footer .social-links{justify-content:center;width:100%}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}canvas{pointer-events:none!important;touch-action:auto!important}}@media (max-width: 480px){:root{--font-size-3xl: 1.75rem;--font-size-2xl: 1.5rem;--font-size-xl: 1.125rem;--spacing-lg: 1.25rem}.snowflake-logo svg{width:60px;height:60px}.section{min-height:70vh}h1{letter-spacing:2px}.nav{gap:var(--spacing-sm)}.nav-link{font-size:.7rem;letter-spacing:.5px}.music-embed iframe{min-height:250px}}.day-mode{--background: #ffffff;--text: #000000;--accent: #333333;--social-icon-stroke: currentColor;--social-icon-fill: black;--snowflake-color: rgba(0, 0, 0, .7)}.day-mode .snowflake-logo svg path,.day-mode .loader-snowflake svg path{fill:#000}.day-mode .logo,.day-mode h1,.day-mode h2,.day-mode p,.day-mode .email-link,.day-mode .nav-link{color:#000}.day-mode .email-link{border-bottom:1px solid #000000}.day-mode .social-item,.day-mode .music-item{background-color:#0000000d}.day-mode .social-item:hover,.day-mode .music-item:hover{background-color:#00000014}.day-mode .social-icon-container,.day-mode .music-icon{background-color:#0000001a}.day-mode .progress-bar{background-color:#0003}.day-mode .canvas-container canvas{filter:invert(1)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}