@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_bace89c4-module__09p2wq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_bace89c4-module__09p2wq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.0ynx40_3oa9rk.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.1975l3y3401x_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.2o7m9ogm38dql.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.11ypmpdlzqdb_.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.3go-kn2r40gie.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.3bh2vc0w-r-ll.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_dfa0fe4f-module__tVwgva__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_dfa0fe4f-module__tVwgva__variable{--font-poppins:"Poppins", "Poppins Fallback"}
:root{--primary:#2d7a3a;--primary-light:#e8f5e9;--secondary:#f5a623;--accent:#ff6b35;--dark:#1f2937;--gray:#6b7280;--light-gray:#f3f4f6;--white:#fff;--bg-color:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--dark);min-height:100vh;position:relative;overflow-x:hidden}.blob{filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;position:absolute}.blob-1{background:linear-gradient(135deg,#2d7a3a66,#f5a62366);width:500px;height:500px;animation:10s ease-in-out infinite alternate float;top:-10%;left:-10%}.blob-2{background:linear-gradient(135deg,#ff6b354d,#1565c04d);width:600px;height:600px;animation:12s ease-in-out infinite alternate-reverse float;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{justify-content:space-between;align-items:center;padding:32px 0;display:flex}.logo{color:var(--primary);align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.lang-toggle{background:var(--white);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 6px -1px #0000000d}.lang-toggle:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.hero{justify-content:space-between;align-items:center;gap:60px;min-height:calc(100vh - 200px);padding:40px 0;display:flex}.hero-content{flex:1;max-width:540px;animation:.8s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.badge{background:var(--primary-light);color:var(--primary);border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}h1{color:var(--dark);margin-bottom:24px;font-size:56px;line-height:1.1}.highlight{color:var(--primary);display:inline-block;position:relative}.highlight:after{content:"";background:var(--secondary);opacity:.3;z-index:-1;border-radius:4px;width:100%;height:12px;position:absolute;bottom:5px;left:0}.hero-content p{color:var(--gray);margin-bottom:40px;font-size:18px;line-height:1.6}.notify-form{background:var(--white);border-radius:12px;gap:12px;padding:8px;display:flex;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.notify-form input{background:0 0;border:none;border-radius:8px;outline:none;flex:1;padding:16px 20px;font-size:16px}.notify-form button{background:var(--primary);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:0 32px;font-size:16px;font-weight:600;transition:all .3s}.notify-form button:hover{background:#23602d;box-shadow:0 4px 12px #2d7a3a4d}.success-message{color:var(--primary);background:var(--primary-light);border-radius:8px;margin-top:16px;padding:16px;font-weight:600}.hero-visual{perspective:1000px;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.glass-card{-webkit-backdrop-filter:blur(20px);width:100%;max-width:450px;transform-style:preserve-3d;background:#fff9;border:1px solid #ffffff80;border-radius:24px;padding:0;animation:6s ease-in-out infinite floatCard;box-shadow:0 25px 50px -12px #0000001a}@keyframes floatCard{0%{transform:translateY(0)rotateX(2deg)rotateY(-2deg)}50%{transform:translateY(-15px)rotateX(-2deg)rotateY(2deg)}to{transform:translateY(0)rotateX(2deg)rotateY(-2deg)}}.card-header{background:#ffffff80;border-bottom:1px solid #fff6;border-radius:24px 24px 0 0;padding:16px 24px}.dot-group{gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.card-body{flex-direction:column;gap:16px;padding:24px;display:flex}.mock-order{background:#ffffffb3;border-radius:16px;align-items:center;gap:16px;padding:16px;transition:transform .3s,box-shadow .3s;display:flex}.mock-order:hover{transform:translate(10px);box-shadow:0 10px 20px -5px #0000000d}.icon-box{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.green-bg{background:#e8f5e9}.orange-bg{background:#fff3e0}.blue-bg{background:#e3f2fd}.mock-details{flex:1}.mock-details .title{color:var(--dark);margin-bottom:4px;font-weight:600;display:block}.mock-details .subtitle{color:var(--gray);font-size:13px;display:block}.status-badge{border-radius:12px;padding:6px 12px;font-size:12px;font-weight:600}.status-badge.delivered{color:#2d7a3a;background:#e8f5e9}.status-badge.pending{color:#f5a623;background:#fff3e0}.status-badge.processing{color:#1565c0;background:#e3f2fd}.floating-element{background:var(--white);border-radius:20px;padding:12px 20px;font-size:14px;font-weight:600;animation:5s ease-in-out infinite alternate floatEl;position:absolute;box-shadow:0 15px 30px -5px #0000001a}.el-1{animation-delay:1s;top:20px;right:-20px}.el-2{animation-delay:2s;bottom:-20px;left:-30px}@keyframes floatEl{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.features{text-align:center;padding:80px 0}.section-title{margin-bottom:48px;font-size:32px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.feature-card{background:var(--white);border:1px solid var(--light-gray);border-radius:24px;padding:40px 24px;transition:all .3s;box-shadow:0 10px 30px -10px #0000000d}.feature-card:hover{border-color:var(--primary-light);transform:translateY(-10px);box-shadow:0 20px 40px -10px #0000001a}.feature-icon{background:var(--bg-color);border-radius:20px;margin-bottom:24px;padding:20px;font-size:48px;display:inline-block}.feature-card h3{margin-bottom:12px;font-size:20px}.feature-card p{color:var(--gray);line-height:1.6}footer{text-align:center;color:var(--gray);border-top:1px solid var(--light-gray);margin-top:40px;padding:40px 0}@media (max-width:992px){.hero{text-align:center;flex-direction:column;gap:80px}.hero-content{max-width:100%}.floating-element{display:none}h1{font-size:48px}}@media (max-width:768px){h1{font-size:36px}.notify-form{flex-direction:column}.notify-form button{padding:16px}}
