/* NEXORA Bản mẫu tĩnh — chỉ HTML + CSS. Không scripts hay ngoại tuyến nội dung. */
:root{--ink:#08111f;--ink-2:#0e1b2e;--panel:#14253d;--line:rgba(166,211,239,.17);--text:#ecf7ff;--muted:#95aabd;--cyan:#39c6ff;--cyan-2:#8be5ff;--violet:#a78bfa;--green:#3ee2a3;--display:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--text);background:radial-gradient(circle at 90% 4%,rgba(52,176,255,.12),transparent 27rem),var(--ink);font-family:var(--display);line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 3rem));margin:auto}.topline{min-height:34px;display:flex;align-items:center;gap:.55rem;padding:0 max(1.5rem,calc((100vw - 1180px)/2));color:#9db9cf;border-bottom:1px solid rgba(151,203,237,.1);background:rgba(6,12,24,.8);font-family:var(--mono);font-size:.58rem;letter-spacing:.07em}.topline-copy{margin-left:auto;color:#6e91aa}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.site-header{min-height:76px;display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.3rem;letter-spacing:-.07em}.brand span span{color:var(--cyan)}.brand-mark{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);font-size:.68rem;box-shadow:0 0 15px rgba(57,198,255,.25);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.desktop-nav{display:flex;align-items:center;gap:1.5rem;margin-left:1rem}.desktop-nav a,.text-action,.back-link{color:#9cb3c6;font-size:.78rem;font-weight:650}.desktop-nav a:hover,.desktop-nav a.active,.text-action:hover,.back-link:hover{color:var(--cyan-2)}.header-actions{display:flex;align-items:center;gap:1.1rem;margin-left:auto}.cart-action{display:inline-flex;align-items:center;gap:.5rem;font-size:.76rem;font-weight:700}.cart-action span{display:grid;place-items:center;min-width:18px;height:18px;border-radius:50%;color:#05101a;background:var(--cyan);font-family:var(--mono);font-size:.58rem}.cart-action.active span{background:var(--violet);color:white}.hero{display:grid;grid-template-columns:.94fr 1.06fr;gap:3rem;min-height:610px;padding:6.4rem 0 4rem}.eyebrow{display:flex;align-items:center;gap:.6rem;margin:0;color:var(--cyan);font-family:var(--mono);font-size:.61rem;letter-spacing:.11em}.eyebrow i{display:block;position:relative;width:19px;height:1px;background:currentColor}.eyebrow i:after{content:"";position:absolute;right:2px;top:-3px;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.hero h1,.section-head h2,.trust-grid h2,.cart-heading h1,.account-intro h1{margin:.8rem 0 1rem;font-size:clamp(3.1rem,5.2vw,5.5rem);line-height:.88;letter-spacing:-.085em}.hero h1 em,.trust-grid h2 em,.cart-heading h1 em,.account-intro h1 em{color:var(--cyan);font-style:normal}.hero-lede{max-width:510px;color:#aabdcf;font-size:1rem;line-height:1.75}.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.8rem}.button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.65rem .9rem;border:1px solid var(--line);font-size:.76rem;font-weight:750;transition:transform .18s var(--ease),background .18s var(--ease)}.button:hover{transform:translateY(-2px)}.button.primary{color:#06111e;background:var(--cyan);box-shadow:0 0 0 1px rgba(255,255,255,.23) inset}.button.secondary{color:#dceefa;background:transparent}.button.full{width:100%}.signal-stats{display:flex;gap:0;margin-top:3rem}.signal-stats div{min-width:122px;padding:.15rem 1.2rem;border-left:1px solid var(--line)}.signal-stats div:first-child{padding-left:0;border:0}.signal-stats strong,.signal-stats small{display:block}.signal-stats strong{font-family:var(--mono);font-size:1rem}.signal-stats small{margin-top:.25rem;color:#7d94a9;font-size:.63rem}.hero-visual{position:relative;min-height:450px;overflow:hidden;border:1px solid rgba(132,210,251,.19);background:linear-gradient(135deg,#0f2239,#07101e 60%);box-shadow:inset 0 0 80px rgba(57,198,255,.045)}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(110,206,255,.06) 1px,transparent 1px),linear-gradient(rgba(110,206,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(135deg,black,transparent 75%)}.orbit{position:absolute;border:1px solid rgba(57,198,255,.18);border-radius:50%}.orbit-one{width:450px;height:450px;right:-170px;top:-180px}.orbit-two{width:620px;height:620px;right:-340px;top:-280px}.status-card,.spec-label{position:absolute;z-index:2;padding:.65rem;border:1px solid rgba(145,218,255,.28);color:#82b2cc;background:rgba(8,19,34,.72);font-family:var(--mono);font-size:.58rem;letter-spacing:.07em}.status-card{left:1rem;top:1rem}.status-card b,.spec-label b{color:var(--cyan)}.spec-label{right:1rem;bottom:1rem;text-align:right}.laptop{position:absolute;z-index:1;left:13%;bottom:16%;width:64%;transform:skewY(-8deg)}.laptop-screen{height:190px;padding:16px;border:8px solid #152b45;border-radius:7px 7px 1px 1px;background:linear-gradient(135deg,#07111d,#032f4a);box-shadow:0 0 38px rgba(57,198,255,.19)}.laptop-screen:before{content:"";display:block;height:100%;background:linear-gradient(140deg,transparent 27%,rgba(57,198,255,.48) 28% 29%,transparent 30% 47%,rgba(167,139,250,.32) 48% 50%,transparent 51%);clip-path:polygon(0 0,100% 0,100% 100%,0 86%)}.laptop-screen span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.laptop-base{width:112%;height:17px;margin-left:-6%;background:linear-gradient(#5b748b,#142235);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.phone{position:absolute;z-index:3;right:15%;bottom:11%;width:84px;height:166px;border:6px solid #334b65;border-radius:15px;background:#0b1626;box-shadow:0 0 35px rgba(167,139,250,.24);transform:rotate(9deg)}.phone i{position:absolute;left:11px;top:11px;width:13px;height:13px;border-radius:50%;background:#4e6074;box-shadow:19px 0 #4e6074,0 19px #4e6074}.phone-glow{position:absolute;inset:34px 7px 7px;border-radius:8px;background:linear-gradient(155deg,#10182a,#654ec8 110%)}.pod{position:absolute;z-index:3;right:5%;bottom:20%;width:82px;height:65px;border:4px solid #446077;border-radius:25px 25px 32px 32px;background:linear-gradient(#19283b,#0b1422);transform:rotate(-8deg)}.pod i{position:absolute;left:50%;top:13px;width:15px;height:27px;border-radius:50%;background:#1f344b;box-shadow:0 0 0 2px #567187;transform:translateX(-50%)}.category-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b1627}.category-grid{display:grid;grid-template-columns:repeat(3,1fr)}.category-grid a{display:flex;align-items:center;gap:.9rem;min-height:104px;padding:1rem;border-left:1px solid var(--line);transition:background .2s var(--ease)}.category-grid a:last-child{border-right:1px solid var(--line)}.category-grid a:hover{background:#14253d}.category-symbol{width:37px;height:37px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(57,198,255,.45);font-size:1.1rem}.category-grid b,.category-grid small{display:block}.category-grid b{font-size:.83rem}.category-grid small{color:#8299af;font-size:.64rem}.category-grid em{margin-left:auto;color:#5c7994;font-family:var(--mono);font-size:.65rem;font-style:normal}.catalog{padding:6rem 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.section-head h2{font-size:clamp(2.5rem,4vw,4rem)}.section-head>p{max-width:315px;margin:0 0 .8rem;color:#9aafc1;font-size:.78rem;line-height:1.7}.catalog-layout{display:grid;grid-template-columns:212px 1fr;gap:1.4rem;margin-top:2rem}.filter-panel{align-self:start;padding:1rem;border:1px solid var(--line);background:rgba(19,35,57,.58)}.filter-title{display:block;margin-bottom:.85rem;color:var(--cyan);font-family:var(--mono);font-size:.59rem;letter-spacing:.08em}.filter-panel label{display:flex;align-items:center;gap:.5rem;margin:.7rem 0;color:#b0c5d6;font-size:.73rem}.filter-panel input{accent-color:var(--cyan)}.filter-panel hr{border:0;border-top:1px solid var(--line);margin:1rem 0}.filter-panel p{color:#718ba1;font-size:.62rem;line-height:1.55}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.product-card{min-width:0;background:#101e32;transition:transform .2s var(--ease),background .2s var(--ease)}.product-card:hover{position:relative;z-index:1;transform:translateY(-4px);background:#162945;box-shadow:0 12px 30px rgba(0,0,0,.25)}.product-art{position:relative;height:215px;overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(57,198,255,.17),transparent 42%),#0b1727}.product-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(57,198,255,.05) 39px 40px),linear-gradient(180deg,transparent 60%,rgba(4,10,18,.6))}.sale-badge{position:absolute;z-index:2;top:.7rem;left:.7rem;padding:.3rem .4rem;color:white;background:#7447d3;font-family:var(--mono);font-size:.55rem}.sale-badge.violet{background:#4530a3}.product-copy{padding:1rem}.product-copy>span{color:#80a3bc;font-family:var(--mono);font-size:.56rem;letter-spacing:.08em}.product-copy h3{margin:.38rem 0 .55rem;font-size:1rem;letter-spacing:-.035em}.spec-chips{display:flex;gap:.35rem;flex-wrap:wrap}.spec-chips b{padding:.22rem .32rem;border:1px solid rgba(57,198,255,.2);color:#ace6fa;background:rgba(57,198,255,.05);font-family:var(--mono);font-size:.5rem;font-weight:500}.price{display:flex;align-items:end;gap:.5rem;margin:1rem 0 .8rem}.price strong{color:var(--cyan-2);font-size:.96rem}.price del{color:#71879c;font-size:.66rem}.mini-button{display:flex;align-items:center;justify-content:space-between;padding:.55rem .65rem;border-top:1px solid var(--line);color:#d7effc;font-size:.68rem;font-weight:700}.mini-button b{color:var(--cyan);font-size:1rem}.trust-section{padding:5rem 0;background:linear-gradient(120deg,#0d1a2c,#07101d)}.trust-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.trust-grid h2{font-size:clamp(2.6rem,4.3vw,4.3rem)}.trust-points{border-top:1px solid var(--line)}.trust-points>div{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.trust-points b{color:var(--cyan);font-family:var(--mono);font-size:.68rem}.trust-points strong,.trust-points small{display:block}.trust-points strong{font-size:.82rem}.trust-points small{margin-top:.2rem;color:#879db2;font-size:.68rem}.site-footer{padding:3.8rem 0;background:#07101d}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}.footer-grid>div>span{display:block;margin-bottom:.75rem;color:#64839e;font-family:var(--mono);font-size:.57rem;letter-spacing:.09em}.footer-grid p{color:#8aa0b5;font-size:.72rem;line-height:1.6}.footer-grid a,.footer-grid small{display:block;margin:.45rem 0;color:#a7bed0;font-size:.7rem}.footer-grid a:hover{color:var(--cyan)}.account-page{min-height:100vh}.corner-brand{position:fixed;z-index:3;top:1.5rem;left:clamp(1.5rem,5vw,5rem)}.account-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.account-intro{display:flex;flex-direction:column;justify-content:center;padding:10vw;background:radial-gradient(circle at 20% 24%,rgba(57,198,255,.14),transparent 20rem),#081323}.account-intro>p{max-width:410px;color:#9db5c9;font-size:.9rem;line-height:1.7}.account-signal{display:flex;align-items:center;gap:.65rem;margin-top:1.7rem;color:#82a3ba;font-family:var(--mono);font-size:.6rem;letter-spacing:.06em}.account-signal b{display:grid;place-items:center;width:30px;height:30px;color:var(--cyan);border:1px solid var(--cyan);border-radius:50%;font-size:1rem}.account-signal strong{color:var(--green);font-size:.54rem}.account-card{align-self:center;width:min(430px,calc(100% - 3rem));margin:auto;padding:2.2rem;border:1px solid rgba(138,211,251,.25);background:linear-gradient(145deg,#172942,#0d1728);box-shadow:0 25px 60px rgba(0,0,0,.35)}.account-card h2{margin:.8rem 0 .45rem;font-size:2rem;letter-spacing:-.065em}.account-card>p{margin:0 0 1.5rem;color:#9eb4c7;font-size:.78rem}.account-card form{display:grid;gap:.9rem}.account-card label{display:grid;gap:.35rem;color:#c0d7e7;font-size:.7rem;font-weight:700}.account-card input{height:42px;padding:0 .7rem;border:1px solid var(--line);outline:0;color:var(--text);background:#091524}.account-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(57,198,255,.1)}.form-row{display:flex;justify-content:space-between;align-items:center}.form-row a,.remember{color:#91b5cc!important;font-size:.66rem!important;font-weight:500!important}.remember{display:flex!important;align-items:center;gap:.3rem}.remember input{width:14px;height:14px;accent-color:var(--cyan)}.form-divider{position:relative;margin:1rem 0;text-align:center;color:#6e879f;font-size:.65rem}.form-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.form-divider span{position:relative;padding:0 .6rem;background:#101d31}.static-note{margin:1.1rem 0 0!important;color:#6f8ca4!important;font-size:.63rem!important;text-align:center}.cart-page{padding:4.5rem 0 5rem}.cart-heading{max-width:680px}.cart-heading h1{font-size:clamp(3.4rem,6vw,5.2rem)}.cart-heading>p:last-child{max-width:490px;color:#9cb3c7;font-size:.85rem;line-height:1.7}.cart-layout{display:grid;grid-template-columns:1fr 335px;gap:1.5rem;margin-top:2.5rem}.cart-items,.cart-summary{border:1px solid var(--line);background:#101d30}.cart-table-label{display:flex;justify-content:space-between;padding:.8rem 1rem;color:#7da0ba;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.57rem;letter-spacing:.08em}.cart-item{display:grid;grid-template-columns:92px 1fr auto auto;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.cart-art{width:82px;height:74px}.cart-art .device-phone{position:relative;width:38px;height:62px;margin:6px auto;border:3px solid #4c6279;border-radius:8px;background:#18253a}.cart-art .device-phone i{position:absolute;left:6px;top:6px;width:6px;height:6px;border-radius:50%;background:#7791aa;box-shadow:10px 0 #7791aa}.cart-art .device-buds{display:flex;align-items:center;justify-content:center;gap:10px;height:100%}.cart-art .device-buds i{width:16px;height:30px;border:3px solid #65809a;border-radius:11px;background:#1a2d44}.cart-product span{color:#7c9db5;font-family:var(--mono);font-size:.55rem}.cart-product h2{margin:.25rem 0;font-size:.94rem}.cart-product p{margin:0;color:#849ab0;font-size:.65rem}.cart-product a{display:inline-block;margin-top:.4rem;color:#f09ab0;font-size:.6rem}.quantity{display:flex;align-items:center;border:1px solid var(--line)}.quantity button,.quantity b{display:grid;place-items:center;width:28px;height:28px;color:#c4d8e6;background:transparent;border:0;font-size:.82rem}.quantity b{border-left:1px solid var(--line);border-right:1px solid var(--line);font-family:var(--mono);font-size:.65rem}.cart-price{text-align:right}.cart-price strong,.cart-price del{display:block}.cart-price strong{color:var(--cyan-2);font-size:.78rem}.cart-price del{margin-top:.2rem;color:#72899f;font-size:.61rem}.cart-demo-note{margin:0;padding:1rem;color:#718da6;font-size:.63rem}.cart-summary{align-self:start;padding:1.2rem}.cart-summary h2{margin:.5rem 0 1.2rem;font-size:1.3rem;letter-spacing:-.04em}.cart-summary>div{display:flex;justify-content:space-between;padding:.65rem 0;color:#9fb6c8;border-top:1px solid var(--line);font-size:.75rem}.cart-summary>div strong{color:#e2f2fc}.cart-summary .free{color:var(--green)}.cart-summary .summary-total{align-items:end;margin-bottom:1rem}.summary-total b{color:var(--cyan-2);font-size:1.35rem;letter-spacing:-.05em}.payment-hint{color:#7891a8;font-size:.65rem;line-height:1.55}.summary-security{align-items:center!important;justify-content:flex-start!important;gap:.4rem;margin-top:1rem;color:#86a2b7!important;font-size:.64rem!important}.summary-security i{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--green);border-radius:50%;color:var(--green);font-style:normal;font-size:.55rem}.mini-footer{display:flex;gap:.5rem;padding:1rem 0;color:#7890a6;border-top:1px solid var(--line);font-family:var(--mono);font-size:.59rem}.mini-footer a{margin-left:auto;color:var(--cyan)}
@media(max-width:820px){.desktop-nav{display:none}.hero,.trust-grid,.cart-layout,.account-layout{grid-template-columns:1fr}.hero{padding-top:4rem}.hero-visual{min-height:350px}.category-grid{grid-template-columns:1fr}.category-grid a,.category-grid a:last-child{border-right:0;border-bottom:1px solid var(--line)}.catalog-layout{grid-template-columns:1fr}.filter-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1rem}.filter-title,.filter-panel hr,.filter-panel p{grid-column:1/-1}.footer-grid{grid-template-columns:repeat(2,1fr)}.account-intro{min-height:420px;padding:8rem 2rem 3rem}.account-card{margin:3rem auto}.cart-summary{position:static}}
@media(max-width:560px){.shell{width:min(100% - 2rem,1180px)}.topline-copy,.text-action{display:none}.site-header{gap:.8rem;min-height:65px}.brand{font-size:1.16rem}.header-actions{gap:.6rem}.hero{gap:2rem;min-height:0;padding:3.5rem 0}.hero h1,.cart-heading h1{font-size:3rem}.signal-stats div{min-width:0;flex:1;padding:0 .65rem}.signal-stats small{font-size:.55rem}.hero-visual{min-height:300px}.laptop-screen{height:130px}.phone{right:11%;width:64px;height:127px}.pod{display:none}.section-head{display:block}.section-head>p{margin-top:1rem}.product-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cart-page{padding-top:3rem}.cart-item{grid-template-columns:66px 1fr auto;gap:.6rem}.cart-art{width:60px;height:64px}.quantity{grid-column:2}.cart-price{grid-column:3;grid-row:1/3}.cart-product h2{font-size:.8rem}.cart-product p{font-size:.56rem}.mini-footer{flex-wrap:wrap}.mini-footer a{margin-left:0;width:100%}}

/* KIỂU DỮ LIỆU - Hình ảnh Hero Section */
.hero-laptop,
.hero-phone,
.hero-pod {
  position: absolute;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.hero-laptop {
  left: 13%;
  bottom: 16%;
  width: 64%;
  transform: skewY(-8deg);
  max-width: 800px;
}

.hero-phone {
  right: 11%;
  bottom: 12%;
  width: 200px;
  max-width: 300px;
}

.hero-pod {
  left: 8%;
  top: 30%;
  width: 150px;
  max-width: 250px;
}

/* KIỂU DỮ LIỆU - Hình ảnh Product Card */
.product-image {
  width: 69%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.product-art {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(57, 198, 255, 0.05);
}