@font-face {
  font-family: 'Gobold';
  src: url('fonts/Gobold-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Gobold';
  src: url('fonts/Gobold-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--yellow:#FFB800;--bordo:#491C20;--black:#0A0A0A;--white:#fff;--gray-400:#9CA3AF}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--black);color:var(--white);overflow-x:hidden;min-height:100vh}
.page-wrapper{display:flex;flex-direction:column;align-items:center;min-height:100vh;position:relative}
.bg-glow{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(200px);opacity:.12;pointer-events:none;z-index:0}
.bg-glow--yellow{background:var(--yellow);top:-200px;right:-100px}
.bg-glow--bordo{background:var(--bordo);bottom:-200px;left:-100px}
.page-wrapper::before{content:'';position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}

.bg-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1;pointer-events:none;opacity:0.4;background:var(--black)}
.bg-video-mobile{display:block}
.bg-video-desktop{display:none}

.header{width:100%;padding:24px 20px;display:flex;justify-content:center;position:relative;z-index:10}
.header img{height:40px;opacity:0;animation:fadeDown .8s ease-out .2s forwards}

.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 20px 40px;max-width:800px;position:relative;z-index:10}
.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:1px solid rgba(255,184,0,.3);border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--yellow);margin-bottom:32px;backdrop-filter:blur(10px);background:rgba(255,184,0,.05);opacity:0;animation:fadeUp .6s ease-out .3s forwards}
.pulse-dot{width:8px;height:8px;background:var(--yellow);border-radius:50%;animation:pulse 2s ease-in-out infinite}
.hero__title{font-family:'Gobold',sans-serif;font-size:clamp(2.8rem,8vw,5.5rem);line-height:.92;letter-spacing:-.02em;margin-bottom:32px;opacity:0;animation:fadeUp .8s ease-out .5s forwards}
.highlight{color:var(--yellow);position:relative;display:inline-block}
.highlight::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:4px;background:var(--yellow);opacity:.3;border-radius:2px}

.dynamic-phrases-container{min-height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:48px;opacity:0;animation:fadeUp .8s ease-out .7s forwards;overflow:hidden;width:100%;max-width:600px;perspective:1000px}
.dynamic-phrase{font-size:clamp(1.2rem, 4vw, 1.8rem);font-weight:bold;color:var(--yellow);text-transform:uppercase;letter-spacing:0.05em;text-align:center;transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);opacity:1;transform:translateY(0) rotateX(0deg);}
.dynamic-phrase.hidden-up{opacity:0;transform:translateY(-20px) rotateX(90deg);}
.dynamic-phrase.hidden-down{opacity:0;transform:translateY(20px) rotateX(-90deg);}

.form-section{width:100%;max-width:460px;padding:0 20px 80px;position:relative;z-index:10;opacity:0;animation:fadeUp .8s ease-out .9s forwards}
.form-card{background:rgba(10,10,10,.85);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:32px 24px;backdrop-filter:blur(28px);box-shadow:0 30px 60px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.02);position:relative;overflow:hidden}
.form-card::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent)}
.form-card__title{font-family:'Gobold',sans-serif;font-size:1.8rem;text-align:center;margin-bottom:6px}
.form-card__subtitle{font-size:13px;text-align:center;color:var(--gray-400);margin-bottom:24px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-bottom:8px}
.form-group input{width:100%;padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--white);font-family:'Inter',sans-serif;font-size:15px;transition:all .3s ease;outline:none}
.form-group input::placeholder{color:rgba(255,255,255,.25)}
.form-group input:focus{border-color:var(--yellow);background:rgba(255,184,0,.04);box-shadow:0 0 0 3px rgba(255,184,0,.08)}
.form-group input.error{border-color:#EF4444;background:rgba(239,68,68,.04)}
.error-msg{font-size:12px;color:#EF4444;margin-top:6px;display:none}
.error-msg.visible{display:block}

.submit-btn{width:100%;padding:16px;background:var(--yellow);color:var(--black);border:none;border-radius:12px;font-family:'Gobold',sans-serif;font-size:1.3rem;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-top:8px}
.submit-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s ease}
.submit-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,184,0,.3)}
.submit-btn:hover::before{left:100%}
.submit-btn:active{transform:translateY(0)}
.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}
.btn-icon{display:inline-block;margin-right:8px;vertical-align:middle}
.form-footer{text-align:center;margin-top:16px;font-size:11px;color:rgba(255,255,255,.3)}
.whatsapp-icon{color:#25D366}
.counter-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0;margin-bottom:20px;font-size:13px;color:var(--gray-400)}
.counter-bar__number{font-family:'Gobold',sans-serif;font-size:1.4rem;color:var(--yellow);line-height:1}
.page-footer{width:100%;text-align:center;padding:24px 20px;font-size:12px;color:rgba(255,255,255,.2);position:relative;z-index:10}
.floating-emoji{position:fixed;font-size:28px;opacity:.06;pointer-events:none;z-index:0;animation:float 8s ease-in-out infinite}
.floating-emoji:nth-child(1){top:15%;left:5%;animation-delay:0s}
.floating-emoji:nth-child(2){top:25%;right:8%;animation-delay:-2s}
.floating-emoji:nth-child(3){top:55%;left:8%;animation-delay:-4s}
.floating-emoji:nth-child(4){top:70%;right:5%;animation-delay:-6s}
.floating-emoji:nth-child(5){top:85%;left:12%;animation-delay:-1s}
.floating-emoji:nth-child(6){top:40%;right:12%;animation-delay:-3s}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(4px) rotate(-1deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top-color:var(--black);border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:8px}
@media(max-width:480px){
  .dynamic-phrases-container{min-height:60px;}
  .dynamic-phrase{font-size:1.1rem;}
  .hero{padding:10px 20px 30px}
  .hero__title{margin-bottom:24px}
  .form-card{padding:24px 20px}
}
@media(min-width:768px){
  .header img{height:50px}
  .hero__badge{font-size:13px;padding:10px 28px}
  .dynamic-phrases-container{min-height:80px;}
  .form-card{padding:40px 32px}
  .bg-video-mobile{display:none}
  .bg-video-desktop{display:block}
}