*{margin:0;padding:0;box-sizing:border-box}:root{--color-black:#000000;--color-white:#ffffff;--color-orange:#ff6b35;--color-gray:#666666;--color-light-gray:#f8f8f8;--color-border:#e0e0e0;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--border-radius:8px;--border-radius-lg:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1)}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-black);background-color:var(--color-white);overflow-x:hidden;position:relative}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.floating-dots{position:absolute;top:0;left:0;width:100%;height:100%}.floating-dot{position:absolute;width:4px;height:4px;background:rgb(211,90,34);border-radius:50%;animation:float 12s linear infinite}@keyframes float{0%{transform:translate(0) scale(1);opacity:0}50%{opacity:.2}to{transform:translate(var(--dx),var(--dy)) scale(1.5);opacity:0}}.container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.header{padding:var(--spacing-sm) 0;animation:fadeInDown .8s ease-out}.logo h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-black)}.logo h1,.main{position:relative}.main{flex:1;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.9);border-radius:var(--border-radius-lg);margin:var(--spacing-sm);padding:var(--spacing-lg)}.hero{text-align:center;max-width:800px;animation:fadeInUp .8s ease-out .2s both;position:relative;z-index:2}.hero-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-black);position:relative}.hero-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background-color:var(--color-orange);border-radius:2px}.hero-content{animation:fadeInUp .8s ease-out .4s both}.hero-subtitle{font-size:var(--font-size-xl);font-weight:400;margin-bottom:var(--spacing-xs);color:var(--color-gray)}.hero-emphasis{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-black)}.hero-description{font-size:var(--font-size-lg);font-weight:400;margin-bottom:var(--spacing-lg);color:var(--color-gray);line-height:1.7}.features{margin-bottom:var(--spacing-xl)}.feature-item{margin-bottom:var(--spacing-sm);opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.feature-item:first-child{animation-delay:.6s}.feature-item:nth-child(2){animation-delay:.8s}.feature-item:nth-child(3){animation-delay:1s}.feature-text{font-size:var(--font-size-lg);font-weight:500;color:var(--color-black);position:relative;display:inline-block;padding-left:var(--spacing-md)}.feature-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--color-orange);border-radius:50%}.cta-section{animation:fadeInUp .8s ease-out 1.2s both}.cta-text{font-size:var(--font-size-lg);font-weight:400;margin-bottom:var(--spacing-xs);color:var(--color-gray)}.cta-emphasis{margin-bottom:var(--spacing-xs);color:var(--color-black)}.cta-call,.cta-emphasis{font-size:var(--font-size-xl);font-weight:600}.cta-call{margin-bottom:var(--spacing-lg);color:var(--color-orange)}.email-form{max-width:400px;margin:0 auto}.input-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.email-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:var(--font-family);background-color:var(--color-white);color:var(--color-black);transition:var(--transition)}.email-input:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 3px rgba(255,107,53,.1)}.email-input::placeholder{color:var(--color-gray)}.submit-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-orange);color:var(--color-white);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;min-width:120px}.submit-btn:hover{background-color:#e55a2b;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,.3)}.submit-btn:active{transform:translateY(0)}.submit-btn.loading{pointer-events:none}.btn-text{transition:var(--transition)}.btn-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid var(--color-white);border-radius:50%;opacity:0;animation:spin 1s linear infinite}.submit-btn.loading .btn-text{opacity:0}.submit-btn.loading .btn-loader{opacity:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.form-message{text-align:center;font-size:14px;margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition);opacity:0;transform:translateY(-10px)}.form-message.show{opacity:1;transform:translateY(0)}.form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.footer{padding:var(--spacing-lg) 0;text-align:center;color:var(--color-gray);font-size:14px;animation:fadeIn .8s ease-out 1.4s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}.hero-title{font-size:var(--font-size-2xl)}.cta-call,.cta-emphasis,.hero-emphasis,.hero-subtitle{font-size:var(--font-size-lg)}.cta-text,.feature-text,.hero-description{font-size:var(--font-size-base)}.input-group{flex-direction:column}.submit-btn{width:100%}}@media (max-width:480px){.hero-title,.logo h1{font-size:var(--font-size-xl)}}