@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--purple:#8b00ff;--purple2:#b000ff;--text:#1d1b22;--muted:#6d6875;--border:#eadcf5;--bg:#fff;--soft:#faf7ff;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);margin:0;font-family:Plus Jakarta Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,100% - 48px);margin:auto}.accent{color:var(--purple)}.nav{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #eee8f4;position:sticky;top:0}.navin{align-items:center;gap:30px;min-height:76px;display:flex}.brand{color:var(--purple);white-space:nowrap;align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.lunettaLogo{background:#fff;border:1px solid #eadcf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 5px 16px #8b00ff1f}.lunettaLogo img{object-fit:cover;width:100%;height:100%;display:block}.links{flex:1;justify-content:center;align-items:center;gap:30px;display:flex}.links a{color:#625e69;font-size:14px;font-weight:600;transition:all .2s}.links a:hover{color:var(--purple)}.navActions{align-items:center;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 18px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--purple), var(--purple2));box-shadow:0 8px 20px #8b00ff29}.btn.outline{color:#625e69;background:#fff;border-color:#cfc6d7}.bigBtn{min-height:52px;padding:12px 23px;font-size:16px}.hero{background:radial-gradient(circle at 80% 30%,#b964ff14,#0000 30%),#fff;padding:74px 0 78px}.heroGrid{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;display:grid}.badges{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.badge{border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:14px;font-weight:700;display:inline-flex}.badge.online{color:#00a96b;background:#e8fff3}.onlineDot,.liveDot{background:#00bb72;border-radius:50%;width:9px;height:9px;display:inline-block}.badge.purple{color:var(--purple);background:#f3e7ff}.hero h1{letter-spacing:-2.8px;margin:0;font-size:clamp(56px,5vw,80px);font-weight:800;line-height:1.08}.heroText{max-width:640px;color:var(--muted);margin:30px 0;font-size:21px;line-height:1.8}.checks{color:#6b6672;gap:12px;margin-bottom:28px;font-size:18px;display:grid}.checks div{align-items:center;gap:9px;display:flex}.checks span{width:22px;height:22px;color:var(--purple);background:#f0e5ff;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.heroButtons{flex-wrap:wrap;gap:12px;display:flex}.heroCard{background:#ffffffeb;border:1px solid #dfd4e8;border-radius:18px;padding:30px;box-shadow:0 22px 60px #3214500f}.heroCardTitle{color:#696472;align-items:center;gap:7px;margin-bottom:25px;font-size:14px;display:flex}.heroCardTitle b{color:#24212a}.featureBox{background:#faf7fc;border-radius:12px;align-items:flex-start;gap:15px;margin-bottom:11px;padding:16px;display:flex}.featureIcon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex}.purpleIcon{background:#eee2ff}.greenIcon{background:#def5e8}.yellowIcon{background:#fff7ba}.featureBox b{margin:3px 0 7px;font-size:15px;display:block}.featureBox p{color:#77717e;margin:0;font-size:17px;line-height:1.6}.rating{border-top:1px solid #e7dfea;align-items:center;gap:13px;margin-top:20px;padding-top:18px;display:flex}.stars,.quoteStars{color:#c17a00;letter-spacing:3px}.reviews{color:#13965d;background:#e6f8ed;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:13px;font-weight:700}.section{padding:85px 0}.section.alt{background:#faf7ff}.sectionTitle{text-align:center;margin-bottom:42px}.sectionTitle h2{letter-spacing:-1.2px;margin:0 0 9px;font-size:42px}.sectionTitle p{color:#77717e;margin:0;font-size:17px}.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.product{border:1px solid var(--border);background:#fff;border-radius:16px;min-width:0;padding:16px;transition:all .2s}.product:hover{transform:translateY(-4px);box-shadow:0 15px 35px #50147814}.productimg{background:#f3e8ff;border-radius:13px;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.productimg img{object-fit:cover;width:100%;height:100%;display:block}.productimg span{font-size:38px}.product h3{margin:13px 0 5px;font-size:17px;font-weight:800}.product p{color:#77717e;min-height:42px;margin:0 0 10px;font-size:13px;line-height:1.5}.price{color:var(--purple);margin-bottom:12px;font-size:19px;font-weight:800}.buyBtn{width:100%;min-height:42px;padding:9px 12px;font-size:13px}.emptyProducts{text-align:center;color:#888;grid-column:1/-1;padding:50px}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{border:1px solid var(--border);background:#fff;border-radius:16px;padding:28px}.stepIcon,.number{width:48px;height:48px;color:var(--purple);background:#f0e4ff;border-radius:13px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.step h3{margin:18px 0 8px;font-size:19px}.step p{color:#77717e;margin:0;font-size:16px;line-height:1.6}.testimonials{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.quote{border:1px solid var(--border);color:#55515d;background:#fff;border-radius:16px;padding:28px;font-size:16px;line-height:1.7}.quote b{color:#25222a;margin-top:18px;display:block}.footer{background:#fff;border-top:1px solid #eee7f2;padding:55px 0}.footerBrand{color:var(--purple);align-items:center;gap:10px;font-size:20px;display:flex}.footer p{color:#77717e;font-size:14px}html.dark body{color:#f7f3fa;background:#151219}html.dark .nav,html.dark .footer,html.dark .hero,html.dark .product,html.dark .step,html.dark .quote,html.dark .heroCard{color:#f7f3fa;background:#1b1720}html.dark .nav{border-color:#302938}html.dark .links a,html.dark .heroText,html.dark .checks,html.dark .sectionTitle p,html.dark .product p,html.dark .step p,html.dark .quote,html.dark .footer p,html.dark .featureBox p{color:#aaa2b2}html.dark .heroCard,html.dark .product,html.dark .step,html.dark .quote{border-color:#342c3b}html.dark .section.alt{background:#18141c}html.dark .featureBox{background:#231d29}html.dark .themeToggle{background:#241f29;border-color:#3b3342}html.dark .btn.outline{color:#ddd5e2;background:#1b1720;border-color:#4b4252}html.dark .productimg{background:#29212e}html.dark .footer{border-color:#302938}html.dark .lunettaLogo{border-color:#44374d}.admin{color:#201c25;background:#faf7ff;min-height:100vh}.adminbar{background:#fff;border-bottom:1px solid #eadcf5;justify-content:space-between;align-items:center;height:74px;padding:0 30px;display:flex}.adminBrand{color:var(--purple);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.adminBrand .lunettaLogo{width:44px;height:44px}.adminBrandText{flex-direction:column;justify-content:center;line-height:1.1;display:flex}.adminBrandText strong{color:var(--purple);white-space:nowrap;font-size:20px;font-weight:800;display:block}.adminBrandText small{color:#81788b;letter-spacing:.3px;margin-top:4px;font-size:12px;font-weight:700;display:block}.adminbody{grid-template-columns:235px 1fr;min-height:calc(100vh - 74px);display:grid}.side{background:#fff;border-right:1px solid #eadcf5;padding:28px 18px}.side a{color:#625c69;border-radius:10px;align-items:center;gap:10px;margin-bottom:5px;padding:13px 15px;font-weight:600;display:flex}.side a:hover,.side a.active{color:var(--purple);background:#f4e9ff}.main{padding:38px 32px}.adminHeading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.main h1{margin:0 0 8px}.main h2{margin-top:30px}.adminHeading p{color:#77717e;margin:0}.adminSection{margin-top:30px}.sectionHead{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.sectionHead h2{margin:0 0 6px}.sectionHead p{color:#77717e;margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat{background:#fff;border:1px solid #eadcf5;border-radius:16px;padding:25px}.stat span{color:#625c69;font-size:15px;display:block}.stat strong{margin-top:13px;font-size:28px;display:block}.table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #eadcf5;border-radius:14px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid #eee7f2;padding:15px}.table th{font-weight:800}.table tr:last-child td{border-bottom:0}.pill{color:#0b9a58;background:#e5faee;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.activePill{color:#0b9a58;background:#e5faee}.inactivePill{color:#81788b;background:#f1edf4}html.dark .admin{color:#f7f3fa;background:#151219}html.dark .adminbar,html.dark .side,html.dark .stat,html.dark .table{background:#1b1720;border-color:#342c3b}html.dark .adminbar{border-bottom-color:#302938}html.dark .side{border-right-color:#302938}html.dark .adminBrandText small,html.dark .adminHeading p,html.dark .sectionHead p,html.dark .stat span,html.dark .side a{color:#aaa2b2}html.dark .side a:hover,html.dark .side a.active{color:#c58aff;background:#2a2032}html.dark .table th,html.dark .table td{border-bottom-color:#302938}html.dark .table{color:#f7f3fa}html.dark .inactivePill{color:#aaa2b2;background:#302938}@media (max-width:1100px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.links{display:none}.heroGrid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:48px}.products,.steps,.testimonials{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}.adminbody{grid-template-columns:1fr}.side{display:none}}@media (max-width:600px){.wrap{width:min(100% - 28px,1180px)}.navin{min-height:68px}.navActions .btn{display:none}.hero{padding:50px 0}.hero h1{letter-spacing:-1.8px;font-size:40px}.heroText{font-size:17px}.heroCard{padding:20px}.section{padding:60px 0}.sectionTitle h2{font-size:30px}.products,.steps,.testimonials,.stats{grid-template-columns:1fr}.main{padding:25px 18px}.adminbar{padding:0 18px}.adminBrandText strong{font-size:18px}.sectionHead{flex-direction:column;align-items:flex-start}}.themeToggle{color:#6f35a8;cursor:pointer;background:#fff;border:1px solid #eadcf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:20px;line-height:1;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.themeToggle:hover{background:#f8efff;border-color:#d9b8ef;transform:translateY(-1px)}html.dark .themeToggle{color:#f5d7ff;background:#241f29;border-color:#403647}html.dark .themeToggle:hover{background:#302839;border-color:#5a4964}.purchaseOverlay{z-index:9999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#26103761;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.purchaseModal{background:#fff;border:1px solid #ead7f5;border-radius:24px;width:min(520px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 25px 80px #5a148233}.purchaseHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.purchaseHeader h2{color:#281044;margin:0 0 5px}.purchaseHeader p{color:#8a7597;margin:0;font-size:14px}.purchaseClose{color:#6d4b7e;cursor:pointer;background:#fff;border:1px solid #ead7f5;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1}.purchaseProduct{background:#fcf8ff;border:1px solid #eedff6;border-radius:16px;align-items:center;gap:15px;margin-bottom:22px;padding:14px;display:flex}.purchaseImage{background:#f3ddff;border-radius:14px;flex:0 0 76px;justify-content:center;align-items:center;width:76px;height:76px;display:flex;overflow:hidden}.purchaseImage img{object-fit:cover;width:100%;height:100%}.purchaseImage span{font-size:28px}.purchaseProduct h3{color:#281044;margin:0 0 5px;font-size:17px}.purchaseProduct p{color:#8a7597;margin:0 0 7px;font-size:13px}.purchaseProduct strong{color:#8b00ff;font-size:17px}.purchaseSection{margin-bottom:20px}.purchaseSection>label{color:#281044;margin-bottom:10px;font-weight:700;display:block}.deliveryOptions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.deliveryOption{text-align:left;cursor:pointer;background:#fff;border:1px solid #ead7f5;border-radius:14px;align-items:center;gap:10px;padding:13px;transition:all .2s;display:flex}.deliveryOption:hover{border-color:#c87cff}.deliveryOption.selected{background:#faf0ff;border-color:#a800ff;box-shadow:0 0 0 2px #a800ff14}.deliveryIcon{font-size:21px}.deliveryOption b{color:#321348;font-size:13px;display:block}.deliveryOption small{color:#9a83a5;margin-top:3px;font-size:11px;display:block}.shippingForm{margin-bottom:18px}.shippingForm .field{margin-bottom:14px}.shippingForm .field label{color:#321348;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.shippingForm input,.shippingForm textarea{box-sizing:border-box;color:#321348;width:100%;font:inherit;background:#fff;border:1px solid #e6d3f0;border-radius:11px;outline:none;padding:11px 12px}.shippingForm input:focus,.shippingForm textarea:focus{border-color:#b400ff;box-shadow:0 0 0 3px #b400ff14}.shippingForm textarea{resize:vertical}.shippingRow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.purchaseTotal{color:#684d78;border-top:1px solid #eee0f5;justify-content:space-between;align-items:center;margin-top:8px;padding:15px 0;display:flex}.purchaseTotal strong{color:#8b00ff;font-size:20px}.purchaseConfirm{width:100%;margin-top:4px}.purchaseCancel{color:#8b00ff;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;margin-top:8px;padding:10px}@media (max-width:600px){.purchaseOverlay{align-items:flex-end;padding:12px}.purchaseModal{border-radius:22px 22px 16px 16px;max-height:92vh;padding:18px}.deliveryOptions{grid-template-columns:1fr}.shippingRow{grid-template-columns:1fr;gap:0}.purchaseProduct{align-items:flex-start}}.sideLink{box-sizing:border-box;color:#51445c;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;margin:0;padding:13px 16px;font-size:18px;display:block}.sideLink:hover{color:#8b00ff;background:#faf0ff}.sideLink.active{color:#8b00ff;background:#f3dcff;font-weight:700}
