:root{--primary:#4876eb;--dark:#0c0d12;--dark-card:#14161e;--light:#f5f5f5;--text-muted:hsla(0,0%,100%,.55);--text-muted-soft:hsla(0,0%,100%,.4);--text-dark:#1b1b1b;--text-dark-muted:rgba(27,27,27,.55);--border-dark:hsla(0,0%,100%,.08);--border-primary:rgba(72,118,235,.3);--font-heading:"Chakra Petch",sans-serif;--font-body:"Poppins",sans-serif;--container-max:1280px;--section-pad:110px}#demo-hero{padding:100px 0 var(--section-pad)}#demo-hero,#demo-hero .container{position:relative}#demo-hero:before{background:radial-gradient(ellipse 55% 65% at 20% 0,rgba(72,118,235,.16) 0,transparent 70%);height:500px;left:0;right:0;top:0}#demo-hero:after,#demo-hero:before{content:"";pointer-events:none;position:absolute}#demo-hero:after{background-image:linear-gradient(180deg,rgba(72,118,235,.025) 1px,transparent 0),linear-gradient(90deg,rgba(72,118,235,.025) 1px,transparent 0);background-size:80px 80px;inset:0;mask-image:radial-gradient(ellipse 50% 55% at 30% 20%,#000 0,transparent 100%)}.demo-hero-inner{max-width:560px;position:relative;z-index:2}.demo-hero-label{animation:fadeInUp .7s ease both;color:var(--text-muted-soft);font-family:var(--font-body);font-size:12px;letter-spacing:1.2px}.demo-hero-label,.demo-hero-title{margin-bottom:24px;text-transform:uppercase}.demo-hero-title{animation:fadeInUp .7s ease .15s both;color:#fff;font-family:var(--font-heading);font-size:58px;font-weight:700;letter-spacing:2px;line-height:1}.demo-hero-title .hl{color:var(--primary)}.demo-hero-desc{animation:fadeInUp .7s ease .3s both;color:var(--text-muted);font-size:16px;line-height:1.7}.demo-hero-3d-wrap{height:100%;pointer-events:none;position:absolute;right:-20px;top:0;width:48%;z-index:1}.demo-hero-3d-wrap canvas{height:100%!important;width:100%!important}@media(max-width:992px){.demo-hero-3d-wrap{display:none}}#demo-form{border-top:1px solid var(--border-dark);padding:0 0 var(--section-pad)}#demo-form .container{padding-top:var(--section-pad)}.form-row{align-items:start;display:flex;gap:80px}.form-col{flex:0 0 calc(50% - 40px)}.form-title{color:var(--text-muted-soft);font-family:var(--font-body);font-size:11px;letter-spacing:1px;margin-bottom:32px;text-transform:uppercase}.form-group{margin-bottom:24px}.form-group label{color:#fff;display:block;font-family:var(--font-body);font-size:13.5px;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{background:var(--dark-input);border:1px solid var(--border-input);border-radius:8px;color:#fff;font-family:var(--font-body);font-size:14px;outline:none;padding:14px 18px;resize:vertical;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(72,118,235,.12)}.form-group input::placeholder,.form-group textarea::placeholder{color:hsla(0,0%,100%,.2)}.form-group textarea{min-height:110px}.btn-submit{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:13px;font-weight:600;justify-content:center;letter-spacing:1.2px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s ease}.btn-submit:hover{background:#3a63d1;box-shadow:0 8px 30px rgba(72,118,235,.35);transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}.btn-submit:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:60%}.btn-submit:hover:after{left:120%}.steps-title{color:var(--text-muted-soft);font-family:var(--font-body);font-size:11px;letter-spacing:1px;margin-bottom:32px;text-transform:uppercase}.steps-list{position:relative}.steps-list:before{background:linear-gradient(180deg,rgba(72,118,235,.3),rgba(72,118,235,.05));bottom:40px;content:"";left:16px;position:absolute;top:32px;width:1px;z-index:0}.step-item{display:flex;gap:24px;margin-bottom:36px;position:relative;z-index:1}.step-item:last-child{margin-bottom:0}.step-num{align-items:center;background:var(--dark-card);border:1px solid rgba(72,118,235,.25);border-radius:50%;color:var(--primary);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:12px;font-weight:700;height:34px;justify-content:center;transition:all .4s ease;width:34px}.step-item:hover .step-num{background:var(--primary);border-color:var(--primary);box-shadow:0 0 20px rgba(72,118,235,.3);color:#fff}.step-body{flex:1}.step-body h3{color:#fff;font-family:var(--font-body);font-size:14.5px;font-weight:600;margin-bottom:8px}.step-body p{color:var(--text-muted);font-size:13.5px;line-height:1.65;max-width:440px}@media(max-width:1200px){.demo-hero-title{font-size:46px}.form-row{gap:48px}}@media(max-width:992px){.form-row{flex-direction:column}.form-col{flex:auto;width:100%}.demo-hero-title{font-size:38px}}@media(max-width:600px){.demo-hero-title{font-size:30px}}