@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#080b12;--panel:#101622;--panel2:#151d2b;--line:#263144;--text:#f5f7fb;--muted:#9aa7bb;--blue:#267cff;--red:#ff3d4f;--white:#fff;--green:#43d9a3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{background:#111827;color:#dfe6f2;padding:9px max(20px,calc((100% - 1180px)/2));font-size:12px;display:flex;gap:18px;align-items:center}.topbar span{color:#9eacc1}.topbar a{margin-left:auto;color:#fff;font-weight:700}.header{height:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(20px,calc((100% - 1180px)/2));border-bottom:1px solid #1b2534;background:#090d15;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;letter-spacing:.5px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:1.3px;color:#95a3b9;font-weight:700}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#143b8a);border:1px solid #6ba6ff;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);font-size:25px;font-weight:900}.header nav{display:flex;align-items:center;gap:22px}.header nav a{font-size:12px;color:#aab5c7;font-weight:700}.header nav a:hover,.header nav a.active{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:7px;font-size:12px;font-weight:800;letter-spacing:.1px;border:1px solid transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red);color:white;box-shadow:0 7px 24px #ff3d4f22}.btn-outline{border-color:#39465b;background:#111827;color:white}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:white;padding:8px 12px;border-radius:6px}.hero{max-width:1180px;margin:auto;padding:76px 20px 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;min-height:490px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6ea8ff;font-weight:900;margin-bottom:14px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.99;letter-spacing:-3px;margin:0 0 20px;font-weight:900}.hero h1 span,h1 span,h2 span{color:var(--red)}.hero-copy>p,.page-title p{max-width:490px;color:var(--muted);font-size:14px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:32px;color:#aeb9ca;font-size:10px}.hero-art{height:340px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:#1359d133;filter:blur(50px)}.art-card{position:relative;width:min(100%,390px);height:285px;border:1px solid #33445f;border-radius:18px;overflow:hidden;padding:24px;background:linear-gradient(145deg,#192942,#0c111c 65%);box-shadow:0 30px 80px #0009;transform:rotate(-3deg)}.art-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 22px,#ffffff05 23px 24px);pointer-events:none}.art-tag{font-size:9px;letter-spacing:2px;color:#9fc4ff}.crosshair{font-size:120px;line-height:1;color:#ff3d4f;opacity:.85;text-align:center;text-shadow:0 0 38px #ff3d4f66;margin-top:10px}.art-title{font-size:27px;font-weight:900;letter-spacing:2px;text-align:center;margin-top:-8px}.art-title small{display:block;font-size:8px;letter-spacing:2px;color:#a8b6cb}.art-bottom{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:8px;color:#93a8c8;letter-spacing:1px}.floating-chip{position:absolute;padding:10px 13px;border:1px solid #35445d;background:#121b2a;border-radius:8px;font-size:10px;font-weight:800;box-shadow:0 12px 30px #0006}.chip-one{right:-3px;top:45px}.chip-two{left:0;bottom:36px}.stats{border-block:1px solid #1c2737;background:#0d121c;display:grid;grid-template-columns:repeat(4,1fr);padding:24px max(20px,calc((100% - 1140px)/2));gap:15px}.stats div{display:flex;align-items:center;gap:12px;border-right:1px solid #263144;padding-left:10px}.stats div:last-child{border:0}.stats strong{font-size:22px;color:#fff}.stats span{font-size:10px;color:var(--muted)}.section,.page-wrap{max-width:1180px;margin:auto;padding:70px 20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading h2,.sell-strip h2{font-size:32px;line-height:1.15;margin:0;letter-spacing:-1px}.text-link{font-size:12px;color:#8eb9ff;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{background:var(--panel);border:1px solid #202c3d;border-radius:12px;overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-4px);border-color:#3c5b8a}.product-image{height:175px;background:radial-gradient(circle at 50% 40%,#244d86,#101725 70%);display:grid;place-items:center;position:relative;font-size:54px}.product-image .product-graphic{font-size:62px;filter:drop-shadow(0 8px 20px #267cff44)}.badge{position:absolute;top:12px;left:12px;background:#123e31;color:#7ef0c4;font-size:9px;padding:5px 8px;border-radius:4px;font-weight:900;letter-spacing:.7px}.badge.sold{background:#48222a;color:#ff9ba4}.product-info{padding:18px}.product-info h3{font-size:15px;margin:0 0 7px}.product-info p{font-size:11px;color:var(--muted);min-height:35px;margin:0 0 15px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-size:19px;font-weight:900}.price small{font-size:10px;color:var(--muted);font-weight:500}.price-row .btn{padding:10px 12px}.promo{max-width:1140px;margin:0 auto 50px;padding:42px 45px;border:1px solid #2b3c56;border-radius:16px;background:linear-gradient(115deg,#121d30,#0d121c);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.promo h2{font-size:35px;line-height:1.1;margin:0 0 12px}.promo p,.sell-strip p{font-size:12px;color:var(--muted);margin-bottom:20px}.diamond-visual{font-size:90px;text-align:center;color:#74b7ff;text-shadow:0 0 45px #267cff66;transform:rotate(-8deg);min-width:220px}.diamond-visual span,.diamond-visual b{display:block;font-size:10px;letter-spacing:3px;color:#9db5d8;text-shadow:none}.diamond-visual b{font-size:15px;color:white}.sell-strip{display:flex;align-items:center;gap:24px;border:1px solid #263144;border-radius:14px;margin-bottom:20px;padding:28px}.sell-icon{font-size:35px;width:60px;height:60px;display:grid;place-items:center;border-radius:10px;background:#17243a;color:#82b6ff;flex-shrink:0}.sell-strip h2{font-size:25px}.sell-strip p{margin-bottom:0}.sell-strip .btn{margin-left:auto;white-space:nowrap}.how{padding-top:35px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article{padding:20px;border:1px solid #253044;border-radius:10px;background:#0d121b}.steps article>b{font-size:25px;color:var(--red)}.steps h3{margin:12px 0 5px;font-size:14px}.steps p{font-size:11px;color:var(--muted);margin:0}.footer{border-top:1px solid #202b3a;padding:30px max(20px,calc((100% - 1140px)/2));display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:#9aa7bb}.footer>p{font-size:11px;margin-right:auto}.footer-links{display:flex;gap:16px;font-size:11px}.footer>small{width:100%;font-size:10px}.whatsapp-float{position:fixed;right:20px;bottom:20px;width:50px;height:50px;border-radius:50%;background:#1fbf75;color:white;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 30px #0007;z-index:15}.page-wrap{min-height:65vh}.page-title{margin-bottom:32px}.page-title h1,.legal h1{font-size:clamp(34px,5vw,48px);letter-spacing:-1.5px;line-height:1.1;margin:0 0 12px}.filters{display:grid;grid-template-columns:1fr 190px 190px;gap:12px;margin-bottom:24px}.filters input,.filters select,input,textarea{width:100%;border:1px solid #2c394d;background:#0d131e;color:#fff;border-radius:7px;padding:12px 13px;outline:none}.filters input:focus,input:focus,textarea:focus,select:focus{border-color:#5594ff}.filters select{color:#d9e1ee}.demo-note,.form-help{color:var(--muted);font-size:11px}.narrow{max-width:820px}.notice{padding:15px 17px;background:#101d30;border:1px solid #2d4a70;border-radius:8px;color:#b9c9e1;font-size:12px;margin:20px 0}.notice b{color:white}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.detail-art{min-height:330px;border-radius:14px;border:1px solid #263750;background:radial-gradient(circle at 50% 45%,#244d86,#101725 72%);display:grid;place-items:center;font-size:100px}.detail-panel{background:var(--panel);border:1px solid #263144;border-radius:12px;padding:25px}.detail-panel h1{margin:0 0 10px;font-size:28px}.detail-panel .price{font-size:27px;margin:18px 0}.detail-panel p{color:var(--muted);font-size:13px}.detail-panel .btn{margin:6px 5px 0 0}.auth-body{min-height:100vh;background:radial-gradient(circle at 50% 0,#142749 0,#080b12 50%);display:flex;align-items:center;justify-content:center;padding:30px 16px;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;margin-bottom:22px}.auth-card{width:min(100%,440px);background:#0e1420;border:1px solid #29364a;border-radius:15px;padding:28px;box-shadow:0 25px 80px #0005}.back-link{font-size:11px;color:#a9b6c9}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#080c13;border-radius:8px;margin:23px 0}.tab{border:0;background:transparent;color:#94a3b8;padding:10px;border-radius:6px;font-size:12px;font-weight:800;cursor:pointer}.tab.active{background:#202c3e;color:white}.auth-card h1{font-size:29px;line-height:1.15;margin:0 0 22px}.auth-card label,.form-grid label{display:block;font-size:11px;font-weight:800;color:#c8d1df;margin:14px 0}.auth-card input,.form-grid input,.form-grid textarea{display:block;margin-top:7px;font-weight:400}.full{width:100%;margin-top:10px}.inline-button{border:0;background:transparent;color:#80b4ff;font-weight:800;cursor:pointer}.security-note{font-size:10px;color:#8190a6;line-height:1.5;margin-top:22px}.form-message{font-size:12px;color:#ffb2ba}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px}.span-2{grid-column:1/-1}.panel{background:var(--panel);border:1px solid #263144;border-radius:12px;padding:24px}.form-grid small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.image-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.image-preview img{width:76px;height:76px;object-fit:cover;border-radius:6px;border:1px solid #39465b}.order-card{background:var(--panel);border:1px solid #263144;border-radius:10px;padding:18px;margin:12px 0}.order-card h3{margin:0 0 8px}.order-card p{color:var(--muted);font-size:12px}.status{display:inline-block;background:#26394f;color:#b9d5ff;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:800}.empty-state{text-align:center;padding:42px 20px;border:1px dashed #35435a;border-radius:12px;color:var(--muted)}.legal h2{font-size:18px;margin-top:28px}.legal p{font-size:13px;color:#b0bbcc}.auth-card [hidden]{display:none!important}
@media(max-width:900px){.header{flex-wrap:wrap}.header nav{gap:13px}.header nav a{font-size:11px}.nav-cta{display:none}.hero{gap:20px;padding-top:55px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo{margin:0 20px 40px}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border:0}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar span{display:none}.header{position:relative}.menu-toggle{display:block;margin-left:auto}.header nav{display:none;order:3;width:100%;flex-direction:column;align-items:flex-start;padding:12px 0}.header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:48px}.hero-art{height:280px}.art-card{height:245px;width:88%}.crosshair{font-size:95px}.chip-one{right:0}.chip-two{left:0}.hero h1{font-size:52px}.stats{padding:20px}.stats div{padding:8px 0}.section{padding:48px 20px}.section-heading h2{font-size:26px}.product-grid{grid-template-columns:1fr}.product-image{height:190px}.promo{padding:28px;gap:10px}.promo h2{font-size:28px}.diamond-visual{min-width:95px;font-size:58px}.diamond-visual span{font-size:8px}.diamond-visual b{font-size:11px}.sell-strip{align-items:flex-start;flex-wrap:wrap}.sell-strip h2{font-size:21px}.sell-strip .btn{margin-left:0}.steps{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.page-wrap{padding:45px 18px}.detail-layout{grid-template-columns:1fr}.detail-art{min-height:250px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.footer{gap:12px}.footer .brand{width:100%}.footer>p{width:100%}.auth-card{padding:22px}.trust-row{gap:10px}}


/* ZIREX clean white + blue premium theme */
:root{--bg:#f5f8ff;--panel:#ffffff;--panel2:#eef4ff;--line:#dce6f5;--text:#14233d;--muted:#64748b;--blue:#1769e8;--red:#1769e8;--white:#ffffff;--green:#15976d}
body{background:var(--bg);color:var(--text)}
.topbar{background:#eaf2ff;color:#21416f}.topbar span{color:#5b6f8d}.topbar a{color:#1457c5}
.header{background:rgba(255,255,255,.96);border-bottom-color:#dce6f5;box-shadow:0 5px 24px #1c4f9610;backdrop-filter:blur(12px)}
.brand{color:#122b50}.brand small{color:#647b9d}.brand-mark{background:linear-gradient(135deg,#2d82ff,#1451c4);border-color:#7db5ff;color:#fff}
.header nav a{color:#526782}.header nav a:hover,.header nav a.active{color:#145fda}
.btn-red{background:linear-gradient(135deg,#287fff,#1456cf);color:#fff;box-shadow:0 7px 22px #1769e82b}.btn-outline{border-color:#bfd3f3;background:#fff;color:#1457c5}.menu-toggle{border-color:#cbdaf0;color:#24476f}
.hero{min-height:500px}.eyebrow{color:#1769e8}.hero h1 span,h1 span,h2 span{color:#1769e8}.hero-copy>p,.page-title p{color:#60718a}
.hero-art{isolation:isolate}.art-glow{background:#3e8bff30}.art-card{border:1px solid #b7d2f8;background:linear-gradient(145deg,#dbeaff,#f9fbff 70%);box-shadow:0 30px 70px #1c4f9620}.art-card:before{background:repeating-linear-gradient(135deg,transparent 0 22px,#1769e808 23px 24px)}.art-tag{color:#285caa}.crosshair{color:#1769e8;text-shadow:0 0 32px #1769e82b}.art-title{color:#17365f}.art-title small{color:#607a9f}.art-bottom{color:#57749c}.floating-chip{border-color:#d1e0f5;background:#fff;color:#254a7c;box-shadow:0 12px 30px #1c4f9615}
.stats{border-color:#dce6f5;background:#fff}.stats div{border-color:#e0e8f4}.stats strong{color:#1769e8}.stats span{color:#64748b}
.section-heading h2,.sell-strip h2{color:#14233d}.text-link{color:#1769e8}.product-card{background:#fff;border-color:#dce6f5;box-shadow:0 8px 28px #193c7010}.product-card:hover{border-color:#8cb7f5;box-shadow:0 14px 34px #193c7017}.product-image{background:radial-gradient(circle at 50% 35%,#d8e9ff,#f2f7ff 72%)}.product-image .product-graphic{filter:drop-shadow(0 8px 20px #267cff2b)}.badge{background:#dff7ed;color:#087653}.badge.sold{background:#ffe8ec;color:#c02645}.product-info h3{color:#172b49}.product-info p{color:#64748b}.price{color:#14233d}.price small{color:#64748b}
.promo{border-color:#c9dcf7;background:linear-gradient(115deg,#eaf3ff,#fff);box-shadow:0 12px 34px #1c4f960d}.promo p,.sell-strip p{color:#60718a}.diamond-visual{color:#287fff;text-shadow:0 0 35px #1769e82b}.diamond-visual span{color:#6482ab}.diamond-visual b{color:#17477f}.sell-strip{border-color:#dce6f5;background:#fff}.sell-icon{background:#eaf2ff;color:#1769e8}.steps article{border-color:#dce6f5;background:#fff;box-shadow:0 6px 22px #193c7008}.steps article>b{color:#1769e8}.steps p{color:#64748b}.footer{border-color:#dce6f5;color:#64748b;background:#fff}.footer .brand{color:#122b50}.footer>small{color:#7b8ba3}
.page-wrap{color:#14233d}.filters input,.filters select,input,textarea{border-color:#ccd9ec;background:#fff;color:#172b49}.filters input::placeholder,input::placeholder,textarea::placeholder{color:#8a9bb2}.filters input:focus,input:focus,textarea:focus,select:focus{border-color:#1769e8;box-shadow:0 0 0 3px #1769e81a}.filters select{color:#172b49}.demo-note,.form-help{color:#64748b}.notice{background:#edf5ff;border-color:#c5dcff;color:#34557d}.notice b{color:#17365f}.detail-art{border-color:#c9dcf7;background:radial-gradient(circle at 50% 45%,#d8e9ff,#f2f7ff 72%)}.detail-panel,.panel,.order-card{background:#fff;border-color:#dce6f5;box-shadow:0 8px 28px #193c700a}.detail-panel h1{color:#14233d}.detail-panel p,.order-card p{color:#64748b}.auth-body{background:radial-gradient(circle at 50% 0,#e0edff 0,#f5f8ff 55%)}.auth-brand{color:#122b50}.auth-card{background:#fff;border-color:#d6e2f3;box-shadow:0 25px 80px #1c4f9618}.back-link{color:#60718a}.auth-tabs{background:#f0f5fc}.tab{color:#60718a}.tab.active{background:#1769e8;color:#fff}.auth-card h1{color:#14233d}.auth-card label,.form-grid label{color:#344a68}.security-note{color:#71829a}.form-message{color:#c02645}.form-grid small{color:#64748b}.image-preview img{border-color:#dce6f5}.status{background:#e8f1ff;color:#2057a0}.empty-state{border-color:#cbd9ec;color:#64748b}.auth-card [hidden]{display:none!important}
.whatsapp-float{box-shadow:0 8px 30px #0a7a4b25}
/* Official Free Fire artwork in the hero area; ZIREX remains the store brand. */
.hero-art .art-card{background-image:linear-gradient(90deg,rgba(10,31,65,.78),rgba(10,31,65,.18)),url('https://cdn.wildflamestudio.com/common/web_event/official2.ff.garena.all/202210/82fe305f7dbb9f25e68996f8f719e576.jpg');background-size:cover;background-position:center 25%;color:#fff}
.hero-art .art-tag,.hero-art .art-title,.hero-art .art-bottom{color:#fff;text-shadow:0 2px 8px #071a36a8}.hero-art .art-title small{color:#e5efff}.hero-art .crosshair{color:#fff;text-shadow:0 0 20px #1769e8;opacity:.9}.hero-art .art-card:before{background:linear-gradient(0deg,#071a3680,transparent 70%)}
.freefire-official-logo{display:block;width:min(210px,70%);height:auto;object-fit:contain;margin:0 0 18px;filter:drop-shadow(0 5px 12px #17477f10)}
@media(max-width:650px){.topbar{background:#eaf2ff}.promo{background:linear-gradient(115deg,#eaf3ff,#fff)}}