.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#0000000d 0%,#0000 70%);position:absolute;inset:0}.hero-content{text-align:center;z-index:2}.hero h1{background:linear-gradient(146deg,#000,#8a858d);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(3rem,8vw,6rem);font-weight:700}.hero-subtitle{color:#666;margin-bottom:30px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:300}.hero-description{color:#888;max-width:600px;margin:0 auto 40px;font-size:1.1rem;line-height:1.8}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:50px;padding:15px 30px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(135deg,#1a1a1a,#666)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.btn-secondary{color:#1a1a1a;background:0 0;border:2px solid #1a1a1a}.btn-secondary:hover{color:#fff;background:#1a1a1a;transform:translateY(-2px)}.features{padding:120px 0;position:relative}.features:before{content:"";background:linear-gradient(90deg,#0000,#0000001a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.section-title{text-align:center;background:linear-gradient(135deg,#1a1a1a,#666);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:60px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px;display:grid}.feature-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#fffc,#fff9);border:1px solid #0000001a;border-radius:20px;padding:40px 30px;transition:all .3s}.feature-card:hover{border-color:#0003;transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.feature-icon{color:#fff;background:linear-gradient(135deg,#1a1a1a,#666);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 25px;font-size:2rem;font-weight:700;display:flex}.feature-icon span{filter:grayscale()brightness(0)invert()}.feature-card h3{color:#1a1a1a;margin-bottom:15px;font-size:1.5rem}.feature-card p{color:#666;line-height:1.6}.dark .hero:before{background:radial-gradient(#ffffff1a 0%,#0000 70%)}.dark .hero h1{background:linear-gradient(146deg,#fff,#757a7d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .hero-subtitle{color:#ccc}.dark .hero-description{color:#aaa}.dark .btn-primary{color:#000;background:linear-gradient(135deg,#fff,#ccc)}.dark .btn-primary:hover{box-shadow:0 10px 30px #ffffff4d}.dark .btn-secondary{color:#fff;border-color:#fff}.dark .btn-secondary:hover{color:#000;background:#fff}.dark .features:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.dark .section-title{background:linear-gradient(135deg,#fff,#ccc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .feature-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:#ffffff1a}.dark .feature-card:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #0000004d}.dark .feature-icon{color:#000;background:linear-gradient(135deg,#fff,#ccc)}.dark .feature-icon span{filter:grayscale()brightness(0)}.dark .feature-card h3{color:#fff}.dark .feature-card p{color:#ccc}:root{--hero-text-primary:#1a1a1a;--hero-text-secondary:#666;--hero-text-muted:#888;--card-bg:#fffc;--card-border:#0000001a;--gradient-bg:radial-gradient(ellipse at center,#0000000d 0%,transparent 70%)}.dark{--hero-text-primary:#fff;--hero-text-secondary:#ccc;--hero-text-muted:#aaa;--card-bg:#ffffff1a;--card-border:#ffffff1a;--gradient-bg:radial-gradient(ellipse at center,#ffffff1a 0%,transparent 70%)}