:root{--bg:#071017;--bg2:#0c171f;--panel:#101d25;--line:rgba(216,238,239,.12);--text:#edf5f2;--muted:#91a3a5;--cyan:#82efce;--lime:#cbf778;--orange:#ff9b68;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.12;z-index:-1;pointer-events:none}.ambient-a{width:420px;height:420px;background:#20b99a;top:5%;left:26%}.ambient-b{width:400px;height:400px;background:#5586bd;top:45%;right:-250px}.topbar{height:82px;padding:0 clamp(22px,5.5vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(7,16,23,.76);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:17px;line-height:1;letter-spacing:-.7px}.brand-mark{width:35px;height:35px;border:1px solid var(--cyan);color:var(--cyan);display:grid;place-items:center;font-size:22px;font-weight:500;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%)}.brand-light{font-weight:500;color:var(--cyan)}.brand small{font:8px var(--mono);display:block;color:var(--muted);letter-spacing:2.3px;margin-top:6px}.main-nav{display:flex;gap:34px;margin-left:40px}.nav-link{font-size:12px;color:var(--muted);transition:.2s}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:19px}.icon-btn,.menu-toggle{border:0;background:none;color:var(--text);font-size:29px;cursor:pointer}.cart-button{background:transparent;color:var(--text);border:1px solid var(--line);padding:9px 12px;display:flex;align-items:center;gap:10px;font-size:11px;cursor:pointer}.cart-button b{width:19px;height:19px;border-radius:50%;background:var(--cyan);color:#062019;display:grid;place-items:center;font:10px var(--mono)}.admin-shortcut{background:none;border:0;color:var(--muted);font:10px var(--mono);cursor:pointer}.menu-toggle{display:none}.hero{min-height:595px;padding:64px clamp(22px,9.4vw,150px) 55px;position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:45px;max-width:1600px;margin:auto}.hero-copy{position:relative;z-index:2}.eyebrow{font:10px var(--mono);letter-spacing:1.6px;color:var(--cyan);display:flex;align-items:center;gap:9px}.eyebrow i,.hud-live i{width:6px;height:6px;background:var(--lime);box-shadow:0 0 12px var(--lime);border-radius:50%}.hero h1{font-size:clamp(54px,6.2vw,88px);line-height:.99;letter-spacing:-5px;margin:23px 0 22px;font-weight:600}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--cyan);letter-spacing:-4px}.hero-copy>p{max-width:410px;color:var(--muted);font-size:14px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:31px}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 17px;font-size:11px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:#101b13}.button-primary:hover{background:#d9ff90}.button span{font-size:16px}.text-link{font-size:11px;color:var(--muted)}.text-link span{margin-left:6px;color:var(--cyan)}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:57px;color:var(--muted);font-size:9px;line-height:1.6}.hero-proof b{color:var(--text);font-size:10px}.avatars{display:flex}.avatars span{width:29px;height:29px;border-radius:50%;background:#1b3537;border:1px solid #345652;display:grid;place-items:center;margin-right:-7px;font:7px var(--mono);color:var(--cyan)}.hero-visual{height:450px;position:relative;isolation:isolate}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(125,233,204,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(125,233,204,.06) 1px,transparent 1px);background-size:34px 34px;transform:perspective(450px) rotateX(60deg) scale(1.45);transform-origin:center 80%;mask-image:radial-gradient(ellipse,#000 10%,transparent 68%);opacity:.55}.hero-glow{position:absolute;width:260px;height:260px;background:#3ff2c3;opacity:.17;filter:blur(80px);border-radius:50%;top:22%;left:36%;z-index:-1}.orbit{position:absolute;border:1px solid rgba(130,239,206,.15);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:390px;height:145px}.orbit-two{width:330px;height:240px;transform:translate(-50%,-50%) rotate(57deg)}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hud{position:absolute;z-index:2;display:flex;gap:25px;font:8px var(--mono);letter-spacing:1px;color:#829796}.hud b{font-weight:400;color:var(--cyan)}.hud-top{top:18px;left:13px}.hud-bottom{bottom:15px;left:13px;right:13px;justify-content:space-between}.hud-live{display:flex;align-items:center;gap:6px;color:var(--lime)}.hud-live i{width:5px;height:5px}.hero-chip{position:absolute;z-index:2;padding:8px 11px;border:1px solid rgba(130,239,206,.28);background:rgba(9,21,26,.68);font:8px var(--mono);color:var(--muted);backdrop-filter:blur(8px)}.hero-chip b{color:var(--cyan);font-weight:400}.chip-a{top:25%;right:2%}.chip-b{bottom:25%;left:2%}.hero-caption{position:absolute;z-index:2;right:4%;bottom:23%;display:flex;flex-direction:column;gap:4px;font:8px var(--mono);color:#79908d;letter-spacing:1px}.hero-caption b{font-size:11px;color:var(--text);letter-spacing:2px}.hero-index{position:absolute;bottom:23px;left:50%;display:flex;align-items:center;gap:11px;color:#758583;font:9px var(--mono)}.hero-index span:first-child{color:var(--cyan)}.hero-index i{width:38px;height:1px;background:var(--cyan)}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px clamp(22px,9.4vw,150px);display:grid;grid-template-columns:repeat(4,1fr);gap:22px;background:rgba(12,23,31,.58)}.trust-strip>div{display:flex;align-items:center;gap:13px}.trust-icon{font-size:22px;color:var(--cyan)}.trust-strip b,.trust-strip small{display:block}.trust-strip b{font-size:10px;font-weight:700}.trust-strip small{font-size:9px;color:var(--muted);margin-top:3px}.catalog-section{padding:105px clamp(22px,9.4vw,150px) 95px;max-width:1600px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-heading h2,.manifesto h2,.newsletter h2{font-weight:500;font-size:clamp(36px,4.5vw,58px);line-height:1.06;letter-spacing:-2px;margin:16px 0 0}.section-heading h2 em,.manifesto h2 em,.newsletter h2 em{letter-spacing:-2px}.section-heading>p{max-width:320px;font-size:11px;color:var(--muted);margin:0 6% 5px 20px}.catalog-tools{display:flex;align-items:center;gap:12px;margin-bottom:25px}.category-list{display:flex;gap:7px;flex-wrap:wrap;flex:1}.category-btn{background:transparent;border:1px solid var(--line);color:var(--muted);padding:8px 12px;font-size:9px;cursor:pointer;transition:.2s}.category-btn:hover,.category-btn.active{border-color:var(--cyan);color:var(--cyan);background:rgba(130,239,206,.06)}.search-field{height:35px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);color:var(--muted);padding:0 8px}.search-field>span{font-size:23px}.search-field input{width:120px;background:transparent;color:var(--text);border:0;outline:0;font-size:10px}.search-field kbd{font:8px var(--mono);border:1px solid var(--line);padding:2px 4px;color:#728382}.catalog-tools select{background:var(--bg);color:var(--muted);border:1px solid var(--line);padding:8px 9px;font-size:9px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{background:linear-gradient(145deg,rgba(20,36,43,.93),rgba(10,20,27,.95));border:1px solid var(--line);position:relative;min-width:0;transition:.25s;overflow:hidden}.product-card:hover{border-color:rgba(130,239,206,.45);transform:translateY(-4px)}.product-visual{height:215px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 65%,rgba(57,120,110,.2),transparent 62%);cursor:pointer}.product-visual::after{content:'';position:absolute;bottom:12px;width:70%;height:1px;background:linear-gradient(90deg,transparent,rgba(130,239,206,.23),transparent)}.product-visual canvas{width:100%;height:100%;position:absolute;inset:0}.product-visual .visual-fallback{width:95px;height:95px;border:1px solid var(--card-color,var(--cyan));color:var(--card-color,var(--cyan));display:grid;place-items:center;font:20px var(--mono);transform:rotate(45deg);box-shadow:0 0 40px color-mix(in srgb,var(--card-color,var(--cyan)) 20%,transparent)}.product-visual .visual-fallback span{transform:rotate(-45deg)}.product-tag{position:absolute;top:12px;left:13px;font:8px var(--mono);letter-spacing:.6px;color:var(--cyan);border:1px solid rgba(130,239,206,.25);padding:5px 7px;z-index:1}.view-3d{position:absolute;right:12px;top:12px;color:#b0c6c4;font:7px var(--mono);letter-spacing:.6px;z-index:1}.product-card-body{padding:0 15px 15px}.product-category{font:8px var(--mono);color:#91a8a3;letter-spacing:1px;text-transform:uppercase}.product-card h3{font-size:13px;line-height:1.45;min-height:38px;margin:8px 0 6px;font-weight:600}.product-spec{font-size:9px;color:var(--muted);min-height:16px}.product-card-bottom{border-top:1px solid var(--line);padding-top:13px;margin-top:13px;display:flex;align-items:center;justify-content:space-between}.product-price{font-size:13px;font-weight:700}.add-button{width:29px;height:29px;border:1px solid rgba(130,239,206,.35);background:rgba(130,239,206,.06);color:var(--cyan);font-size:18px;cursor:pointer}.add-button:hover{background:var(--cyan);color:var(--bg)}.catalog-foot{display:flex;justify-content:space-between;padding-top:20px;font:8px var(--mono);letter-spacing:1px;color:#748884}.loading-state{grid-column:1/-1;text-align:center;padding:60px;color:var(--muted);font:11px var(--mono)}.manifesto{border-block:1px solid var(--line);background:linear-gradient(100deg,rgba(20,36,38,.77),rgba(8,17,23,.92));padding:65px clamp(22px,14vw,220px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;position:relative;overflow:hidden}.manifesto-art{height:300px;display:grid;place-items:center;position:relative}.manifesto-orbit{width:260px;height:260px;border:1px solid rgba(130,239,206,.28);border-radius:50%;position:absolute;box-shadow:0 0 80px rgba(46,229,179,.09),inset 0 0 60px rgba(46,229,179,.06)}.manifesto-orbit::before,.manifesto-orbit::after{content:'';position:absolute;border:1px solid rgba(130,239,206,.17);border-radius:50%;inset:22px;transform:rotateX(70deg) rotate(20deg)}.manifesto-orbit::after{transform:rotateX(70deg) rotate(-35deg)}.manifesto-core{width:114px;height:114px;border:1px solid var(--cyan);background:radial-gradient(circle at 30% 20%,#245c50,#0c191e 68%);display:grid;place-items:center;align-content:center;gap:5px;box-shadow:0 0 50px rgba(130,239,206,.22);transform:rotate(45deg)}.manifesto-core span,.manifesto-core small{transform:rotate(-45deg)}.manifesto-core span{font-size:36px;font-weight:500;color:var(--cyan)}.manifesto-core small{font:6px var(--mono);letter-spacing:1px;color:#d4e2dc}.manifesto-scan{position:absolute;width:290px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform:rotate(-24deg);opacity:.55}.manifesto-copy h2{margin-bottom:20px}.manifesto-copy>p{font-size:11px;color:var(--muted);max-width:390px}.manifesto-stat{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);margin-top:28px;padding-top:17px;max-width:320px}.manifesto-stat>b{font:23px var(--mono);color:var(--cyan)}.manifesto-stat span{font-size:9px;color:var(--muted)}.manifesto-stat i{margin-left:auto;font-style:normal;color:var(--cyan)}.newsletter{padding:76px clamp(22px,12vw,190px);display:flex;justify-content:space-between;gap:55px;align-items:center;border-bottom:1px solid var(--line)}.newsletter h2{font-size:38px}.newsletter form{max-width:410px;width:100%}.newsletter label,.newsletter small{font-size:9px;color:var(--muted)}.newsletter form>div{display:flex;border-bottom:1px solid var(--cyan);margin:8px 0}.newsletter input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text);padding:12px 0;font-size:11px}.newsletter .button{padding:11px 14px}.newsletter small{font-size:8px}footer{padding:25px clamp(22px,5.5vw,90px);display:flex;align-items:center;justify-content:space-between;color:#768785;font:8px var(--mono);letter-spacing:.7px}footer .brand{font:800 15px var(--sans);color:var(--text);letter-spacing:-.5px}footer .brand-mark{width:30px;height:30px;font-size:18px}footer .brand small{font-size:7px}footer>span:last-child i{font-style:normal;color:var(--cyan)}
.overlay{position:fixed;inset:0;z-index:50;background:rgba(1,7,10,.78);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex}.modal{background:#0c171d;border:1px solid rgba(130,239,206,.24);position:relative;max-height:92vh;overflow:auto;box-shadow:0 30px 100px #0009}.close-btn{position:absolute;right:17px;top:12px;width:35px;height:35px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:24px;cursor:pointer;z-index:5}.product-modal{width:min(900px,100%);display:grid;grid-template-columns:1fr 1fr;min-height:470px}.modal-product-visual{min-height:400px;position:relative;background:radial-gradient(ellipse at center,#1c3837,#0a141a 65%);border-right:1px solid var(--line)}#product-canvas{position:absolute;inset:0;width:100%;height:100%}.visual-hint{position:absolute;bottom:18px;left:20px;font:8px var(--mono);color:#91aaa5;letter-spacing:.8px}.modal-product-info{padding:54px 35px 34px;display:flex;flex-direction:column;align-items:flex-start}.modal-product-info h2{font-size:27px;line-height:1.18;margin:14px 0 7px;letter-spacing:-1px}.product-specs{font-size:10px;color:var(--muted)}.modal-price{font-size:22px;color:var(--lime);font-weight:700;margin:15px 0}.modal-description{font-size:11px;color:var(--muted);line-height:1.8}.stock-line{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted);margin:15px 0 20px}.stock-line i{width:6px;height:6px;background:var(--lime);border-radius:50%}.full-button{width:100%;margin-top:auto}.drawer{height:100%;max-height:900px;width:min(480px,100%);background:#0c171d;border-left:1px solid var(--line);position:absolute;right:0;top:0;padding:30px 27px;display:flex;flex-direction:column}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.drawer-head h2{font-weight:500;font-size:25px;margin:7px 0 0}.drawer-head h2 span{font:10px var(--mono);color:var(--muted)}.drawer-head .close-btn{position:static}.cart-lines{overflow:auto;flex:1}.empty-cart{padding:60px 15px;text-align:center;color:var(--muted);font-size:12px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.cart-item h3{font-size:11px;margin:0 0 5px}.cart-item small{font-size:9px;color:var(--muted)}.cart-item-price{font-size:11px;color:var(--cyan);text-align:right}.quantity-control{display:flex;align-items:center;gap:9px;margin-top:12px}.quantity-control button{width:22px;height:22px;background:transparent;border:1px solid var(--line);color:var(--text);cursor:pointer}.quantity-control span{font:10px var(--mono)}.remove-item{background:none;border:0;color:#e58c82;font-size:9px;cursor:pointer;margin-left:8px}.drawer-bottom{border-top:1px solid var(--line);padding-top:16px}.subtotal,.summary-total{display:flex;align-items:center;justify-content:space-between;font-size:11px}.subtotal b,.summary-total b{font-size:16px;color:var(--lime)}.drawer-bottom>small{display:block;font-size:9px;color:var(--muted);margin:7px 0 15px}.continue-link{display:block;margin:13px auto 0;border:0;background:none;color:var(--muted);font-size:9px;cursor:pointer}.checkout-modal{width:min(920px,100%);padding:40px;display:grid;grid-template-columns:1.4fr .8fr;gap:42px}.checkout-main h2,.admin-login h2,.admin-head h2{font-weight:500;font-size:40px;line-height:1.03;letter-spacing:-2px;margin:11px 0}.checkout-main>p,.admin-login>p{font-size:10px;color:var(--muted);margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.admin-login label{font-size:9px;color:#b5c5c1;display:flex;flex-direction:column;gap:6px}.form-grid label small{color:var(--muted);display:inline}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.admin-login input,.add-product-form input{background:#101e25;border:1px solid var(--line);outline:none;padding:10px;color:var(--text);font-size:10px;border-radius:0}.form-grid input:focus,.form-grid textarea:focus,.admin-login input:focus{border-color:var(--cyan)}.form-grid textarea{resize:vertical}.payment-select{margin:19px 0 13px}.payment-select>.eyebrow{margin-bottom:9px;font-size:8px}.payment-option{border:1px solid var(--line);padding:11px;display:flex;align-items:center;gap:10px;margin:6px 0;cursor:pointer}.payment-option.selected{border-color:rgba(130,239,206,.6);background:rgba(130,239,206,.045)}.payment-option input{accent-color:#82efce}.pay-icon{width:31px;height:31px;display:grid;place-items:center;background:#15272d;color:var(--cyan);font-size:17px}.pay-vnpay{font-weight:800}.payment-option b,.payment-option small{display:block}.payment-option b{font-size:9px}.payment-option small{font-size:8px;color:var(--muted);margin-top:3px}.payment-option>i{margin-left:auto;width:10px;height:10px;border:1px solid #718580;border-radius:50%}.payment-option.selected>i{background:var(--cyan);border-color:var(--cyan);box-shadow:inset 0 0 0 2px #0c171d}.payment-notice{padding:10px;background:rgba(251,191,36,.07);border-left:2px solid #f5b94e;color:#d3c69b;font-size:8px;margin-bottom:12px}.submit-order{margin-top:0}.checkout-summary{background:#101c22;padding:22px;height:max-content;margin-top:30px}.checkout-summary>.eyebrow{font-size:8px;border-bottom:1px solid var(--line);padding-bottom:14px}.summary-line{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:9px}.summary-line span{color:var(--muted)}.summary-total{padding-top:17px;font-size:9px}.summary-total b{font-size:14px}.secure-note{margin-top:22px;display:flex;gap:8px;color:var(--cyan);font-size:13px}.secure-note span{font-size:8px;color:var(--muted)}.admin-modal{width:min(1100px,100%);padding:38px;min-height:450px}.admin-login{max-width:390px;margin:30px auto}.admin-login form{display:flex;flex-direction:column;gap:13px}.demo-hint{font-size:8px;color:#d3c69b}.admin-dashboard .admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head h2{font-size:32px}.admin-head .text-link{background:none;border:0;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.metric{background:#112027;border:1px solid var(--line);padding:15px}.metric small,.metric span{display:block;font:8px var(--mono);color:var(--muted)}.metric b{display:block;font-size:20px;margin:8px 0}.metric span{font:8px var(--sans)}.admin-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:13px}.admin-tabs button{background:none;border:0;color:var(--muted);font-size:10px;padding:11px 0;cursor:pointer;border-bottom:1px solid transparent}.admin-tabs button.active{color:var(--cyan);border-color:var(--cyan)}.admin-tab{max-height:300px;overflow:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:9px;min-width:750px}th{text-align:left;color:var(--muted);font:8px var(--mono);padding:10px;border-bottom:1px solid var(--line)}td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.status-select{background:#102027;color:var(--cyan);border:1px solid var(--line);font-size:8px;padding:5px}.add-product-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;margin:11px 0}.add-product-form input{min-width:0}.add-product-form input:nth-child(5){grid-column:span 3}.add-product-form .button{padding:8px;font-size:9px}.admin-products{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.admin-product-row{display:flex;justify-content:space-between;padding:9px;background:#101e24;font-size:9px}.admin-product-row small{color:var(--muted)}.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d7fa8a;color:#122018;padding:11px 17px;font-size:10px;font-weight:700;z-index:99;transition:.25s;box-shadow:0 8px 30px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.hero{padding-inline:7vw;gap:10px}.hero h1{font-size:68px}.hero-visual{height:390px}.trust-strip{padding-inline:7vw}.catalog-section{padding-inline:7vw}.product-grid{grid-template-columns:repeat(3,1fr)}.manifesto{padding-inline:8vw;gap:30px}.checkout-modal{gap:24px;padding:30px}.main-nav{gap:20px}.section-heading>p{max-width:270px;margin-right:0}}
@media(max-width:700px){.topbar{height:68px;padding-inline:18px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;margin:0;padding:20px;background:var(--bg2);border-bottom:1px solid var(--line);flex-direction:column;gap:16px}.main-nav.open{display:flex}.nav-actions{gap:12px}.admin-shortcut,.icon-btn{display:none}.menu-toggle{display:block;font-size:20px}.brand{font-size:15px}.hero{grid-template-columns:1fr;padding:56px 22px 34px;gap:0}.hero-copy{z-index:3}.hero h1{font-size:61px}.hero-proof{margin-top:32px}.hero-visual{height:310px;margin-top:-5px}.hero-index{display:none}.trust-strip{grid-template-columns:1fr 1fr;padding:18px 22px;gap:19px}.catalog-section{padding:68px 18px}.section-heading{display:block}.section-heading>p{margin:18px 0 0}.catalog-tools{flex-wrap:wrap}.category-list{flex-basis:100%;order:2}.search-field{flex:1}.search-field input{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-visual{height:165px}.product-card-body{padding-inline:11px}.product-card h3{font-size:11px;min-height:48px}.product-price{font-size:11px}.catalog-foot{font-size:7px}.manifesto{grid-template-columns:1fr;padding:45px 23px;gap:20px}.manifesto-art{height:240px;order:2}.manifesto-orbit{width:210px;height:210px}.newsletter{padding:52px 23px;display:block}.newsletter form{margin-top:27px}.newsletter h2{font-size:33px}footer{padding:19px;flex-wrap:wrap;gap:17px}footer>span:last-child{display:none}.product-modal{grid-template-columns:1fr;max-height:92vh}.modal-product-visual{min-height:270px;border-right:0;border-bottom:1px solid var(--line)}.modal-product-info{padding:25px}.modal-product-info h2{font-size:22px}.checkout-modal{display:block;padding:27px 20px}.checkout-summary{margin-top:23px}.checkout-main h2{font-size:34px}.form-grid{gap:9px}.drawer{padding:24px 18px}.admin-modal{padding:27px 17px}.metric-grid{grid-template-columns:1fr}.metric{padding:10px}.metric b{font-size:17px}.add-product-form{grid-template-columns:1fr 1fr}.add-product-form input:nth-child(5){grid-column:span 2}.admin-products{grid-template-columns:1fr}}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}.product-visual{height:220px}.trust-strip{grid-template-columns:1fr}.hero h1{font-size:53px}.hero-actions{gap:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.admin-product-row{align-items:center;gap:8px;flex-wrap:wrap}.admin-product-row>span{flex:1;min-width:180px}.admin-product-row label{font-size:8px;color:var(--muted)}.admin-product-row input{display:block;width:95px;background:#0a151a;color:var(--text);border:1px solid var(--line);padding:5px;font-size:9px}.save-product{background:transparent;border:1px solid rgba(130,239,206,.4);color:var(--cyan);padding:6px 9px;font-size:8px;cursor:pointer}
.product-art{position:absolute;inset:0;width:100%;height:100%;transition:transform .35s ease}.product-art svg{display:block;width:100%;height:100%}.product-card:hover .product-art{transform:scale(1.045)}
.product-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:20px;z-index:0;transition:transform .35s ease}.product-visual.has-photo .product-art{display:none}.product-card:hover .product-photo{transform:scale(1.035)}
.modal-product-visual #product-photo-large{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:25px;z-index:1;background:radial-gradient(ellipse at center,rgba(55,106,94,.18),transparent 72%)}.modal-product-visual #product-photo-large[hidden]{display:none}.modal-product-visual[data-mode="photo"] #product-canvas{display:none}.modal-product-visual[data-mode="3d"] #product-photo-large{display:none}.visual-tabs{position:absolute;top:14px;left:17px;display:flex;gap:4px;z-index:4;background:#071017bd;padding:4px;border:1px solid var(--line)}.visual-tabs button{border:0;background:transparent;color:var(--muted);padding:7px 10px;font:8px var(--mono);cursor:pointer}.visual-tabs button.active{background:var(--cyan);color:#071017}

/* Checkout visual: a decorative 3D card, not a payment form. */
.checkout-visual{position:relative;isolation:isolate;min-height:190px;margin:22px 0 17px;display:grid;place-items:center;overflow:hidden;perspective:900px;border:1px solid rgba(130,239,206,.16);background:radial-gradient(ellipse at 50% 55%,rgba(36,114,98,.28),transparent 66%),linear-gradient(145deg,#0a171c,#102328 55%,#0b151b)}
.checkout-visual:before{content:"";position:absolute;width:205px;height:115px;border:1px solid rgba(130,239,206,.22);border-radius:50%;transform:rotateX(68deg) rotateZ(-18deg);box-shadow:0 0 34px rgba(73,220,183,.09);animation:checkout-orbit 16s linear infinite;pointer-events:none}
.checkout-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.025) 50%,transparent 75%);background-size:220% 100%;animation:checkout-scan 7s ease-in-out infinite;pointer-events:none}
.checkout-card-3d{position:relative;z-index:1;width:min(270px,76%);aspect-ratio:1.68;padding:15px 17px;border:1px solid rgba(190,255,235,.56);border-radius:15px;background:linear-gradient(135deg,rgba(36,93,80,.96),rgba(15,41,43,.96) 48%,rgba(10,25,34,.98));box-shadow:0 22px 42px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.2),0 0 30px rgba(66,219,183,.15);transform-style:preserve-3d;transform:rotateX(13deg) rotateY(-17deg) translateZ(8px);animation:checkout-float 5.5s ease-in-out infinite;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.checkout-card-3d:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(122deg,transparent 20%,rgba(255,255,255,.13) 48%,transparent 69%);transform:translateZ(2px);pointer-events:none}
.checkout-visual:hover .checkout-card-3d{animation:none;transform:rotateX(4deg) rotateY(0deg) translateZ(22px) scale(1.035)}
.checkout-card-brand,.checkout-card-footer{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1.2px;color:#d7f8ec}
.checkout-card-brand b{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--cyan);color:var(--cyan);font:13px var(--sans);transform:rotate(45deg)}
.checkout-card-chip{position:relative;width:34px;height:25px;margin-top:15px;border:1px solid rgba(220,198,132,.86);border-radius:6px;background:linear-gradient(135deg,#b99c5d,#6f6744);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.checkout-card-chip i{border:1px solid rgba(41,48,38,.45)}
.checkout-card-label{margin-top:10px;font:7px var(--mono);letter-spacing:.65px;color:#d7f8ec}
.checkout-card-footer{position:absolute;left:17px;right:17px;bottom:13px;color:#93b4a9;font-size:6px}
.checkout-card-footer b{color:var(--cyan);font-size:7px}
.checkout-visual>small{position:absolute;z-index:2;left:8px;right:8px;bottom:7px;text-align:center;font:6px var(--mono);letter-spacing:.4px;color:#92aaa5;text-shadow:0 1px 6px #071017}
@keyframes checkout-float{0%,100%{transform:rotateX(13deg) rotateY(-17deg) translateY(0) translateZ(8px)}50%{transform:rotateX(17deg) rotateY(-11deg) translateY(-6px) translateZ(13px)}}
@keyframes checkout-orbit{to{transform:rotateX(68deg) rotateZ(342deg)}}
@keyframes checkout-scan{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media(max-width:700px){.checkout-visual{min-height:170px;margin:18px 0 14px}.checkout-card-3d{width:min(250px,78%)}}
@media(prefers-reduced-motion:reduce){.checkout-card-3d,.checkout-visual:before,.checkout-visual:after{animation:none!important}.checkout-visual:hover .checkout-card-3d{transform:none}}

/* Chuyển động giao diện ComputeCH */
.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p,.hero-actions,.hero-proof{opacity:0;animation:hero-copy-in .72s cubic-bezier(.2,.72,.22,1) forwards}
.hero-copy .eyebrow{animation-delay:.05s}.hero-copy h1{animation-delay:.14s}.hero-copy>p{animation-delay:.23s}.hero-actions{animation-delay:.32s}.hero-proof{animation-delay:.4s}
.hero-visual{opacity:0;animation:hero-visual-in 1s cubic-bezier(.16,.75,.25,1) .12s forwards}
.orbit-one{animation:orbit-drift 18s linear infinite}.orbit-two{animation:orbit-drift-reverse 23s linear infinite}
.hero-chip{animation:chip-hover 4.8s ease-in-out infinite}.chip-b{animation-delay:-2.2s}
.hero-grid{animation:grid-glow 5s ease-in-out infinite alternate}
.motion-reveal{opacity:0;filter:blur(5px);transform:translate3d(0,24px,0) scale(.99);transition:opacity .72s ease var(--motion-delay,0ms),transform .72s cubic-bezier(.2,.75,.2,1) var(--motion-delay,0ms),filter .72s ease var(--motion-delay,0ms)}
.motion-reveal.is-visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}
.product-card.motion-reveal.is-visible:hover{transform:translate3d(0,-5px,0) scale(1)}
.product-card{transform-style:preserve-3d;backface-visibility:hidden}.product-photo{will-change:transform}.add-button,.category-btn,.cart-button,.admin-shortcut,.text-link{transition:transform .22s ease,color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.add-button:hover{transform:translateY(-2px) rotate(90deg);box-shadow:0 0 18px rgba(130,239,206,.25)}
.category-btn:hover{transform:translateY(-2px)}
.overlay.open{animation:overlay-fade-in .28s ease both}.overlay.open .modal:not(.drawer){animation:modal-rise-in .42s cubic-bezier(.16,.8,.22,1) both}.overlay.open .drawer{animation:drawer-slide-in .38s cubic-bezier(.2,.75,.2,1) both}
.button-primary{box-shadow:0 6px 24px rgba(203,247,120,.08)}.button-primary:hover{box-shadow:0 10px 28px rgba(203,247,120,.2)}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes hero-visual-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes orbit-drift{to{transform:translate(-50%,-50%) rotate(335deg)}}
@keyframes orbit-drift-reverse{to{transform:translate(-50%,-50%) rotate(-303deg)}}
@keyframes chip-hover{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes grid-glow{from{opacity:.34}to{opacity:.68}}
@keyframes overlay-fade-in{from{opacity:0}to{opacity:1}}
@keyframes modal-rise-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes drawer-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p,.hero-actions,.hero-proof,.hero-visual,.orbit-one,.orbit-two,.hero-chip,.hero-grid,.overlay.open,.overlay.open .modal,.overlay.open .drawer{animation:none!important;opacity:1;filter:none}.motion-reveal,.motion-reveal.is-visible{opacity:1;filter:none;transform:none;transition:none}.product-card.motion-reveal.is-visible:hover{transform:none}}

/* Mô hình thùng máy CSS luôn hiển thị nếu Three.js hoặc WebGL không tải được. */
.hero-pc-stage{position:absolute;inset:8px 2px 10px;display:grid;place-items:center;perspective:950px;z-index:1;pointer-events:none;opacity:1;visibility:visible;transition:opacity .7s ease,visibility .7s ease}
#hero-canvas{display:none!important}
.hero-pc-model{position:relative;width:250px;height:338px;transform-style:preserve-3d;transform:rotateY(-25deg) rotateX(3deg);animation:pc-hologram-float 3.1s ease-in-out infinite;filter:drop-shadow(0 26px 25px rgba(0,0,0,.46))}
.hero-pc-front{position:absolute;left:4px;top:23px;width:188px;height:286px;overflow:hidden;border:1px solid rgba(170,255,232,.72);border-radius:12px 5px 5px 12px;background:linear-gradient(135deg,rgba(24,57,57,.88),rgba(7,19,25,.96) 55%,rgba(15,39,42,.92));box-shadow:inset 0 0 26px rgba(87,235,197,.15),0 0 25px rgba(70,221,186,.18);transform:translateZ(23px);backdrop-filter:blur(3px)}
.hero-pc-front:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 17%,rgba(218,255,243,.14) 42%,transparent 51%);animation:pc-glass-sheen 3.5s ease-in-out infinite;pointer-events:none}
.pc-brand{position:absolute;top:12px;left:13px;z-index:2;font:7px var(--mono);letter-spacing:1.8px;color:#bdfbe7}
.pc-fan{position:absolute;left:12px;width:55px;height:55px;border:1px solid rgba(130,239,206,.82);border-radius:50%;background:radial-gradient(circle,#a7ffe7 0 4px,#1d4741 5px 12px,transparent 13px),conic-gradient(from 0deg,rgba(116,255,218,.05),rgba(116,255,218,.85),rgba(116,255,218,.06),rgba(199,247,120,.72),rgba(116,255,218,.05));box-shadow:0 0 16px rgba(71,236,193,.37),inset 0 0 10px rgba(145,255,226,.35);animation:pc-fan-spin 1.7s linear infinite}
.pc-fan:before{content:"";position:absolute;inset:7px;border:1px solid rgba(186,255,236,.48);border-radius:50%;background:repeating-conic-gradient(from 15deg,rgba(159,255,227,.64) 0deg 12deg,transparent 13deg 45deg);mask:radial-gradient(circle,transparent 0 8px,#000 9px)}
.pc-fan:after{content:"";position:absolute;inset:22px;border-radius:50%;background:#b1ffe9;box-shadow:0 0 9px #82efce}
.pc-fan-one{top:48px}.pc-fan-two{top:112px;animation-delay:-.35s}.pc-fan-three{top:176px;animation-delay:-.7s}
.pc-gpu{position:absolute;z-index:1;right:9px;top:112px;width:83px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 7px;border:1px solid rgba(130,239,206,.75);background:linear-gradient(135deg,#273f3c,#111f25);box-shadow:0 0 15px rgba(130,239,206,.18);transform:translateZ(3px)}
.pc-gpu b{font:9px var(--mono);letter-spacing:1px;color:#dcfff2}.pc-gpu span{font:5px var(--mono);letter-spacing:.4px;color:#82efce}
.pc-memory{position:absolute;right:15px;top:48px;display:flex;gap:4px;height:53px}.pc-memory i{display:block;width:8px;height:48px;border:1px solid rgba(203,247,120,.7);background:linear-gradient(#c9fa7c,#35634d 42%,#152825);box-shadow:0 0 8px rgba(203,247,120,.38);animation:ram-glow 1.9s ease-in-out infinite alternate}.pc-memory i:nth-child(2){animation-delay:.25s}.pc-memory i:nth-child(3){animation-delay:.5s}.pc-memory i:nth-child(4){animation-delay:.75s}
.pc-status{position:absolute;bottom:10px;left:13px;font:6px var(--mono);letter-spacing:1px;color:#a1f7a6}
.hero-pc-side{position:absolute;left:192px;top:23px;width:46px;height:286px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border:1px solid rgba(130,239,206,.54);border-left:0;border-radius:0 7px 7px 0;background:linear-gradient(90deg,#18312f,#0d1a20 75%);transform:translateZ(23px) rotateY(90deg);transform-origin:left center;color:#8ce8cb}
.hero-pc-side b{font:6px var(--mono);writing-mode:vertical-rl;letter-spacing:1.4px}.hero-pc-side span{font:8px var(--mono);line-height:1.8;letter-spacing:1px;text-align:center}.hero-pc-side i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px var(--lime)}
.hero-pc-top{position:absolute;left:4px;top:0;width:188px;height:46px;border:1px solid rgba(130,239,206,.5);border-radius:8px 5px 0 0;background:linear-gradient(135deg,#253d3b,#0a151b);transform:translateZ(0) rotateX(60deg);transform-origin:bottom center}
.hero-pc-base{position:absolute;left:0;bottom:13px;width:244px;height:12px;border:1px solid rgba(130,239,206,.45);border-radius:50%;background:radial-gradient(ellipse,rgba(130,239,206,.35),rgba(7,16,23,.05) 68%);box-shadow:0 0 24px rgba(130,239,206,.23);transform:rotateX(70deg)}
@keyframes pc-hologram-float{0%,100%{transform:rotateY(-25deg) rotateX(3deg) translateY(1px)}50%{transform:rotateY(-14deg) rotateX(6deg) translateY(-13px)}}
@keyframes pc-fan-spin{to{rotate:360deg}}
@keyframes pc-glass-sheen{0%,100%{transform:translateX(-110%)}50%{transform:translateX(110%)}}
@keyframes ram-glow{from{filter:brightness(.75)}to{filter:brightness(1.5)}}
@media(max-width:700px){.hero-pc-model{transform:scale(.84) rotateY(-25deg) rotateX(3deg);animation:pc-mobile-float 3.1s ease-in-out infinite}.hero-pc-side{left:192px}}
@keyframes pc-mobile-float{0%,100%{transform:scale(.84) rotateY(-25deg) rotateX(3deg) translateY(1px)}50%{transform:scale(.84) rotateY(-14deg) rotateX(6deg) translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.hero-pc-model,.hero-pc-front:after,.pc-fan,.pc-memory i{animation:none!important}.hero-pc-model{transform:rotateY(-18deg) rotateX(2deg)}}