@import url("https://fonts.googleapis.com/css2?family=Bayon&family=Manrope:wght@200..800&display=swap");:root{--primary:#d16a47;--secondary:#272725;--tertiary:#232323;--accent:#cbcbcb;--bg:#1a1a1a}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;height:100%}body{background:var(--bg);min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative}h1,h2,h3{font-family:Bayon,sans-serif;color:#fff;text-transform:uppercase;font-weight:500;margin:0;line-height:1}h1{font-size:clamp(60px,12vw,120px)}h2{font-size:clamp(28px,5vw,40px);position:fixed;top:40px;z-index:100}h3{font-size:clamp(24px,4vw,36px);font-weight:400}small{font-size:16px;color:#c6c6c6;font-family:Manrope,sans-serif;display:block;margin-top:12px}.container{text-align:center;z-index:10;position:relative;padding:2rem}.hero{margin-bottom:3rem}.btn{padding:.5rem 1.3rem;background:#f0f0f0;color:#1a1a1a;border-radius:10px;font-size:14px;font-family:Manrope,sans-serif;border:0;cursor:pointer;transition:opacity .3s ease;margin-top:10px;&:hover{opacity:.8}}.form-group{margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.input{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;padding:1px 6px;backdrop-filter:blur(10px);&:focus-within{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:16px;padding:14px 20px;width:500px;font-family:Manrope,sans-serif;&::placeholder{color:hsla(0,0%,100%,.4)}}}.input,.submit{display:flex;align-items:center;transition:all .3s ease}.submit{width:38px;height:38px;border-radius:10px;background:#fff;border:none;cursor:pointer;justify-content:center;font-size:18px;color:#1a1a1a;flex-shrink:0;&:hover{background:#f0f0f0;transform:scale(1.08);box-shadow:0 5px 15px hsla(0,0%,100%,.3)}&:active{transform:scale(.95)}&.success{background:#4ade80;animation:successPulse .6s ease}}#message{display:none;margin-top:10px;padding:8px;border-radius:4px;position:absolute;bottom:10px;width:90%;font-family:Manrope,sans-serif}.phone{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);width:100%;max-width:400px;height:300px;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;z-index:1;.light{bottom:20px;left:50%;opacity:.8;filter:blur(1px);animation:lightPulse 2s ease-in-out infinite}.light,.mobile{position:absolute;transform:translateX(-50%)}.mobile{bottom:0;left:54%;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes lightPulse{0%,to{opacity:.6}50%{opacity:.9}}@media (max-width:768px){.container{padding:1.5rem}.hero{margin-bottom:2rem}.phone{max-width:300px;height:220px}}@media (max-width:480px){.container{padding:1rem}.form-group{padding:0 1rem}.input{padding:5px 10px;width:280px;input{font-size:14px;padding:12px 16px;width:100%}}.submit{width:44px;height:44px;font-size:16px}small{font-size:14px}#message{width:80%;bottom:-5px}.phone{max-width:250px;height:180px;.mobile{width:100%}.light{width:200%}}}@media (max-height:600px) and (orientation:landscape){body{align-items:flex-start;padding-top:2rem}.phone{display:none}h1{font-size:60px;margin-bottom:1rem}h2{font-size:28px}.hero,h2{margin-bottom:1.5rem}}