:root{--hero-white:#fff;--hero-text:#ffffffc7;--hero-border:#ffffff1f;--hero-glass:#ffffff14}.hero-section{background:linear-gradient(to bottom right,#000000d1,#000000b8),url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=1920&auto=format&fit=crop) 50%/cover no-repeat;align-items:center;min-height:100vh;padding:7rem 4rem;display:flex;position:relative;overflow:hidden}.hero-grid{z-index:1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 85%);mask-image:radial-gradient(circle,#000,#0000 85%)}.hero-overlay{z-index:1;background:radial-gradient(circle at 100% 0,#3b82f640,#0000 35%),radial-gradient(circle at 0 100%,#8b5cf62e,#0000 35%);position:absolute;inset:0}.hero-blur{filter:blur(100px);z-index:1;border-radius:999px;animation:10s ease-in-out infinite floatBlur;position:absolute}.hero-blur-1{background:var(--color-accent);opacity:.22;width:340px;height:340px;top:-120px;right:-100px}.hero-blur-2{opacity:.18;background:#7c3aed;width:280px;height:280px;bottom:-120px;left:-80px}.hero-container{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:5rem;width:100%;margin:0 auto;display:grid;position:relative}.hero-left{padding-left:0;animation:1s fadeUp}.hero-badge{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--hero-white);background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.7rem;margin-bottom:2rem;padding:.85rem 1.4rem;font-size:.92rem;font-weight:600;display:inline-flex;box-shadow:0 10px 30px #0003}.badge-dot{background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 10px var(--color-accent),0 0 20px var(--color-accent);border-radius:50%}.hero-title{letter-spacing:-2px;color:var(--hero-white);max-width:760px;margin-bottom:1.7rem;font-size:4.8rem;font-weight:800;line-height:1.05}.hero-title span{color:var(--color-accent);position:relative}[data-theme=green] .hero-title span{color:#86efac}[data-theme=blue] .hero-title span{color:#93c5fd}[data-theme=navy] .hero-title span{color:#7dd3fc}[data-theme=black] .hero-title span{color:#38bdf8}.hero-subtitle{max-width:650px;color:var(--hero-text);margin-bottom:2.5rem;font-size:1.08rem;line-height:1.9}.hero-buttons{align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.hero-btn-primary,.hero-btn-outline{border-radius:16px;justify-content:center;align-items:center;gap:.7rem;padding:1rem 1.8rem;font-weight:600;text-decoration:none;transition:all .35s;display:inline-flex}.hero-btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 15px 35px #00000040}.hero-btn-primary:hover{transform:translateY(-5px)}.hero-btn-outline{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#ffffff0d;border:1px solid #ffffff24}.hero-btn-outline:hover{background:#ffffff1a;transform:translateY(-5px)}.hero-stats{flex-wrap:wrap;gap:1rem;display:flex}.hero-stat-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;min-width:180px;padding:1.4rem;transition:all .35s}.hero-stat-card:hover{background:#ffffff1a;transform:translateY(-8px)}.hero-stat-card h3{color:var(--color-accent);margin-bottom:.4rem;font-size:2rem;font-weight:800}.hero-stat-card p{color:#ffffffb8;font-size:.92rem}.hero-right{width:100%;height:620px;position:relative}.floating-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:230px;height:230px;transition:all .4s;animation:6s ease-in-out infinite floating;display:flex;position:absolute;box-shadow:0 20px 50px #00000038}.floating-card:hover{background:#ffffff1a;transform:translateY(-12px)scale(1.04)}.floating-card svg{color:var(--color-accent)}.floating-card h3{font-size:1.15rem;font-weight:700}.floating-card p{color:#ffffffad;max-width:160px;font-size:.92rem;line-height:1.5}.card-1{top:10px;left:30px}.card-2{top:100px;right:0}.card-3{bottom:70px;left:0}.card-4{bottom:0;right:40px}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes floatBlur{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}@media (max-width:1100px){.hero-container{grid-template-columns:1fr}.hero-right{height:520px}.hero-title{font-size:4rem}}@media (max-width:768px){.hero-section{padding:7rem 1.2rem}.hero-container{grid-template-columns:1fr;gap:4rem}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-btn-primary,.hero-btn-outline{justify-content:center}.hero-right{height:430px}.floating-card{width:170px;height:170px}.floating-card h3{font-size:1rem}.floating-card p{font-size:.8rem}.hero-stats{flex-direction:column}}@media (max-width:520px){.hero-title{font-size:2.3rem}.hero-right{height:360px}.floating-card{border-radius:24px;width:140px;height:140px}.floating-card svg{width:32px;height:32px}}