@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;600&display=swap";*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:Outfit,sans-serif;color:#fff}#camera-feed{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;display:block}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .8s ease-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#ui-overlay.hidden{opacity:0;pointer-events:none}.title{font-size:2.5rem;font-weight:600;letter-spacing:2px;margin-bottom:.5rem;background:linear-gradient(90deg,#0ff,#08f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,255,255,.5)}.subtitle{font-size:1.1rem;font-weight:300;color:#a0e0e0;margin-bottom:2rem}.btn{background:transparent;border:2px solid #00ffff;color:#0ff;padding:1rem 2.5rem;font-size:1.2rem;font-family:inherit;font-weight:600;cursor:pointer;border-radius:30px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 15px #00ffff4d,inset 0 0 10px #0ff3;transition:all .3s ease;outline:none;-webkit-tap-highlight-color:transparent}.btn:hover,.btn:active{background:#0ff3;box-shadow:0 0 25px #0ff9,inset 0 0 15px #0ff6}