@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--bg:#080b14;--panel:#111726;--line:#252e40;--muted:#9aa6bb;--text:#f6f7fb;--violet:#8d71ff;--cyan:#56d6e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 22px Manrope;letter-spacing:-1px;display:flex;align-items:center;gap:7px}.brand b{color:#a995ff}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#9a7bff,#47c9df);color:#080b14;font-weight:900}.nav nav{display:flex;align-items:center;gap:28px;color:#b9c1d1;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;border:0;border-radius:10px;background:linear-gradient(110deg,#9879ff,#5b9dfb);color:white;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 8px 28px #745cff30}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-small{padding:11px 16px}.btn-ghost{background:#171f31;border:1px solid #303c53;box-shadow:none}.btn-mini{padding:9px 11px;font-size:11px;border-radius:7px}.btn-full{width:100%;padding:16px}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding-top:76px;padding-bottom:76px;min-height:570px}.eyebrow{font-size:10px;letter-spacing:2px;color:#9c8bff;font-weight:800}.eyebrow i,.live-tag i{display:inline-block;width:6px;height:6px;background:#55d6b0;border-radius:50%;margin-right:7px}.hero h1{font:800 clamp(38px,5vw,60px)/1.12 Manrope;letter-spacing:-2.6px;margin:20px 0}.hero h1 em,h2 em{font-style:normal;color:#a38cff}.hero-copy>p,.section-head p,.delivery p{color:var(--muted);line-height:1.8;font-size:15px;max-width:520px}.hero-actions{display:flex;gap:12px;margin:28px 0}.trust{display:flex;flex-wrap:wrap;gap:16px;color:#9ba8bb;font-size:10px}.hero-art{height:400px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(3px)}.orb1{width:290px;height:290px;background:#6c51d455;top:20px;right:20px}.orb2{width:210px;height:210px;background:#25b9cb30;bottom:5px;left:0}.glass-window{position:relative;width:92%;padding:15px;border:1px solid #47516b;background:#131b2bcc;border-radius:16px;box-shadow:0 30px 100px #0009;transform:rotate(-3deg);backdrop-filter:blur(18px)}.window-top{height:27px;border-bottom:1px solid #303a50;display:flex;align-items:flex-start;gap:5px;color:#75819a;font-size:8px}.window-top i{width:6px;height:6px;border-radius:50%;background:#7d83a0}.window-top span{margin-left:10px}.mock-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:90px 90px;gap:10px;padding-top:15px}.mock-tile{border:1px solid #303b53;border-radius:10px;padding:15px;background:#1b2740;color:#9f8cff;font-size:22px}.mock-tile small{display:block;font-size:9px;color:#c2c9d7;margin-top:14px}.mock-tile.big{grid-row:span 2;background:linear-gradient(145deg,#453b78,#1c2a48);color:#fff;font-size:18px}.mock-tile.big small{font-size:12px}.mock-line{height:5px;width:70%;background:#a28aff;border-radius:5px;margin-top:28px}.mock-tile.purple{background:#352b58}.mock-tile.blue{background:#173d59}.mock-tile.green{background:#16443f}.floating-price{position:absolute;right:-8px;bottom:18px;padding:14px 20px;border-radius:12px;background:#f8f7ff;color:#171526;box-shadow:0 10px 35px #0008;display:flex;flex-direction:column;transform:rotate(3deg)}.floating-price small{font-size:8px;letter-spacing:1px}.floating-price strong{font:800 30px Manrope}.floating-price em{font-size:10px;color:#697187}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{display:flex;flex-direction:column;align-items:center;gap:5px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{font:800 24px Manrope}.stats span{font-size:11px;color:var(--muted)}.catalog{padding-top:100px;padding-bottom:80px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-head h2,.delivery h2{font:800 40px/1.18 Manrope;letter-spacing:-1.5px;margin:12px 0}.count-pill,.category-count{font-size:9px;letter-spacing:1px;color:#a99aff;border:1px solid #473b72;padding:9px 12px;border-radius:30px}.category-block{margin:34px 0 45px}.category-title{display:flex;align-items:center;gap:14px;margin-bottom:18px}.category-icon{width:42px;height:42px;border-radius:12px;background:#282345;color:#b3a0ff;display:grid;place-items:center;font-size:20px}.category-title h3{margin:0 0 4px;font:700 18px Manrope}.category-title p{margin:0;color:#8793a9;font-size:11px}.category-count{margin-left:auto;color:#a4adc0;border-color:#30394b}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{border:1px solid #273247;border-radius:13px;overflow:hidden;background:#101725;transition:.2s}.product-card:hover{transform:translateY(-4px);border-color:#7160bc}.product-thumb{height:150px;position:relative;background:#1a2340;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.live-tag{position:absolute;top:10px;left:10px;background:#0b1525dd;border:1px solid #34475b;padding:5px 8px;border-radius:20px;font-size:8px;letter-spacing:.7px}.product-info{padding:14px}.product-info h4{font:700 14px Manrope;margin:0 0 7px}.product-info p{font-size:10px;line-height:1.5;color:#8995a9;min-height:30px}.card-actions{display:flex;gap:7px;margin-top:13px}.text-action{background:none;border:0;color:#a995ff;font-size:10px;padding:12px 0 0;cursor:pointer}.benefits{padding:65px 0 90px;border-top:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-grid>div{padding:23px;border:1px solid #273247;background:#101725;border-radius:12px}.benefit-grid span{font-size:24px;color:#a18aff}.benefit-grid h3{font:700 14px Manrope}.benefit-grid p{color:#8e9aaf;font-size:11px;line-height:1.7}.delivery{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:65px 0 100px;border-top:1px solid var(--line)}.delivery-steps{display:flex;flex-direction:column;gap:14px;justify-content:center}.delivery-steps>div{display:flex;gap:18px;padding:18px;border:1px solid #29344a;background:#111a29;border-radius:12px}.delivery-steps b{font:800 22px Manrope;color:#a28bff}.delivery-steps span{display:flex;flex-direction:column;gap:6px}.delivery-steps strong{font-size:13px}.delivery-steps small{font-size:11px;color:#8d99ad}.footer{border-top:1px solid var(--line);padding:38px 0}.footer-inner{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer p,.footer small{color:#8490a4;font-size:11px}.footer small{margin-left:auto}.socials{display:flex;gap:8px}.socials a{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#202a3e;color:#c4b6ff}.whatsapp{position:fixed;right:22px;bottom:22px;background:#20c76b;color:#062b17;border-radius:30px;padding:13px 18px;font-size:13px;font-weight:800;box-shadow:0 8px 25px #0007;z-index:5}.preview-page{padding:35px 0 90px}.back-link{color:#9b8aff;font-size:12px;display:inline-block;margin:18px 0}.preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start;margin-top:25px}.preview-image{width:100%;border-radius:15px;border:1px solid var(--line)}.preview-layout h1{font:800 38px Manrope}.preview-layout p{color:var(--muted);line-height:1.7}.preview-buttons{display:flex;gap:10px;margin:25px 0}.credential-box{border:1px solid var(--line);background:#111827;padding:17px;border-radius:12px;font-size:12px}.credential-box p{display:flex;justify-content:space-between;gap:10px;align-items:center}.credential-box button{background:#29334a;color:#fff;border:0;border-radius:5px;padding:6px 10px;cursor:pointer}.credential-box small{color:#8995a9}.checkout-page{display:grid;grid-template-columns:1fr 450px;gap:70px;padding:80px 0 100px;align-items:start}.checkout-intro h1{font:800 48px/1.15 Manrope;letter-spacing:-2px}.checkout-intro h1 em{color:#a38cff;font-style:normal}.checkout-intro p{color:var(--muted);line-height:1.8}.checkout-points{display:flex;flex-direction:column;gap:15px;margin-top:35px;color:#aab5c8;font-size:12px}.checkout-card{background:#111827;border:1px solid #2b354b;border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:15px}.checkout-card h2{font:700 20px Manrope;margin:0 0 5px}.order-line{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.order-line div{display:flex;flex-direction:column;gap:5px}.order-line b{font-size:12px}.order-line small,.secure-note{font-size:10px;color:#8d99ad}.order-line strong{white-space:nowrap}.checkout-card label,.admin-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#b9c3d4}.checkout-card input,.admin-form input,.admin-form textarea,.admin-form select{width:100%;background:#0a111e;border:1px solid #303b51;border-radius:8px;padding:12px;color:white;outline:none}.checkout-card input:focus,.admin-form input:focus{border-color:#8e77ff}.total-line{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);font-size:13px}.total-line strong{font-size:21px}.secure-note{text-align:center}.support-note{font-size:10px;color:#9aa6bb;text-align:center}.support-note a{color:#b39fff}.form-error{color:#ff9a9a;font-size:12px}.success-wrap{min-height:100vh;display:grid;place-items:center;padding:25px}.success-card{max-width:480px;width:100%;padding:38px;border:1px solid #2b3850;border-radius:18px;background:#111827;text-align:center}.success-icon,.failed-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#174c3a;color:#6ff0b4;font-size:28px}.failed-icon{background:#512d32;color:#ff9c9c}.success-card h1{font:800 27px Manrope}.success-card p{color:#a0acc0;font-size:13px;line-height:1.7}.success-card .btn{margin:20px 0}.success-card small{display:block;color:#8d99ad;font-size:10px}.admin-login{min-height:100vh;display:grid;place-items:center;padding:20px}.admin-login .checkout-card{width:min(420px,100%)}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.admin-side{background:#0d1422;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column;gap:10px}.admin-side>p{font-size:9px;letter-spacing:1.5px;color:#68758c;margin:35px 10px 10px}.admin-side>a:not(.brand){padding:12px;border-radius:8px;color:#aab4c7;font-size:12px}.admin-side>a.active,.admin-side>a:hover{background:#24213e;color:#c6b8ff}.admin-side form{margin-top:auto}.admin-side button{background:none;border:0;color:#aab4c7;padding:12px;cursor:pointer}.admin-main{padding:35px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-top h1{font:800 28px Manrope;margin:0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.admin-stats>div{padding:20px;border:1px solid var(--line);background:#111827;border-radius:12px;display:flex;flex-direction:column;gap:8px}.admin-stats small{color:#94a0b4;font-size:11px}.admin-stats b{font:800 25px Manrope}.admin-panel{margin-top:22px;padding:22px;border:1px solid var(--line);background:#111827;border-radius:12px;min-width:0}.admin-panel h2{font:700 17px Manrope;margin:0 0 17px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th,td{text-align:left;padding:12px;border-bottom:1px solid #293347}th{color:#98a4b8;font-weight:600}td{color:#d5dbea}td small{display:block;color:#8490a4;margin-top:4px}.status{padding:4px 7px;border-radius:20px;background:#3c354f;color:#c5b6ff}.status.paid{background:#174b39;color:#78edb2}.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.admin-form h2,.admin-form .btn,.admin-form .form-hint{grid-column:1/-1}.admin-form textarea{min-height:80px}.admin-form label{display:flex;flex-direction:row;align-items:center}.admin-form label input[type=checkbox]{width:auto}.manage-row{display:flex;align-items:center;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.manage-row span{color:#8d99ad;flex:1}.danger{background:#512b36;color:#ffb2bc;border:0;border-radius:6px;padding:7px 10px;cursor:pointer}.success-msg{color:#78edb2}.form-hint{font-size:11px;color:#a1adc0}.preview-page .masked{letter-spacing:2px}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{height:320px}.product-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.checkout-page{grid-template-columns:1fr;gap:30px}.delivery{gap:25px}.admin-shell{grid-template-columns:190px 1fr}.admin-main{padding:22px}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{width:calc(100% - 30px)}.nav{height:68px}.nav nav{gap:10px}.nav nav>a:not(.btn){display:none}.hero{padding:40px 0}.hero h1{font-size:39px}.hero-art{height:270px}.stats{grid-template-columns:repeat(2,1fr);gap:18px}.stats div:nth-child(2){border:0}.stats b{font-size:20px}.section-head{align-items:start;gap:12px;flex-direction:column}.section-head h2,.delivery h2{font-size:32px}.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-thumb{height:110px}.product-info{padding:10px}.product-info h4{font-size:12px}.card-actions{flex-direction:column}.benefit-grid{grid-template-columns:1fr 1fr}.delivery{grid-template-columns:1fr;padding:45px 0}.footer-inner{gap:12px}.footer small{margin:0}.preview-layout{grid-template-columns:1fr}.preview-layout h1{font-size:30px}.checkout-page{padding:35px 0}.checkout-intro h1{font-size:38px}.admin-shell{display:block}.admin-side{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;padding:12px;gap:3px}.admin-side .brand{width:100%;margin-bottom:8px}.admin-side>p{display:none}.admin-side>a:not(.brand){font-size:10px;padding:8px}.admin-side form{margin:0}.admin-side button{font-size:10px;padding:8px}.admin-main{padding:16px}.admin-stats{grid-template-columns:1fr 1fr}.admin-form{grid-template-columns:1fr}.admin-form h2,.admin-form .btn,.admin-form .form-hint{grid-column:auto}.manage-row{flex-wrap:wrap}.whatsapp{right:12px;bottom:12px}.count-pill{font-size:8px}}
/* Optional per-demo tutorial videos */
.tutorial-btn{background:linear-gradient(110deg,#1b8d7b,#2879a8);box-shadow:none}.tutorial-modal{display:none;position:fixed;inset:0;z-index:1000;background:#02050ddd;padding:22px;align-items:center;justify-content:center}.tutorial-modal.is-open{display:flex}.tutorial-dialog{width:min(820px,100%);background:#111827;border:1px solid #34415a;border-radius:16px;overflow:hidden;box-shadow:0 24px 90px #000b}.tutorial-modal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid #293449}.tutorial-modal-head strong{font:700 14px Manrope}.tutorial-close{width:32px;height:32px;border:0;border-radius:8px;background:#263249;color:white;font-size:23px;cursor:pointer}.tutorial-player{background:#000;aspect-ratio:16/9}.tutorial-player iframe,.tutorial-player video{display:block;width:100%;height:100%;border:0}.tutorial-preview{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#101725}.tutorial-preview h2{font:700 17px Manrope;margin:0 0 14px}.tutorial-embed{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:9px}.tutorial-embed iframe,.tutorial-video{width:100%;height:100%;border:0;border-radius:9px}.tutorial-embed iframe{position:absolute;inset:0}.tutorial-video{display:block;max-height:460px;background:#000}.tutorial-field{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;padding:13px;border:1px solid #34415a;border-radius:9px;background:#0c1422}.tutorial-field label{font-size:11px;color:#c6cfe0}.tutorial-field small{font-size:10px;color:#8f9cb2}.edit-details summary{cursor:pointer;color:#b5a4ff;padding:8px 0}.compact-edit{margin:12px 0;min-width:320px}.compact-edit .tutorial-field{grid-column:1/-1}.edit-details form[method=post]{margin:8px 0}.form-errors{padding:10px 14px;border:1px solid #8d3d4c;background:#351d27;border-radius:8px;color:#ffb5bf;font-size:12px}