.hero-section{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:60px 20px 100px;overflow:visible}.hero-section[data-variant=A]{background:linear-gradient(135deg,#1e3c72,#2a5298)}.hero-section[data-variant=B]{background:linear-gradient(135deg,#f093fb,#f5576c)}.hero-section[data-variant=C]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.hero-section[data-variant=D]{background:linear-gradient(135deg,#fa709a,#fee140)}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000040;z-index:1}.hero-content{position:relative;z-index:2;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text-content{text-align:center}.hero-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 24px;border-radius:30px;font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:24px;border:1px solid rgba(255,255,255,.3)}.hero-title{font-size:56px;font-weight:900;margin-bottom:16px;line-height:1.2;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.hero-subtitle{font-size:24px;font-weight:600;margin-bottom:18px;opacity:.95;line-height:1.4}.hero-description{font-size:19px;line-height:1.6;margin-bottom:24px;max-width:550px;margin-left:auto;margin-right:auto;opacity:.92}.hero-launch-note{display:inline-flex;align-items:center;gap:10px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 22px;border-radius:30px;font-size:15px;font-weight:600;margin-bottom:28px;border:1px solid rgba(255,255,255,.25)}.launch-badge{font-size:20px}.hero-cta{background:#fff;color:#1a1a1a;border:none;padding:18px 50px;font-size:20px;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:Tajawal,sans-serif;box-shadow:0 8px 24px #0000004d,0 4px 12px #0003;animation:ctaPulse 5s ease-in-out infinite;line-height:1.5;min-height:68px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center;overflow:visible;max-width:100%}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0006,0 6px 16px #00000040;animation:none}@media (prefers-reduced-motion: reduce){.hero-cta{animation:none}}.hero-product-visual{display:flex;align-items:center;justify-content:center;position:relative;min-height:400px}.product-mockup{position:relative;width:100%;max-width:280px;height:400px;display:flex;align-items:center;justify-content:center}.serum-bottle{position:relative;width:80px;height:280px;z-index:3}.bottle-cap{width:50px;height:35px;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:8px 8px 4px 4px;margin:0 auto;position:relative;box-shadow:0 4px 12px #0006}.bottle-cap:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:30px;height:3px;background:#fff3;border-radius:2px}.bottle-dropper{width:12px;height:40px;background:linear-gradient(180deg,#ffffff4d,#ffffff1a);margin:0 auto;border-radius:0 0 6px 6px;position:relative;top:-5px}.bottle-body{width:80px;height:220px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:8px;position:relative;box-shadow:0 8px 32px #0000004d,inset -2px 0 8px #0000001a,inset 2px 0 8px #ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;overflow:hidden}.bottle-body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.bottle-label{text-align:center;padding:20px 10px;color:#2c3e50}.label-logo{font-size:11px;font-weight:900;letter-spacing:1.5px;margin-bottom:8px;color:#1a1a1a}.label-line{width:40px;height:1px;background:#2c3e50;margin:8px auto;opacity:.4}.label-text{font-size:7px;font-weight:600;letter-spacing:1px;opacity:.7;color:#34495e}.product-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;z-index:1;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.product-reflection{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:200px;height:40px;background:radial-gradient(ellipse,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;z-index:2;filter:blur(8px)}@media (max-width: 968px){.hero-section{min-height:420px;padding:40px 20px 50px}.hero-content{grid-template-columns:1fr;gap:30px}.hero-product-visual{min-height:140px}.product-mockup{max-width:140px;height:160px}.serum-bottle{width:50px;height:140px}.bottle-body{width:50px;height:110px}.bottle-cap{width:32px;height:20px}.bottle-dropper{width:8px;height:25px}.product-glow{width:180px;height:180px}.product-reflection{width:120px;height:25px;bottom:10px}.label-logo{font-size:7px;margin-bottom:5px}.label-line{width:25px;margin:5px auto}.label-text{font-size:4.5px}.bottle-label{padding:12px 6px}}@media (max-width: 768px){.hero-section{min-height:380px;padding:35px 20px 45px}.hero-badge{font-size:11px;padding:7px 18px;margin-bottom:14px}.hero-title{font-size:34px;margin-bottom:12px}.hero-subtitle{font-size:18px;margin-bottom:12px}.hero-description{font-size:15px;margin-bottom:14px;line-height:1.5}.hero-launch-note{font-size:13px;padding:8px 16px;margin-bottom:18px}.launch-badge{font-size:16px}.hero-cta{padding:16px 40px;font-size:17px}.hero-product-visual{min-height:120px}.product-mockup{max-width:120px;height:140px}.serum-bottle{width:45px;height:120px}.bottle-body{width:45px;height:95px}.bottle-cap{width:28px;height:18px}.bottle-dropper{width:7px;height:20px}.product-glow{width:150px;height:150px}.product-reflection{width:100px;height:20px;bottom:8px}.label-logo{font-size:6px;margin-bottom:4px}.label-line{width:20px;margin:4px auto}.label-text{font-size:4px}.bottle-label{padding:10px 5px}}@media (max-width: 480px){.hero-section{min-height:360px;padding:32px 20px 40px}.hero-badge{font-size:10px;padding:6px 16px;margin-bottom:12px}.hero-title{font-size:28px;margin-bottom:10px}.hero-subtitle{font-size:16px;margin-bottom:10px}.hero-description{font-size:14px;margin-bottom:12px;line-height:1.4}.hero-launch-note{font-size:12px;padding:7px 14px;margin-bottom:16px;gap:6px}.launch-badge{font-size:14px}.hero-cta{padding:14px 36px;font-size:16px}.hero-product-visual{min-height:110px}.product-mockup{max-width:110px;height:130px}.serum-bottle{width:42px;height:110px}.bottle-body{width:42px;height:88px}.bottle-cap{width:26px;height:16px}.bottle-cap:before{width:16px;height:2px;top:6px}.bottle-dropper{width:6px;height:18px}.product-glow{width:140px;height:140px}.product-reflection{width:90px;height:18px;bottom:6px}.label-logo{font-size:5.5px;margin-bottom:3px}.label-line{width:18px;margin:3px auto}.label-text{font-size:3.5px}.bottle-label{padding:8px 4px}}@media (min-width: 769px){.hero-section{min-height:calc(100vh - 72px)!important;padding-top:34px!important;padding-bottom:44px!important;overflow:visible!important;display:flex!important;align-items:center!important}.hero-content,.hero-text-content{overflow:visible!important;height:auto!important;max-height:none!important}.hero-content{align-items:center!important;gap:clamp(20px,3vw,46px)!important}.hero-badge{margin-bottom:12px!important}.hero-title{font-size:clamp(38px,4vw,58px)!important;line-height:1.08!important;margin-bottom:12px!important}.hero-subtitle{font-size:clamp(20px,2vw,28px)!important;line-height:1.25!important;margin-bottom:12px!important}.hero-description{font-size:clamp(16px,1.25vw,20px)!important;line-height:1.5!important;margin-bottom:14px!important;max-width:640px!important}.hero-launch-note{margin-bottom:16px!important}.hero-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:56px!important;height:auto!important;max-height:none!important;padding:13px 34px!important;line-height:1.55!important;white-space:nowrap!important;overflow:visible!important;text-align:center!important;box-sizing:border-box!important}.hero-product-visual{max-height:430px!important;overflow:visible!important}}@media (min-width: 769px) and (max-height: 760px){.hero-section{min-height:auto!important;padding-top:24px!important;padding-bottom:30px!important}.hero-title{font-size:clamp(34px,3.5vw,52px)!important;margin-bottom:10px!important}.hero-subtitle{margin-bottom:10px!important}.hero-description{line-height:1.42!important;margin-bottom:10px!important}.hero-launch-note{margin-bottom:10px!important}.hero-cta{min-height:52px!important;padding:12px 30px!important}.hero-product-visual{transform:scale(.88)!important;transform-origin:center!important}}.lead-form-container{max-width:600px;margin:0 auto;background:#fff;padding:40px 40px 50px;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:visible}.lead-form-container h2{font-size:32px;font-weight:700;margin-bottom:10px;color:#1a1a1a;text-align:center}.form-subtitle{font-size:16px;color:#666;text-align:center;margin-bottom:30px;line-height:1.6}.lead-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:16px;font-weight:600;color:#333}.form-group input{padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;font-family:Tajawal,sans-serif;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea}.form-group input::placeholder{color:#999}.form-error{background:#fee;color:#c33;padding:12px;border-radius:8px;font-size:14px;text-align:center;white-space:pre-line;line-height:1.6}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;font-size:18px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:Tajawal,sans-serif;margin-top:10px;line-height:1.5;min-height:60px;display:inline-flex;align-items:center;justify-content:center;width:100%;white-space:normal;text-align:center;overflow:visible}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.submit-button:disabled{opacity:.6;cursor:not-allowed}.form-note{font-size:13px;color:#888;text-align:center;margin-top:10px;line-height:1.5}.lead-form-success{max-width:600px;margin:0 auto;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.lead-form-success h3{font-size:32px;font-weight:700;margin-bottom:10px;color:#1a1a1a}.lead-form-success p{font-size:18px;color:#666;margin-bottom:10px}.success-message{font-size:16px;color:#667eea;font-weight:600}@media (max-width: 768px){.lead-form-container,.lead-form-success{padding:30px 20px 40px}.lead-form-container h2,.lead-form-success h3{font-size:26px}.form-subtitle{font-size:14px}.submit-button{font-size:16px;padding:14px 28px}}@media (min-width: 769px){.form-section{padding-top:42px!important;padding-bottom:72px!important;overflow:visible!important}.lead-form-container,.lead-form,.form-group,.submit-button{overflow:visible!important;height:auto!important;max-height:none!important}.lead-form-container{padding:34px 40px 44px!important}.form-group{margin-bottom:14px!important}.form-group input{min-height:46px!important;padding-top:12px!important;padding-bottom:12px!important}.submit-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:56px!important;padding:14px 28px!important;line-height:1.55!important;white-space:nowrap!important;text-align:center!important;box-sizing:border-box!important}.form-note{margin-top:12px!important}}@media (min-width: 769px) and (max-height: 760px){.form-section{padding-top:28px!important;padding-bottom:54px!important}.lead-form-container{padding:26px 36px 32px!important}.lead-form-container h2{margin-bottom:10px!important}.form-subtitle{margin-bottom:16px!important}.form-group{margin-bottom:10px!important}.submit-button{min-height:52px!important;padding:12px 26px!important}}.landing-page{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;padding:20px 0;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:100}.brand-name{font-size:28px;font-weight:900;color:#1a1a1a;letter-spacing:2px;text-align:center}main{flex:1}.section-title{font-size:38px;font-weight:700;margin-bottom:20px;color:#1a1a1a;text-align:center;line-height:1.3}.section-description{font-size:19px;line-height:1.7;color:#555;max-width:800px;margin:0 auto 40px;text-align:center}.benefits-section{padding:65px 0;background:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.benefit-card{text-align:center;padding:32px 26px;background:#fafafa;border-radius:16px;transition:all .3s ease}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000014;background:#fff}.benefit-icon{font-size:52px;margin-bottom:18px}.benefit-card h3{font-size:23px;font-weight:700;margin-bottom:10px;color:#1a1a1a}.benefit-card p{font-size:16px;line-height:1.6;color:#666}.target-section{padding:65px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:42px}.target-card{text-align:center;padding:30px 24px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000f;transition:all .3s ease}.target-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.target-icon{font-size:46px;margin-bottom:14px}.target-card h3{font-size:21px;font-weight:700;margin-bottom:9px;color:#1a1a1a}.target-card p{font-size:15px;line-height:1.6;color:#666}.experience-section{padding:65px 0;background:#fff}.experience-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:42px;margin-top:48px;max-width:1000px;margin-left:auto;margin-right:auto}.experience-item{text-align:center;padding:26px 18px}.experience-number{font-size:46px;font-weight:700;opacity:1;color:#7a4f2a;margin-bottom:18px;font-family:Georgia,serif}.experience-item h3{font-size:23px;font-weight:700;margin-bottom:10px;color:#1a1a1a}.experience-item p{font-size:16px;line-height:1.6;color:#666}.brand-story-section{padding:65px 0;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff}.brand-story-section .section-title{color:#fff}.brand-story-content{max-width:900px;margin:0 auto}.brand-story-text{font-size:19px;line-height:1.8;text-align:center;margin-bottom:42px;opacity:.95}.brand-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;margin-top:42px}.brand-value{text-align:center;padding:26px 18px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:8px}.value-label{font-size:23px;font-weight:700;display:block}.value-desc{font-size:15px;opacity:.9;display:block}.launch-section{padding:65px 0;background:#fff}.launch-description{font-size:18px;line-height:1.7;color:#555;max-width:800px;margin:0 auto 42px;text-align:center}.launch-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;max-width:900px;margin:0 auto}.launch-benefit{display:flex;align-items:center;gap:14px;padding:22px 26px;background:#f8f9fa;border-radius:12px;font-size:16px;font-weight:600;color:#1a1a1a;transition:all .3s ease}.launch-benefit:hover{background:#e9ecef;transform:translate(-5px)}.launch-icon{font-size:30px;flex-shrink:0}.form-section{padding:65px 0 80px;background:#f8f9fa;overflow:visible}.final-cta-section{padding:70px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.final-cta-section h2{font-size:40px;font-weight:700;margin-bottom:18px;color:#fff}.final-cta-section p{font-size:19px;margin-bottom:34px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-button{background:#fff;color:#667eea;border:none;padding:19px 48px;font-size:19px;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:Tajawal,sans-serif;box-shadow:0 8px 24px #0000004d,0 4px 12px #0003;animation:ctaPulse 5s ease-in-out infinite}@keyframes ctaPulse{0%,to{transform:translate(0)}2%{transform:translate(-3px)}4%{transform:translate(3px)}6%{transform:translate(-2px)}8%{transform:translate(0)}}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0006,0 6px 16px #00000040;animation:none}@media (prefers-reduced-motion: reduce){.cta-button{animation:none}}.footer{background:#1a1a1a;color:#fff;padding:30px 0;text-align:center}.footer p{margin:0;opacity:.8}@media (max-width: 768px){.brand-name{font-size:22px}.section-title{font-size:29px;margin-bottom:18px}.section-description{font-size:17px;margin-bottom:34px}.benefits-section{padding:50px 0}.benefits-grid{grid-template-columns:1fr;gap:22px;margin-top:36px}.benefit-card{padding:28px 20px}.benefit-icon{font-size:46px}.benefit-card h3{font-size:20px}.benefit-card p{font-size:15px}.target-section{padding:50px 0}.target-grid{grid-template-columns:1fr;gap:20px;margin-top:34px}.target-card{padding:26px 20px}.target-icon{font-size:40px}.target-card h3{font-size:19px}.experience-section{padding:50px 0}.experience-content{grid-template-columns:1fr;gap:32px;margin-top:36px}.experience-number{font-size:40px}.experience-item h3{font-size:20px}.experience-item p{font-size:15px}.brand-story-section{padding:50px 0}.brand-story-text{font-size:17px;margin-bottom:36px}.brand-values{grid-template-columns:1fr;gap:20px;margin-top:36px}.value-label{font-size:20px}.value-desc{font-size:14px}.launch-section{padding:50px 0}.launch-description{font-size:17px;margin-bottom:36px}.launch-benefits{grid-template-columns:1fr;gap:20px}.launch-benefit{padding:19px 20px;font-size:15px}.launch-icon{font-size:26px}.form-section{padding:50px 0 65px}.final-cta-section{padding:52px 0}.final-cta-section h2{font-size:29px}.final-cta-section p{font-size:17px;margin-bottom:28px}.cta-button{padding:17px 40px;font-size:17px}}@media (max-width: 480px){.section-title{font-size:26px}.benefits-grid,.target-grid,.experience-content,.brand-values,.launch-benefits{gap:18px}.benefit-card,.target-card{padding:24px 18px}.final-cta-section h2{font-size:26px}.cta-button{padding:15px 36px;font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;color:#1a1a1a}#root{min-height:100vh}