@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#040912;--bg2:#071321;--card:rgba(10,24,40,.78);--card2:#0c1d31;--line:rgba(100,165,225,.16);--text:#f2f7ff;--muted:#879db5;--blue:#3d91ff;--blue2:#62b5ff;--cyan:#36dcff;--green:#2bd675;--red:#ff5c72;--shadow:0 22px 70px rgba(0,0,0,.38);--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 50% -10%,rgba(61,145,255,.18),transparent 34%),radial-gradient(circle at 100% 35%,rgba(54,220,255,.06),transparent 26%),linear-gradient(180deg,#071321 0%,#03070d 100%)}body.modal-open{overflow:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.container{width:min(1120px,92%);margin:auto}
/* NAV */
.navbar{position:sticky;top:0;z-index:80;height:72px;background:rgba(3,9,17,.78);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(22px)}.nav-container{width:min(1180px,94%);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-logo{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#5cb2ff,#1765c9);box-shadow:0 10px 30px rgba(61,145,255,.3);color:white}.brand-logo img{width:100%;height:100%;object-fit:cover}.brand-info{display:grid;gap:2px;min-width:0}.brand-info strong{font-size:15px;white-space:nowrap}.brand-info span{font-size:9px;letter-spacing:1.5px;color:#6e8aa5;font-weight:800}.nav-menu{display:flex;align-items:center;gap:6px}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:12px;color:#91a7bd;font-size:12px;font-weight:700;transition:.2s}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(61,145,255,.1)}.nav-link i{color:#5caaff}.nav-actions{display:flex}.nav-wa{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(43,214,117,.2);border-radius:12px;background:rgba(43,214,117,.08);color:#7aeea8;font-size:11px;font-weight:800}.nav-wa:hover{background:rgba(43,214,117,.14)}
/* HERO */
.hero{width:min(1180px,94%);margin:24px auto 0;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(13,42,69,.94),rgba(5,16,28,.96));box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-240px;border-radius:50%;background:rgba(61,145,255,.13);filter:blur(35px)}.hero-container{min-height:390px;padding:55px 58px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:30px;position:relative}.hero-content{position:relative;z-index:2}.hero-badge,.section-label,.banner-label{display:inline-flex;align-items:center;gap:8px;color:#6bb8ff;font-size:10px;font-weight:900;letter-spacing:1.7px}.badge-dot,.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(43,214,117,.8);display:inline-block}.hero h1{font-size:clamp(38px,6vw,66px);line-height:1;letter-spacing:-3px;margin:14px 0}.hero h1 span{display:block;background:linear-gradient(90deg,#fff,#65b7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content>p{max-width:620px;color:var(--muted);font-size:14px;line-height:1.8}.hero-buttons{display:flex;gap:10px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border-radius:12px;font-size:12px;font-weight:800;transition:.2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#5aaaff,#287be2);box-shadow:0 10px 28px rgba(61,145,255,.2)}.btn-secondary{color:#b8c9da;background:#102941;border:1px solid rgba(100,165,225,.15)}.btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-full{width:100%}.hero-stats{display:flex;gap:28px;margin-top:30px}.hero-stat{display:grid;gap:5px}.hero-stat strong{font-size:18px}.hero-stat strong i{color:#62b5ff}.hero-stat span{font-size:10px;color:#7189a1}.hero-visual{display:flex;justify-content:center;position:relative;z-index:2}.hero-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(61,145,255,.13);filter:blur(30px)}.hero-card{width:min(280px,100%);padding:22px;border-radius:24px;border:1px solid rgba(116,185,240,.2);background:linear-gradient(160deg,rgba(19,54,87,.9),rgba(6,17,29,.9));box-shadow:0 30px 80px rgba(0,0,0,.35);transform:rotate(2deg)}.hero-card-top{display:flex;align-items:center;gap:8px;color:#91a9c0;font-size:9px;font-weight:800}.hero-card-top .online-dot{margin-right:auto}.hero-card-logo{width:105px;height:105px;margin:25px auto 18px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:rgba(61,145,255,.1);border:1px solid rgba(98,181,255,.15)}.hero-card-logo img{width:100%;height:100%;object-fit:cover}.hero-card-text{text-align:center;display:grid;gap:6px}.hero-card-text strong{font-size:15px}.hero-card-text span{font-size:9px;color:#7891aa}.hero-card-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.hero-card-bottom div{padding:9px;border-radius:10px;background:rgba(255,255,255,.04);font-size:8px;color:#91a9c0}.hero-card-bottom i{color:#61b5ff}
/* BANNER */
.banner-section{padding-top:24px}.banner-card{height:300px;position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#091a2b;box-shadow:var(--shadow)}.banner-card>img{width:100%;height:100%;object-fit:cover;display:block}.banner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,18,.94),rgba(3,10,18,.58),rgba(3,10,18,.12))}.banner-content{position:absolute;z-index:2;left:6%;top:50%;transform:translateY(-50%);max-width:590px}.banner-content h2{font-size:clamp(28px,5vw,50px);letter-spacing:-2px;margin:10px 0}.banner-content p{color:#9bb0c4;font-size:12px;line-height:1.7;max-width:500px}.banner-content .btn{margin-top:8px}
/* PRODUCTS */
.products-section{padding:65px 0 20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:28px;letter-spacing:-1px;margin:9px 0 5px}.section-heading p{color:var(--muted);font-size:12px;margin:0}.product-count{display:flex;align-items:center;gap:8px;color:#8fa6bd;font-size:11px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(10,25,42,.55)}.product-count i{color:#5eafff}.categories{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.category-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;color:#8fa6bd;background:#0b1d30;border:1px solid var(--line);font-size:11px;font-weight:800;transition:.2s}.category-btn:hover,.category-btn.active{color:#fff;background:rgba(61,145,255,.13);border-color:rgba(61,145,255,.45);box-shadow:0 8px 25px rgba(61,145,255,.08)}.category-btn i{color:#58aaff}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(13,37,61,.9),rgba(5,15,26,.96));box-shadow:0 15px 45px rgba(0,0,0,.22);transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:rgba(61,145,255,.42);box-shadow:0 25px 60px rgba(0,0,0,.32)}.product-card.out-of-stock{opacity:.72}.product-image{height:170px;position:relative;overflow:hidden;background:linear-gradient(135deg,#102c47,#071624)}.product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.product-card:hover .product-image img{transform:scale(1.04)}.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,9,16,.65))}.product-image-placeholder{height:100%;display:grid;place-items:center;color:#4f9de8;font-size:36px}.product-badge{position:absolute;z-index:2;top:12px;left:12px;padding:7px 9px;border-radius:20px;background:rgba(3,12,21,.78);border:1px solid rgba(98,181,255,.18);color:#8ec8ff;font-size:8px;font-weight:900;letter-spacing:.8px}.product-body{padding:18px}.product-category{display:block;color:#5daeff;font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.product-name{font-size:18px;margin:7px 0}.product-description{min-height:36px;color:#8198b0;font-size:11px;line-height:1.6;margin:0 0 16px}.product-bottom{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:16px}.product-price{display:grid;gap:3px}.product-price span{font-size:8px;color:#637c94}.product-price strong{font-size:17px}.product-stock{font-size:9px;color:#6eeaa0;white-space:nowrap}.product-stock i{font-size:8px}.out-of-stock .product-stock{color:#ff7889}.product-buy-btn{border-radius:11px}
/* ABOUT */
.about-section{padding:70px 0 80px}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:stretch}.about-content{padding:10px 0}.about-content h2{font-size:32px;letter-spacing:-1.5px;margin:10px 0}.about-content>p{max-width:650px;color:var(--muted);font-size:13px;line-height:1.8}.about-features{display:grid;gap:12px;margin-top:24px}.feature-item{display:flex;align-items:center;gap:13px}.feature-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:rgba(61,145,255,.1);color:#60b1ff}.feature-item strong,.feature-item span{display:block}.feature-item strong{font-size:12px}.feature-item span{font-size:10px;color:#738ba3;margin-top:3px}.about-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,39,64,.9),rgba(6,17,29,.94));box-shadow:var(--shadow)}.about-card-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:rgba(61,145,255,.1);color:#61b3ff;font-size:25px}.about-card h3{margin:17px 0 4px}.about-card p{color:#7189a1;font-size:11px}.about-status{display:flex;align-items:center;gap:7px;margin:15px 0 22px;color:#74e8a0;font-size:10px;font-weight:800}
/* FOOTER */
.footer{border-top:1px solid var(--line);background:rgba(2,7,13,.8);padding:48px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:38px}.footer-brand{min-width:0}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo .brand-logo{width:38px;height:38px;flex-basis:38px}.footer-logo strong{font-size:14px}.footer-brand>p{max-width:390px;color:#71879e;font-size:11px;line-height:1.8;margin:15px 0}.social-links{display:flex;gap:8px}.social-links a{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#0d2238;color:#8fa8c0;font-size:13px}.social-links a:hover{color:#fff;background:#143250}.footer-column h4{font-size:11px;margin:3px 0 15px}.footer-column a{display:block;color:#758ca3;font-size:10px;margin:10px 0}.footer-column a:hover{color:#fff}.footer-column a i{margin-right:7px;color:#5cafff}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#526a82;font-size:9px}
/* FLOAT / MODAL / TOAST */
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:50px;background:#25d366;color:white;font-size:10px;font-weight:900;box-shadow:0 15px 40px rgba(37,211,102,.25)}.whatsapp-float i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#25d366;font-size:18px}.modal{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}.modal-content{position:relative;z-index:1;width:min(520px,100%);max-height:92vh;overflow:auto;padding:24px;border:1px solid rgba(100,165,225,.2);border-radius:24px;background:linear-gradient(145deg,#0c2137,#050f1b);box-shadow:0 35px 110px rgba(0,0,0,.6)}.modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;background:#132d47;color:#fff;font-size:17px}.modal-product-image{height:230px;overflow:hidden;border-radius:17px;background:#091b2d;margin-bottom:20px}.modal-product-image img{width:100%;height:100%;object-fit:cover}.modal-product-info h2{font-size:24px;margin:8px 0}.modal-product-info>p{color:var(--muted);font-size:12px;line-height:1.7}.modal-price{display:flex;justify-content:space-between;align-items:end;padding:15px;margin:18px 0;border-radius:14px;background:rgba(61,145,255,.07);border:1px solid rgba(61,145,255,.12)}.modal-price span{font-size:9px;color:#728aa2}.modal-price strong{font-size:21px}.toast{position:fixed;left:50%;bottom:25px;z-index:300;display:flex;align-items:center;gap:10px;min-width:260px;max-width:calc(100% - 30px);padding:12px 15px;border:1px solid rgba(100,165,225,.18);border-radius:14px;background:#0d2339;box-shadow:var(--shadow);transform:translate(-50%,25px);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(43,214,117,.1);color:#67e99a}.toast-content{display:grid;gap:3px}.toast-content strong{font-size:11px}.toast-content span{font-size:9px;color:#8299b0}.loader{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#03080f}.loader-box{display:grid;justify-items:center;gap:12px;color:#7f96ad;font-size:10px}.loader-spinner{width:30px;height:30px;border:3px solid #16304a;border-top-color:#55aaff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.nav-menu{display:none}.hero-container{grid-template-columns:1fr;padding:42px 28px}.hero-visual{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.about-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.product-count{align-self:flex-start}}
@media(max-width:520px){.navbar{height:66px}.nav-container{width:92%}.nav-wa span{display:none}.nav-wa{width:40px;height:40px;padding:0;justify-content:center}.hero{width:92%;margin-top:14px;border-radius:22px}.hero-container{min-height:0;padding:34px 22px}.hero h1{font-size:39px;letter-spacing:-2px}.hero-buttons{flex-direction:column}.hero-stats{gap:17px}.banner-card{height:250px;border-radius:20px}.banner-content{left:7%;right:7%}.banner-content h2{font-size:29px}.products-section{padding-top:45px}.categories{display:grid;grid-template-columns:1fr 1fr}.category-btn{justify-content:center}.products-grid{grid-template-columns:1fr 1fr;gap:10px}.product-image{height:125px}.product-body{padding:13px}.product-name{font-size:15px}.product-description{font-size:9px;min-height:29px}.product-price strong{font-size:14px}.product-stock{font-size:8px}.product-bottom{display:block}.product-stock{margin-top:7px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.whatsapp-float{right:13px;bottom:13px;width:52px;height:52px;padding:5px;justify-content:center}.whatsapp-float span{display:none}.whatsapp-float i{width:42px;height:42px}.modal-content{padding:18px}.modal-product-image{height:190px}}