:root{--primary-color:red;--secondary-color:#000;--background-color:#fff;--text-color:#222;--border-radius:8px;--transition:.3s ease;--max-width:1200px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff3b3b,red);box-shadow:0 4px 14px #ff00004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f006}.home{overflow-x:hidden}.hero{background:linear-gradient(135deg,#fef9f9 0%,#fff 50%,#fff5f5 100%);justify-content:center;align-items:center;min-height:90vh;padding:100px 0 80px;display:flex;position:relative;overflow:hidden}.hero-container{z-index:2;text-align:center;max-width:900px;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3b3b1a;border:1px solid #ff3b3b33;border-radius:100px;align-items:center;gap:10px;margin-bottom:30px;padding:8px 20px;animation:.6s fadeInUp;display:inline-flex}.badge-icon{font-size:18px;animation:2s infinite pulse}.hero-badge span:last-child{color:#ff3b3b;font-size:14px;font-weight:500}.hero-title{color:#1f2937;margin-bottom:20px;font-size:64px;font-weight:800;line-height:1.2;animation:.6s .1s both fadeInUp}.gradient-text{background:linear-gradient(135deg,#ff3b3b,red);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.title-icon{animation:2s infinite wave;display:inline-block}.hero-subtitle{color:#4b5563;margin-bottom:20px;font-size:28px;font-weight:600;animation:.6s .2s both fadeInUp}.hero-description{color:#6b7280;max-width:700px;margin:0 auto 40px;font-size:18px;line-height:1.6;animation:.6s .3s both fadeInUp}.hero-buttons{justify-content:center;gap:20px;margin-bottom:60px;animation:.6s .4s both fadeInUp;display:flex}.btn-large{border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:16px;display:inline-flex}.btn-secondary{color:#4b5563;background:0 0;border:2px solid #e5e7eb}.btn-secondary:hover{color:#ff3b3b;background:#ff3b3b0d;border-color:#ff3b3b;transform:translateY(-2px)}.btn-icon{transition:transform .3s}.btn-primary:hover .btn-icon{transform:translate(5px)}.btn-secondary:hover .btn-icon{transform:translate(3px)}.hero-stats{justify-content:center;gap:60px;animation:.6s .5s both fadeInUp;display:flex}.stat-item{text-align:center}.stat-number{color:#ff3b3b;margin-bottom:8px;font-size:32px;font-weight:800}.stat-label{color:#6b7280;font-size:14px;font-weight:500}.hero-bg-elements{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-circle{background:linear-gradient(135deg,#ff3b3b1a,#ff00000d);border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.circle-1{width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.circle-2{width:300px;height:300px;animation-delay:2s;bottom:-50px;left:-50px}.circle-3{width:200px;height:200px;animation-delay:4s;top:50%;left:20%}.bg-blur{filter:blur(60px);opacity:.3;position:absolute}.blur-1{background:radial-gradient(circle,#ff3b3b66,#0000);width:500px;height:500px;animation:8s infinite pulse;top:20%;right:-100px}.blur-2{background:radial-gradient(circle,#ff00004d,#0000);width:400px;height:400px;animation:8s infinite reverse pulse;bottom:10%;left:-100px}.features-preview{background:#fff;padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-badge{color:#ff3b3b;background:#ff3b3b1a;border-radius:100px;margin-bottom:20px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.section-title{color:#1f2937;margin-bottom:16px;font-size:40px;font-weight:800}.section-description{color:#6b7280;max-width:600px;margin:0 auto;font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;display:grid}.feature-card{text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:20px;padding:32px;transition:all .3s}.feature-card:hover{border-color:#ff3b3b33;transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.feature-icon{margin-bottom:20px;font-size:48px;animation:3s ease-in-out infinite float;display:inline-block}.feature-card h3{color:#1f2937;margin-bottom:12px;font-size:20px;font-weight:700}.feature-card p{color:#6b7280;font-size:14px;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@media (max-width:768px){.hero{min-height:auto;padding:80px 0 60px}.hero-title{font-size:40px}.hero-subtitle{font-size:22px}.hero-description{padding:0 20px;font-size:16px}.hero-buttons{flex-direction:column;align-items:center;gap:15px}.btn-large{justify-content:center;width:200px}.hero-stats{flex-direction:column;gap:30px}.stat-number{font-size:28px}.section-title{font-size:32px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:24px}.circle-1,.circle-2,.circle-3{display:none}}@media (min-width:769px) and (max-width:1024px){.hero-title{font-size:52px}.hero-subtitle{font-size:24px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme:dark){.hero{background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 50%,#1a1a1a 100%)}.hero-title{color:#f3f4f6}.hero-subtitle,.hero-description{color:#9ca3af}.features-preview{background:#0f0f0f}.section-title{color:#f3f4f6}.feature-card{background:#1a1a1a;border-color:#2a2a2a}.feature-card h3{color:#f3f4f6}.btn-secondary{color:#9ca3af;border-color:#374151}}