@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&family=Playfair+Display:ital,wght@1,500&display=swap";html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0f0f0f;color:#fff;font-family:Montserrat,sans-serif}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:40px;box-sizing:border-box;z-index:10}nav{display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.logo{font-size:1.5rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;border:2px solid white;padding:10px 20px}.menu a{color:#aaa;text-decoration:none;margin-left:30px;font-size:.9rem;transition:color .3s;text-transform:uppercase;letter-spacing:1px}.menu a:hover{color:#fff}.hero-content{max-width:600px;margin-bottom:100px}h1{font-family:Playfair Display,serif;font-size:4rem;line-height:1.1;margin:0 0 20px;font-style:italic}p{font-size:1rem;line-height:1.6;color:#ccc;margin-bottom:30px}.cta-button{pointer-events:auto;background:#fff;color:#000;border:none;padding:15px 40px;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;font-weight:600;transition:background .3s}.cta-button:hover{background:#ddd}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.fade-in{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}