:root{--beer-main:#f28e1c;--beer-light:#fabb41;--beer-dark:#cc6c00;--foam-color:#fff;--bg-dark:#000;--bg-card:#14141499;--text-main:#f8fafc;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);justify-content:center;align-items:center;min-height:100dvh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.loader{z-index:100;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;transition:transform .8s cubic-bezier(.65,0,.35,1),opacity .8s;display:flex;position:fixed;top:0;left:0}.loader.slide-up{opacity:0;pointer-events:none;transform:translateY(-100%)}.beer-container{background-color:#000;width:100%;height:100%;position:absolute;bottom:0;left:0;overflow:hidden}.beer-container canvas{width:100%;height:100%;position:absolute;top:0;left:0}.loading-text{z-index:10;color:var(--foam-color);text-shadow:0 4px 15px #0006;text-align:center;width:90%;max-width:800px;margin:0 auto;font-size:clamp(1.5rem,5vw,3rem);font-weight:900;line-height:1.3;animation:1.5s infinite alternate pulse;position:relative}.loading-text span{transition:opacity .3s;display:inline-block}.loading-text span.fade-out{opacity:0}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.hidden{display:none!important}main{background:var(--bg-dark);justify-content:center;align-items:center;width:100%;height:100dvh;padding:20px;display:flex}.glass-container{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);text-align:center;opacity:0;border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:400px;padding:3rem 2rem;animation:.8s cubic-bezier(.175,.885,.32,1.275) .2s forwards popIn;transform:scale(.9);box-shadow:0 25px 50px -12px #00000080}.icon-wrapper{margin-bottom:1rem;font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes popIn{to{opacity:1;transform:scale(1)}}.question{background:linear-gradient(135deg, var(--beer-light), #fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.8rem;font-weight:900;line-height:1.1}.subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.1rem}.buttons{flex-direction:column;gap:1.2rem;display:flex;position:relative}.btn{cursor:pointer;z-index:1;-webkit-backdrop-filter:blur(20px);border:none;border-radius:24px;width:100%;padding:1.2rem 2rem;font-family:inherit;font-size:1.3rem;font-weight:700;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.btn:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fff9 0%,#fff0 50%,#fff3 100%);border-radius:24px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn:hover:after{transition:left .7s ease-in-out;left:200%}.btn-yes{color:var(--beer-light);text-shadow:0 2px 10px #f28e1ccc;background:linear-gradient(#f28e1c40 0%,#cc6c001a 100%);box-shadow:inset 0 1px 1px #ffffff80,inset 0 -10px 20px #0006,0 15px 35px -5px #f28e1c66}.btn-yes:hover{background:linear-gradient(#f28e1c59 0%,#cc6c0026 100%);transform:translateY(-4px);box-shadow:inset 0 1px 1px #fff9,inset 0 -10px 20px #0006,0 20px 45px -5px #f28e1c99}.btn-yes:active{transform:translateY(0)scale(.98)}.btn-no{color:var(--text-muted);background:linear-gradient(#ffffff14 0%,#ffffff05 100%);box-shadow:inset 0 1px 1px #fff3,inset 0 -10px 20px #0000004d,0 15px 35px -5px #00000080}.btn-no:hover{color:var(--text-main);background:linear-gradient(#ffffff1f 0%,#ffffff0d 100%)}.message{color:var(--beer-light);margin-top:2rem;font-size:1.5rem;font-weight:700;animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInSlideUp}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-container{flex-direction:column;gap:1rem;width:100%;margin-top:1rem;animation:.5s forwards fadeInUp;display:flex}.input-group input{width:100%;color:var(--text-light);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:1rem 1.5rem;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 5px #0003}.input-group input:focus{border-color:var(--beer-color);background:#00000080;box-shadow:0 0 10px #f28e1c33,inset 0 2px 5px #0000004d}.input-group input::placeholder{color:#fff6}.btn-send{background:linear-gradient(135deg, var(--beer-color) 0%, var(--beer-dark) 100%);color:#fff;width:100%;margin-top:.5rem;box-shadow:0 4px 15px #f28e1c4d}.btn-send:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f28e1c80}.btn-send:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width>=480px){.buttons{flex-direction:row;justify-content:center}.btn{width:auto;min-width:140px}}