:root{--bg-color: #000000;--text-color: #ffffff;--accent-color: #00f3ff;--panel-bg: rgba(15, 15, 15, .8);--grain-opacity: .05}.light-theme{--bg-color: #f5f5f7;--text-color: #1d1d1f;--accent-color: #5500ff;--panel-bg: rgba(245, 245, 247, .8);--grain-opacity: .03}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:var(--bg-color);color:var(--text-color);font-family:Outfit,sans-serif;cursor:none;transition:background-color 1s ease,color 1s ease}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:var(--grain-opacity);background-image:url(https://grainy-gradients.vercel.app/noise.svg);pointer-events:none;z-index:1000;transition:opacity 1s ease}.webgl{position:fixed;top:0;left:0;outline:none;z-index:1}.cursor-dot,.cursor-outline{pointer-events:none;position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:999;transition:width .3s ease,height .3s ease,opacity .3s ease,background-color .3s ease,border-color .3s ease}.cursor-dot{width:8px;height:8px;background-color:var(--text-color)}.cursor-outline{width:40px;height:40px;border:2px solid var(--text-color);opacity:.3}.cursor-active .cursor-dot{width:4px;height:4px;background-color:var(--accent-color)}.cursor-active .cursor-outline{width:60px;height:60px;border-color:var(--accent-color);opacity:.8}.ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;padding:40px}.navbar{display:flex;justify-content:space-between;align-items:center;pointer-events:all}.nav-right{display:flex;align-items:center}.logo{font-size:1.2rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.nav-links button{background:none;border:none;color:var(--text-color);opacity:.4;margin-left:20px;font-family:inherit;font-size:.7rem;text-transform:uppercase;letter-spacing:2px;cursor:none;transition:opacity .3s ease}.nav-links button:hover{opacity:1}.theme-toggle{width:40px;height:20px;background:var(--text-color);opacity:.2;border:none;border-radius:20px;margin-left:30px;position:relative;cursor:none;transition:opacity .3s ease}.theme-toggle:hover{opacity:.4}.theme-toggle .dot{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--bg-color);border-radius:50%;transition:transform .3s ease}.light-theme .theme-toggle .dot{transform:translate(20px)}#hero-text{margin-top:auto;margin-bottom:20px}#hero-text h1{font-size:8vw;font-weight:800;line-height:.9;letter-spacing:-.05em;margin:0;opacity:.8}#hero-text p{font-size:.8rem;letter-spacing:10px;opacity:.4;margin-top:20px;text-transform:uppercase}.scroll-instruction{display:block;margin-top:60px;font-size:.6rem;letter-spacing:4px;opacity:.2;text-transform:uppercase;animation:pulse 3s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.1}50%{opacity:.4}}#info-panel{position:fixed;top:50%;right:5%;transform:translateY(-50%);width:350px;background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:40px;pointer-events:all;opacity:0;visibility:hidden;transition:all .6s cubic-bezier(.19,1,.22,1)}.light-theme #info-panel{border:1px solid rgba(0,0,0,.05)}#info-panel.visible{opacity:1;visibility:visible}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-color);font-size:1.5rem;opacity:.5;cursor:none}#panel-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;letter-spacing:1px;text-transform:uppercase}.price-tag{font-size:.7rem;letter-spacing:2px;color:var(--accent-color);font-weight:700;margin-bottom:10px}#panel-body{font-size:.85rem;line-height:1.8;opacity:.6;margin-bottom:30px}.cta-btn{width:100%;padding:15px;background:var(--text-color);color:var(--bg-color);border:none;font-family:inherit;font-size:.7rem;font-weight:700;letter-spacing:3px;cursor:none;transition:transform .3s ease,opacity .3s ease}.cta-btn:hover{transform:scale(1.02);opacity:.9}.footer-data{margin-top:30px;font-size:.5rem;letter-spacing:2px;opacity:.2;text-align:center}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);display:flex;justify-content:center;align-items:center;z-index:100}.loader-content h1{font-size:.8rem;letter-spacing:10px;opacity:.5}.progress-bar{width:200px;height:1px;background:#ffffff1a;margin-top:30px}.light-theme .progress-bar{background:#0000001a}.progress{width:0%;height:100%;background:var(--text-color);transition:width .3s ease}.fade-out{opacity:0;pointer-events:none;transition:opacity 1s ease}.hidden{display:none!important}