@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";body{margin:0;padding:0;background-color:#000;color:#fff;width:100vw;height:100vh;overflow:hidden;font-family:Outfit,sans-serif;display:flex;align-items:center;justify-content:center}#app{width:100%;height:100%}*{box-sizing:border-box}.video-container{position:relative;width:100%;height:100%;background:#000;overflow:hidden}#tree-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;opacity:.2;filter:grayscale(100%)}#tree-canvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;object-fit:cover}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity 1s ease;gap:2rem}.title{font-size:4rem;font-weight:300;letter-spacing:.15em;margin:0;text-transform:uppercase;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.btn{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;padding:1rem 4rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:.1em;border-radius:40px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn:hover{background:#ffffff1a;transform:scale(1.05);border-color:#fff;box-shadow:0 0 30px #fff3}.btn:active{transform:scale(.95)}