@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";body,html,#root{color:#fff;background-color:#050505;width:100%;height:100%;margin:0;padding:0;font-family:Outfit,sans-serif;overflow:hidden}.canvas-container{width:100vw;height:100vh;position:relative}.section{pointer-events:none;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.content-box{pointer-events:auto;max-width:800px;padding:0 5vw}.content-box.right{margin-left:auto;margin-right:5vw}.content-box.center{text-align:center;margin:0 auto}h1.title{text-transform:uppercase;margin:0;font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,7rem);line-height:1}h2{margin:1rem 0;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}p{color:#ccc;font-size:1.1rem;line-height:1.6}.subtitle{letter-spacing:4px;text-transform:uppercase;color:#d4a373;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1rem;display:block}.accent{color:#d4a373}.italic{font-style:italic}.scroll-hint{text-transform:uppercase;letter-spacing:2px;opacity:.7;margin-top:4rem;font-family:Outfit,sans-serif;font-size:.8rem;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.btn-primary{color:#d4a373;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #d4a373;margin-top:2rem;padding:15px 30px;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s}.btn-primary:hover{color:#050505;background:#d4a373}.glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0a66;border-left:1px solid #d4af374d;border-radius:8px;padding:40px}.glass-dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050505cc;border:1px solid #ffffff1a;border-radius:12px;padding:60px}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:left;background:#0a0a0acc;border:1px solid #d4af3780;border-radius:8px;width:250px;padding:20px}.panel h3{color:#d4a373;text-transform:uppercase;letter-spacing:2px;margin:0 0 10px;font-family:Outfit,sans-serif}.panel p{color:#ccc;margin:0 0 15px;font-size:.9rem;line-height:1.5}.panel button{color:#d4a373;cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #d4a373;border-radius:4px;padding:5px 15px;transition:all .3s}.panel button:hover{color:#000;background:#d4a373}
