@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Rajdhani:wght@600;700&display=swap');
:root{--bg:#050706;--panel:#0b0f0c;--panel2:#101611;--line:#1c2920;--green:#75ff00;--green2:#43b900;--text:#f2f5f2;--muted:#8c998f;--bad:#ff4e64;--warn:#ffcf4a;--blue:#61a7ff;--radius:22px;--shadow:0 22px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#132013 0,#050706 35%,#030403 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.noise{position:fixed;inset:0;opacity:.022;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.ambient{position:fixed;width:420px;height:420px;filter:blur(120px);opacity:.11;border-radius:50%;background:var(--green);z-index:-2}.ambient-a{left:-190px;top:90px}.ambient-b{right:-190px;top:48vh}.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(4,6,5,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(117,255,0,.08)}.nav{height:78px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font-family:Rajdhani;font-weight:700;letter-spacing:.08em}.brand img{width:39px;height:39px;object-fit:cover;border-radius:11px}.brand b{color:var(--green)}.nav-links{display:flex;gap:28px;margin-right:auto}.nav-links a{font-size:14px;color:#a5afa7;transition:.2s}.nav-links a:hover,.nav-links .active{color:#fff}.nav-actions{display:flex;gap:10px;align-items:center}.lang-switch{padding:4px;background:#0c100d;border:1px solid var(--line);border-radius:12px;display:flex}.lang-switch a{padding:7px 9px;border-radius:9px;font-size:11px;font-weight:700;color:#7d8b81}.lang-switch a.selected{background:#182318;color:var(--green)}.cart-btn,.ghost-btn,.account-pill,.admin-pill{border:1px solid var(--line);background:#0c100d;color:#d9dfda;border-radius:12px;padding:10px 12px;cursor:pointer;font-size:13px}.admin-pill{color:var(--green);border-color:#294124}.primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;background:linear-gradient(135deg,var(--green),#4bd000);color:#061006;font-weight:800;border-radius:13px;padding:13px 18px;cursor:pointer;box-shadow:0 10px 30px rgba(117,255,0,.12);transition:.2s}.primary:hover{transform:translateY(-2px);filter:brightness(1.04)}.primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.primary.small{padding:10px 13px;font-size:13px}.primary.full{width:100%}.mobile-menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{padding:44px 0 28px}.hero-shell{position:relative;min-height:590px;border:1px solid #1b281d;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);background:#050805}.hero-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,4,.94) 0%,rgba(3,5,4,.78) 37%,rgba(3,5,4,.18) 70%,rgba(3,5,4,.5) 100%)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.63}.hero-content{position:relative;z-index:2;padding:86px 72px;max-width:730px}.kicker{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-weight:800;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.kicker:before{content:"";width:24px;height:1px;background:var(--green)}h1{font-family:Rajdhani;font-size:clamp(52px,7vw,88px);line-height:.91;letter-spacing:-.025em;margin:22px 0 22px;text-transform:uppercase}h1 em{font-style:normal;color:var(--green)}.hero p{color:#b6c0b8;max-width:570px;font-size:17px;line-height:1.7}.hero-cta{display:flex;gap:12px;margin-top:28px}.secondary{display:inline-flex;padding:13px 18px;border-radius:13px;border:1px solid #263429;background:rgba(10,15,11,.8);font-weight:700}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;position:absolute;z-index:3;bottom:0;left:0;right:0;background:#1a231c;border-top:1px solid #1f2d22}.hero-metric{background:rgba(7,10,8,.89);padding:22px 28px}.hero-metric strong{display:block;font-size:22px}.hero-metric span{color:var(--muted);font-size:12px}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head h2{font:700 clamp(32px,4vw,48px)/1 Rajdhani;margin:0;text-transform:uppercase}.section-head p{color:var(--muted);max-width:480px;margin:0}.grid-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:linear-gradient(180deg,#0d120f,#080b09);border:1px solid #19231b;border-radius:24px;overflow:hidden;transition:.25s;box-shadow:0 12px 42px rgba(0,0,0,.2)}.product-card:hover{transform:translateY(-5px);border-color:#315727;box-shadow:0 22px 55px rgba(0,0,0,.35)}.product-art{height:190px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(117,255,0,.16),transparent 48%),linear-gradient(135deg,#0b100c,#060806);overflow:hidden}.product-art:before,.product-art:after{content:"";position:absolute;width:160%;height:1px;background:linear-gradient(90deg,transparent,#315c2b,transparent);transform:rotate(-24deg)}.product-art:after{transform:rotate(24deg)}.product-monogram{font:800 88px Rajdhani;color:#eef5ed;text-shadow:0 0 30px rgba(117,255,0,.25)}.live-dot{position:absolute;right:18px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.product-content{padding:22px}.product-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.category{font-size:10px;color:#68746b;font-weight:800;letter-spacing:.12em}.stock-badge{font-size:10px;font-weight:800;padding:6px 8px;border-radius:99px}.stock-badge.in{background:#152514;color:#8aff67}.stock-badge.out{background:#281317;color:#ff7081}.product-card h3{font:700 28px Rajdhani;margin:16px 0 8px}.product-card p{color:#869189;line-height:1.55;font-size:13px;min-height:42px}.product-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:22px}.price small{display:block;color:#647067;font-size:10px;text-transform:uppercase}.price strong{font-size:23px}.visual-break{position:relative;min-height:340px;border-radius:28px;overflow:hidden;border:1px solid #1c2b1f}.visual-break img{width:100%;height:100%;position:absolute;object-fit:cover}.visual-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,5,.85),rgba(4,6,5,.05),rgba(4,6,5,.5))}.visual-copy{position:absolute;z-index:2;left:50px;top:50%;transform:translateY(-50%);max-width:440px}.visual-copy h2{font:700 48px Rajdhani;margin:0 0 8px}.visual-copy p{color:#c1c8c2}.stock-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stock-row{border:1px solid #1b271d;background:#090d0a;border-radius:18px;padding:20px}.stock-row .top{display:flex;justify-content:space-between}.stock-row h3{margin:0;font:700 22px Rajdhani}.stock-row .qty{font-size:13px;color:var(--green);font-weight:800}.progress{height:5px;background:#151e17;border-radius:99px;margin-top:18px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#41b700,var(--green));border-radius:99px}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review{padding:22px;border-radius:20px;border:1px solid #19221b;background:#090c0a}.stars{color:var(--green);letter-spacing:2px}.review p{line-height:1.6;color:#bac2bc}.review-meta{display:flex;justify-content:space-between;color:#717e74;font-size:12px;margin-top:20px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.why-card{padding:24px;border:1px solid #18231a;background:linear-gradient(180deg,#0d110e,#080a09);border-radius:18px}.why-card .num{font:700 35px Rajdhani;color:var(--green)}.why-card p{color:#8b978e;font-size:13px;line-height:1.55}.page-hero{padding:65px 0 35px}.page-hero h1{font-size:58px;margin:0 0 12px}.page-hero p{color:var(--muted)}.auth-wrap{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:50px 0}.auth-card{width:min(500px,calc(100% - 30px));border:1px solid #1d2a1f;background:rgba(9,13,10,.95);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.auth-logo{width:64px;height:64px;border-radius:18px;display:block;margin:0 auto 22px}.auth-card h1{font-size:42px;text-align:center;margin:0 0 6px}.auth-card>.sub{text-align:center;color:var(--muted);margin-bottom:24px}.field{display:grid;gap:8px;margin:14px 0}.field label{font-size:12px;font-weight:700;color:#aeb8b0}.field input,.field textarea,.field select{width:100%;border:1px solid #213025;background:#070a08;color:#fff;border-radius:12px;padding:13px 14px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#4e8e3e;box-shadow:0 0 0 3px rgba(117,255,0,.06)}.error{background:#291216;border:1px solid #572029;color:#ff9eaa;padding:11px;border-radius:12px;font-size:13px}.success{background:#102513;border:1px solid #1f4a25;color:#a4ff9a;padding:11px;border-radius:12px;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard{display:grid;grid-template-columns:250px 1fr;gap:22px;padding:42px 0 80px}.side{border:1px solid #19241b;background:#090d0a;border-radius:22px;padding:15px;height:max-content;position:sticky;top:100px}.side-user{padding:15px;border-bottom:1px solid #182219;margin-bottom:10px}.side-user strong{display:block}.side-user small{color:var(--muted)}.side a{display:block;padding:12px 13px;border-radius:11px;color:#919d94;font-size:13px}.side a:hover,.side a.active{background:#142016;color:#fff}.dash-main{min-width:0}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dash-head h1{font-size:44px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.metric{border:1px solid #1b271d;background:#0a0e0b;border-radius:18px;padding:20px}.metric span{font-size:11px;color:#7d8980;text-transform:uppercase}.metric strong{font-size:28px;display:block;margin-top:8px}.table-card{border:1px solid #1b271d;background:#090d0a;border-radius:20px;overflow:hidden}.table-head{padding:18px 20px;border-bottom:1px solid #172019;display:flex;justify-content:space-between;align-items:center}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #151d17}th{font-size:10px;color:#68746b;text-transform:uppercase;letter-spacing:.08em}td{color:#c8d0ca}.status{display:inline-block;padding:6px 9px;border-radius:99px;font-size:10px;font-weight:800}.status.ok{background:#142817;color:#8dff7b}.status.warn{background:#2b2410;color:#ffe36d}.status.info{background:#102039;color:#85baff}.status.bad{background:#30131a;color:#ff8796}.status.muted{background:#181c19;color:#9aa29c}.checkout-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:22px;padding-bottom:80px}.panel{border:1px solid #1b271d;background:#090d0a;border-radius:22px;padding:24px}.payment-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-choice label{border:1px solid #243126;background:#0d120e;border-radius:14px;padding:18px;cursor:pointer}.payment-choice input{accent-color:var(--green)}.order-summary .row{display:flex;justify-content:space-between;padding:9px 0;color:#9aa69d}.order-summary .row.total{border-top:1px solid #243126;margin-top:8px;padding-top:16px;color:white;font-size:18px}.invoice-card{max-width:760px;margin:0 auto 80px}.invoice-top{text-align:center;padding:30px}.invoice-id{font:700 34px Rajdhani;color:var(--green);letter-spacing:.06em}.payment-box{border:1px solid #28402a;background:linear-gradient(180deg,#0d150e,#090d0a);border-radius:18px;padding:20px;margin-top:16px}.copy-line{display:flex;gap:8px}.copy-line code{flex:1;background:#050706;border:1px solid #1b281d;padding:13px;border-radius:12px;overflow:auto}.copy-line button{border:0;background:#1b2d1c;color:var(--green);border-radius:12px;padding:0 15px;cursor:pointer}.admin-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.admin-tabs a{padding:10px 13px;border:1px solid #1b281d;border-radius:11px;color:#87938a;font-size:12px}.admin-tabs a.active{background:#152016;color:#fff;border-color:#30512c}.admin-form{padding:20px;border:1px solid #1b281d;border-radius:18px;background:#090d0a;margin-bottom:18px}.checkbox-row{display:flex;gap:15px;flex-wrap:wrap}.checkbox-row label{display:flex;gap:7px;align-items:center;color:#a8b2aa;font-size:13px}.action-row{display:flex;gap:6px}.mini-btn{border:1px solid #263128;background:#101511;color:#cdd3ce;padding:7px 9px;border-radius:9px;cursor:pointer;font-size:11px}.mini-btn.green{border-color:#31582b;color:#9aff83}.mini-btn.red{border-color:#53202a;color:#ff91a0}.cart-drawer{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;transition:.2s}.cart-drawer.open{pointer-events:auto;opacity:1}.cart-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(5px)}.cart-panel{position:absolute;right:0;top:0;bottom:0;width:min(440px,94vw);background:#090c0a;border-left:1px solid #202c22;padding:22px;transform:translateX(100%);transition:.28s;display:flex;flex-direction:column}.cart-drawer.open .cart-panel{transform:none}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-head button{background:none;border:0;color:white;font-size:20px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid #172019}.cart-item small{color:var(--muted)}.cart-item button{background:none;border:0;color:#ff7889;cursor:pointer}.cart-footer{margin-top:auto;border-top:1px solid #1b261d;padding-top:18px}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:15px}.footer{border-top:1px solid #172019;margin-top:70px;padding:48px 0 20px;background:#050706}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid>div{display:grid;gap:8px;align-content:start}.footer-grid a,.footer-grid p{color:#737e76;font-size:12px}.footer-brand img{width:34px;height:34px}.footer-bottom{border-top:1px solid #141b16;margin-top:32px;padding-top:18px;color:#566058;font-size:11px}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#152017;border:1px solid #355f30;color:#caffbd;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow)}.server-toast{bottom:80px}.reveal{opacity:0;transform:translateY(16px);transition:.55s}.reveal.visible{opacity:1;transform:none}@media(max-width:950px){.nav-links{display:none}.nav-actions .account-pill,.nav-actions .admin-pill,.nav-actions .ghost-btn,.nav-actions .primary.small{display:none}.mobile-menu{display:block}.hero-shell{min-height:540px}.hero-content{padding:65px 34px}.grid-products,.reviews-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr}.stock-board{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr}.side{position:static;display:flex;overflow:auto}.side-user{display:none}.side a{white-space:nowrap}.checkout-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.container{width:min(100% - 22px,1180px)}.nav{height:68px}.brand span{display:none}.lang-switch a{font-size:10px;padding:6px}.hero{padding-top:18px}.hero-shell{border-radius:22px;min-height:610px}.hero-content{padding:55px 24px}.hero-content h1{font-size:52px}.hero-metrics{grid-template-columns:1fr}.hero-metric{display:none}.hero-metric:first-child{display:block}.grid-products,.reviews-grid,.why-grid,.stock-board,.form-grid,.metric-grid{grid-template-columns:1fr}.section{padding:54px 0}.section-head{display:block}.section-head p{margin-top:12px}.visual-break{min-height:400px}.visual-copy{left:24px;right:24px}.visual-copy h2{font-size:38px}.payment-choice{grid-template-columns:1fr}.dash-head{align-items:flex-start}.dash-head h1{font-size:38px}.footer-grid{grid-template-columns:1fr}.nav-actions{margin-left:auto}.cart-btn{padding:9px}.product-art{height:160px}}

.product-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.product-art .live-dot{z-index:2}.product-art:has(.product-image):before,.product-art:has(.product-image):after{opacity:.18}.admin-product-preview{display:flex;align-items:center;gap:12px;margin-top:10px;color:var(--muted);font-size:12px}.admin-product-preview img{width:92px;height:64px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.admin-product-cell{display:flex;align-items:center;gap:10px}.admin-product-cell img{width:48px;height:38px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.delivery-admin-form{display:grid;gap:7px;min-width:220px}.delivery-admin-form textarea{width:100%;min-width:220px;background:#070a08;border:1px solid #243126;color:#fff;border-radius:9px;padding:8px;font-size:11px;resize:vertical}.delivered-product-box{margin-top:18px;border:1px solid #315b2b;background:linear-gradient(180deg,#102012,#090d0a);border-radius:20px;padding:22px;box-shadow:0 18px 50px rgba(117,255,0,.06)}.delivered-product-box h3{font:700 30px Rajdhani;margin:10px 0 6px}.delivered-product-box p{color:var(--muted);font-size:13px}.delivery-content{white-space:pre-wrap;word-break:break-word;background:#050706;border:1px solid #203023;border-radius:13px;padding:16px;margin:14px 0;color:#dfffd8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.vouch-count{display:flex;gap:12px;align-items:baseline;margin-top:18px}.vouch-count strong{font:700 30px Rajdhani;color:var(--green)}.vouch-count span,.review-date{color:var(--muted);font-size:11px}.review-date{display:block;margin-top:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:32px 0}.pagination a,.pagination span{border:1px solid var(--line);background:#0b100d;border-radius:11px;padding:10px 14px}.pagination a{color:var(--green)}

/* ===== Revir Motion / 3D V2.2 ===== */
body:before{content:"";position:fixed;inset:-35vh -20vw;pointer-events:none;z-index:-3;background:linear-gradient(rgba(117,255,0,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(117,255,0,.028) 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(62deg) translateY(24vh) scale(1.4);transform-origin:center;mask-image:linear-gradient(to bottom,transparent 5%,#000 30%,transparent 82%);animation:gridDrift 18s linear infinite}.cursor-orb{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:-1;left:0;top:0;transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,rgba(117,255,0,.105),rgba(117,255,0,.035) 35%,transparent 70%);filter:blur(8px);opacity:.72;transition:opacity .25s}.fx-particles{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.fx-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);opacity:.15;animation:particleFloat var(--dur,12s) linear infinite;animation-delay:var(--delay,0s)}
.nav-wrap:after{content:"";position:absolute;left:-30%;bottom:-1px;width:30%;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);animation:navScan 7s linear infinite}.brand img{animation:brandFloat 4.8s ease-in-out infinite;box-shadow:0 0 24px rgba(117,255,0,.08)}
.hero-shell{transform-style:preserve-3d;isolation:isolate}.hero-shell:before{content:"";position:absolute;inset:-1px;z-index:4;pointer-events:none;border-radius:32px;padding:1px;background:conic-gradient(from var(--hero-angle,0deg),transparent 0 35%,rgba(117,255,0,.55) 46%,transparent 57% 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:heroBorder 8s linear infinite}.hero-bg{transform:scale(1.055);will-change:transform;transition:transform .18s ease-out}.hero-content{transform:translateZ(34px)}.hero-content h1{filter:drop-shadow(0 16px 28px rgba(0,0,0,.45))}.hero-content h1 em{position:relative;text-shadow:0 0 26px rgba(117,255,0,.28)}.hero-content h1 em:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);transform:scaleX(.2);opacity:.25;animation:heroUnderline 3.8s ease-in-out infinite}.hero-3d{position:absolute;right:7.5%;top:17%;z-index:3;perspective:900px;width:250px;height:250px;display:grid;place-items:center}.hero-logo-card{width:188px;height:214px;border-radius:30px;border:1px solid rgba(117,255,0,.32);background:linear-gradient(145deg,rgba(17,29,18,.82),rgba(4,8,5,.72));backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 35px 90px rgba(0,0,0,.55),inset 0 0 45px rgba(117,255,0,.035),0 0 55px rgba(117,255,0,.075);transform-style:preserve-3d;animation:heroCardFloat 6s ease-in-out infinite}.hero-logo-card:before{content:"";position:absolute;inset:8px;border-radius:22px;border:1px solid rgba(255,255,255,.045)}.hero-logo-card img{width:112px;height:112px;object-fit:cover;border-radius:25px;transform:translateZ(42px);filter:drop-shadow(0 0 25px rgba(117,255,0,.25))}.hero-logo-card span{font:800 14px Rajdhani;letter-spacing:.21em;color:#fff;margin-top:10px;transform:translateZ(28px)}.hero-logo-card small{font:800 9px Inter;color:var(--green);letter-spacing:.16em;margin-top:4px;transform:translateZ(24px)}.orbit{position:absolute;border:1px solid rgba(117,255,0,.18);border-radius:50%;transform-style:preserve-3d}.orbit-a{width:245px;height:78px;transform:rotateX(68deg) rotateZ(8deg);animation:orbitSpin 7s linear infinite}.orbit-b{width:228px;height:65px;transform:rotateX(66deg) rotateZ(88deg);animation:orbitSpinB 9s linear infinite}.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green);left:12px;top:50%}
.tilt-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift,0));transition:transform .16s ease,border-color .25s,box-shadow .25s;will-change:transform}.product-card.tilt-card:hover{--lift:-7px}.product-card:after,.review:after,.why-card:after,.stock-row:after,.vouch-after-delivery:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(117,255,0,.13),transparent 34%);opacity:0;transition:opacity .2s}.tilt-card:hover:after{opacity:1}.product-card,.review,.why-card,.stock-row,.vouch-after-delivery{position:relative;overflow:hidden}.product-art:after{animation:laserSweep 5.5s ease-in-out infinite}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}.product-card:hover .product-image{transform:scale(1.07);filter:saturate(1.08) contrast(1.04)}.live-dot{animation:livePulse 1.8s ease-in-out infinite}.progress span{position:relative;overflow:hidden}.progress span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-110%);animation:progressScan 3.2s ease-in-out infinite}.visual-break img{transform:scale(1.03);transition:transform 1s cubic-bezier(.2,.7,.2,1)}.visual-break:hover img{transform:scale(1.075)}.visual-break:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(117,255,0,.07) 49%,transparent 60%);transform:translateX(-120%);animation:bannerSweep 7s ease-in-out infinite}.reveal{opacity:0;transform:translateY(26px) scale(.985);filter:blur(5px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1),filter .75s}.reveal.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.magnetic{will-change:transform}.vouch-after-delivery{margin-top:18px;padding:26px;border:1px solid rgba(117,255,0,.22);border-radius:22px;background:linear-gradient(145deg,rgba(16,29,17,.78),rgba(7,12,8,.94));display:grid;grid-template-columns:58px 1fr;gap:18px;box-shadow:0 18px 60px rgba(0,0,0,.26)}.vouch-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#071007;font-size:27px;background:linear-gradient(145deg,var(--green),#49c900);box-shadow:0 0 35px rgba(117,255,0,.18);animation:livePulse 2.2s ease-in-out infinite}.vouch-copy h3{font:700 27px Rajdhani;margin:9px 0 7px}.vouch-copy p{color:#9ba79e;line-height:1.55}.vouch-command{display:flex;align-items:center;gap:10px;background:#050805;border:1px solid #203224;border-radius:14px;padding:12px 13px;margin:14px 0}.vouch-command code{flex:1;overflow:auto;color:#caffad;white-space:nowrap}.vouch-deadline{display:flex;gap:10px;color:#849188;font-size:12px;line-height:1.5;padding-top:5px}.vouch-deadline>span:first-child{color:var(--green);font-size:17px}.delivered-product-box{position:relative}
@keyframes gridDrift{to{background-position:54px 54px}}@keyframes particleFloat{0%{transform:translate3d(0,105vh,0) scale(.7);opacity:0}12%{opacity:.2}88%{opacity:.12}100%{transform:translate3d(var(--drift,40px),-10vh,0) scale(1.15);opacity:0}}@keyframes navScan{to{left:130%}}@keyframes brandFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes heroBorder{to{--hero-angle:360deg}}@keyframes heroUnderline{0%,100%{transform:scaleX(.25);opacity:.2}50%{transform:scaleX(1);opacity:.8}}@keyframes heroCardFloat{0%,100%{transform:translateY(0) rotateY(-7deg) rotateX(3deg)}50%{transform:translateY(-14px) rotateY(7deg) rotateX(-2deg)}}@keyframes orbitSpin{to{transform:rotateX(68deg) rotateZ(368deg)}}@keyframes orbitSpinB{to{transform:rotateX(66deg) rotateZ(-272deg)}}@keyframes laserSweep{0%,100%{opacity:.2;transform:rotate(24deg) translateX(-25%)}50%{opacity:.85;transform:rotate(24deg) translateX(25%)}}@keyframes livePulse{0%,100%{transform:scale(.88);box-shadow:0 0 8px var(--green)}50%{transform:scale(1.18);box-shadow:0 0 22px var(--green)}}@keyframes progressScan{0%,30%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}@keyframes bannerSweep{0%,30%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}
@property --hero-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@media(max-width:900px){.hero-3d{opacity:.34;right:-35px;top:12%}.hero-logo-card{transform:scale(.78)}.vouch-after-delivery{grid-template-columns:1fr}.vouch-icon{width:48px;height:48px}.cursor-orb{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.cursor-orb,.fx-particles{display:none!important}}

/* ===== HERO METRICS GAP FIX V2 =====
   The metrics bar used to be position:absolute; bottom:0,
   so margin-top could not create real space from the CTA.
   On tablet/desktop it now participates in normal layout.
*/
@media (min-width: 651px) {
  .hero-shell {
    min-height: 0 !important;
    padding-bottom: 28px !important;
  }

  .hero-cta {
    margin-bottom: 0 !important;
  }

  .hero-metrics {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 64px 28px 0 !important;
    border: 1px solid #1f2d22 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #1a231c !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.22);
  }
}

@media (min-width: 951px) {
  .hero-content {
    padding: 86px 72px 20px !important;
  }
}

@media (min-width: 651px) and (max-width: 950px) {
  .hero-content {
    padding: 65px 34px 18px !important;
  }

  .hero-metrics {
    margin: 56px 24px 0 !important;
  }
}

/* ===== REVIR CHECKOUT PRO / V2.3 ===== */
.checkout-hero{padding:54px 0 28px;position:relative}
.checkout-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding:38px 42px;border:1px solid #1c2b1f;border-radius:28px;background:radial-gradient(circle at 78% 10%,rgba(117,255,0,.09),transparent 30%),linear-gradient(145deg,rgba(12,18,13,.96),rgba(5,8,6,.96));box-shadow:0 28px 90px rgba(0,0,0,.36);position:relative;overflow:hidden}
.checkout-hero-inner:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgba(117,255,0,.055) 48%,transparent 61%);transform:translateX(-120%);animation:checkoutSweep 6.5s ease-in-out infinite}
.checkout-hero h1{font-size:clamp(44px,5vw,70px);margin:14px 0 12px;line-height:.94}
.checkout-hero p{max-width:620px;color:#9da9a0;margin:0;line-height:1.65}
.checkout-stepper{display:flex;align-items:center;gap:10px;position:relative;z-index:2;flex-shrink:0}
.checkout-stepper>i{width:38px;height:1px;background:#213025;position:relative;overflow:hidden}
.checkout-stepper>i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--green),transparent);transform:translateX(-100%);animation:checkoutLine 3s linear infinite}
.checkout-step{display:grid;justify-items:center;gap:7px;min-width:62px;color:#526056}
.checkout-step span{width:38px;height:38px;border-radius:13px;border:1px solid #233126;background:#0a0f0b;display:grid;place-items:center;font:800 11px Inter}
.checkout-step strong{font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.checkout-step.done,.checkout-step.active{color:#dce7de}.checkout-step.done span{color:#091108;background:var(--green);border-color:var(--green);box-shadow:0 0 26px rgba(117,255,0,.18)}.checkout-step.active span{color:var(--green);border-color:#4f843e;box-shadow:inset 0 0 18px rgba(117,255,0,.05),0 0 20px rgba(117,255,0,.05)}
.checkout-pro-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.72fr);gap:24px;align-items:start;padding-bottom:90px;perspective:1100px}
.checkout-main-card,.checkout-total-card,.checkout-info-card{border:1px solid #1c2a1f;background:linear-gradient(160deg,rgba(12,18,14,.97),rgba(6,9,7,.985));border-radius:26px;box-shadow:0 26px 80px rgba(0,0,0,.28)}
.checkout-main-card{padding:30px;position:relative;overflow:hidden;isolation:isolate}
.checkout-main-card:before{content:"";position:absolute;inset:-1px;z-index:-2;background:radial-gradient(circle at var(--mx,20%) var(--my,20%),rgba(117,255,0,.09),transparent 34%)}
.checkout-card-glow{position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-130px;background:var(--green);filter:blur(100px);opacity:.055;pointer-events:none;animation:checkoutGlow 5s ease-in-out infinite}
.checkout-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}
.checkout-eyebrow{font-size:10px;letter-spacing:.2em;color:var(--green);font-weight:800;text-transform:uppercase}
.checkout-card-head h2,.checkout-total-card h3{font:700 34px Rajdhani;margin:6px 0 0;text-transform:uppercase}
.checkout-lock{display:inline-flex;align-items:center;gap:7px;border:1px solid #28412c;background:#101b12;color:#9fff87;border-radius:99px;padding:8px 11px;font-size:9px;font-weight:800;letter-spacing:.11em}
.checkout-products{display:grid;gap:10px;margin-bottom:24px}
.checkout-products .row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 16px;border:1px solid #18231a;background:rgba(5,8,6,.72);border-radius:14px;color:#aeb9b0;transition:.2s}
.checkout-products .row:hover{border-color:#31512c;transform:translateX(3px);background:#0b110d}
.checkout-products .row strong{color:#fff}
.checkout-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:26px 0 17px;color:#6f7c72;font-size:9px;letter-spacing:.18em}
.checkout-divider span{height:1px;background:linear-gradient(90deg,transparent,#243228)}.checkout-divider span:last-child{background:linear-gradient(90deg,#243228,transparent)}
.payment-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.payment-card{position:relative;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:17px;border:1px solid #202c23;border-radius:18px;background:linear-gradient(145deg,#0b100d,#070a08);cursor:pointer;overflow:hidden;min-height:94px;transition:border-color .25s,box-shadow .25s,background .25s}
.payment-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(117,255,0,.1),transparent 36%);opacity:0;transition:.25s;pointer-events:none}.payment-card:hover:before{opacity:1}
.payment-card input{position:absolute;opacity:0;pointer-events:none}.payment-card:has(input:checked){border-color:#5ba844;background:linear-gradient(145deg,#112114,#09110b);box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 0 35px rgba(117,255,0,.035)}
.payment-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font:800 24px Rajdhani;color:#eaf0eb;background:#111713;border:1px solid #273229;box-shadow:inset 0 0 20px rgba(255,255,255,.018)}
.payment-card:has(input:checked) .payment-icon{color:#071007;background:var(--green);border-color:var(--green);box-shadow:0 0 26px rgba(117,255,0,.16)}
.payment-info{display:grid;gap:4px;min-width:0}.payment-info strong{font-size:15px}.payment-info small{color:#768279;font-size:10px;line-height:1.35}.payment-fee{font-size:10px;color:#8e9a91;font-weight:800;white-space:nowrap}
.payment-check{position:absolute;right:9px;top:8px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#061006;font-size:10px;font-weight:900;opacity:0;transform:scale(.65);transition:.2s}.payment-card:has(input:checked) .payment-check{opacity:1;transform:scale(1)}
.checkout-trust-strip{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.checkout-trust-strip span{display:flex;align-items:center;gap:7px;color:#7d8a80;font-size:10px}.checkout-trust-strip b{color:var(--green)}
.checkout-submit{min-height:54px;font-size:14px;position:relative;overflow:hidden}.checkout-submit:before{content:"";position:absolute;top:0;bottom:0;width:90px;left:-110px;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:checkoutButtonScan 3.8s ease-in-out infinite}.checkout-submit span,.checkout-submit b{position:relative;z-index:1}.checkout-submit b{font-size:20px}
.checkout-fineprint{font-size:10px!important;color:#647168!important;text-align:center;line-height:1.5!important;margin:12px auto 0!important;max-width:620px!important}
.checkout-error{margin-bottom:18px}
.checkout-side{display:grid;gap:14px;position:sticky;top:102px}
.checkout-total-card{position:relative;min-height:390px;padding:1px;overflow:hidden;transform-style:preserve-3d}
.checkout-total-card:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 42%,rgba(117,255,0,.45) 49%,transparent 56% 100%);animation:checkoutSpin 8s linear infinite;opacity:.34}.checkout-total-card:after{content:"";position:absolute;inset:1px;border-radius:25px;background:linear-gradient(155deg,#0b110d,#060907);z-index:0}
.total-core{position:relative;z-index:2;padding:28px;transform:translateZ(25px)}
.checkout-summary-lines{margin-top:28px}.checkout-summary-lines .row{padding:12px 0;border-bottom:1px solid #172019}.checkout-summary-lines .row.total{margin-top:7px;padding:19px 0 4px;border-top:1px solid #2a3e2d;border-bottom:0}.checkout-summary-lines .row.total strong{font:800 32px Rajdhani;color:var(--green);text-shadow:0 0 24px rgba(117,255,0,.14)}
.total-pop{animation:totalPop .42s cubic-bezier(.2,1.6,.4,1)}
.total-orbit{position:absolute;z-index:1;border:1px solid rgba(117,255,0,.12);border-radius:50%;pointer-events:none}.total-orbit-a{width:220px;height:65px;right:-85px;bottom:58px;transform:rotate(-18deg);animation:totalOrbitA 8s linear infinite}.total-orbit-b{width:180px;height:52px;right:-55px;bottom:82px;transform:rotate(62deg);animation:totalOrbitB 11s linear infinite}
.checkout-status-line{display:flex;align-items:center;gap:9px;margin-top:28px;color:#6f7d72;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.checkout-live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green);animation:livePulse 1.8s ease-in-out infinite}
.checkout-info-card{padding:18px;display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start}.checkout-info-icon{width:44px;height:44px;border:1px solid #27362a;background:#0e1710;border-radius:14px;display:grid;place-items:center;color:var(--green);font-size:19px}.checkout-info-card strong{font-size:12px}.checkout-info-card p{margin:6px 0 0;color:#728077;font-size:10px;line-height:1.55}
@keyframes checkoutSweep{0%,25%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}@keyframes checkoutLine{to{transform:translateX(100%)}}@keyframes checkoutGlow{0%,100%{transform:scale(.85);opacity:.035}50%{transform:scale(1.15);opacity:.075}}@keyframes checkoutButtonScan{0%,58%{left:-110px}82%,100%{left:calc(100% + 120px)}}@keyframes checkoutSpin{to{transform:rotate(360deg)}}@keyframes totalPop{0%{transform:scale(.92)}55%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes totalOrbitA{to{transform:rotate(342deg)}}@keyframes totalOrbitB{to{transform:rotate(-298deg)}}
@media(max-width:950px){.checkout-hero-inner{align-items:flex-start;flex-direction:column}.checkout-stepper{align-self:stretch;justify-content:center}.checkout-pro-grid{grid-template-columns:1fr}.checkout-side{position:static;grid-template-columns:1fr 1fr}.checkout-total-card{min-height:320px}.checkout-info-card{align-self:stretch}}
@media(max-width:650px){.checkout-hero{padding:24px 0 20px}.checkout-hero-inner{padding:27px 22px;border-radius:22px}.checkout-hero h1{font-size:46px}.checkout-stepper{gap:5px}.checkout-stepper>i{width:19px}.checkout-step strong{display:none}.checkout-pro-grid{gap:14px;padding-bottom:55px}.checkout-main-card{padding:20px;border-radius:21px}.payment-cards{grid-template-columns:1fr}.checkout-side{grid-template-columns:1fr}.checkout-total-card{min-height:330px}.checkout-trust-strip{display:grid}.checkout-card-head h2,.checkout-total-card h3{font-size:29px}}
/* =========================================================
   PAYPAL WARNING
========================================================= */

.paypal-warning {
    position: relative;

    margin-top: 18px;
    padding: 17px 18px;

    display: flex;
    align-items: flex-start;

    gap: 14px;

    border: 1px solid rgba(255, 207, 74, .38);

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 207, 74, .13),
            rgba(255, 174, 0, .035)
        );

    box-shadow:
        0 14px 40px rgba(0, 0, 0, .20),
        inset 0 0 30px rgba(255, 207, 74, .025);

    overflow: hidden;

    opacity: 1;

    transform:
        translateY(0);

    max-height: 160px;

    transition:
        opacity .25s ease,
        transform .25s ease,
        max-height .35s ease,
        margin .35s ease,
        padding .35s ease,
        border-width .35s ease;
}


.paypal-warning::before {

    content: "";

    position: absolute;

    left: -30%;

    top: 0;

    width: 25%;

    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 220, 100, .08),
            transparent
        );

    transform: skewX(-20deg);

    animation:
        paypalWarningScan
        5s
        ease-in-out
        infinite;
}


.paypal-warning-icon {

    position: relative;

    z-index: 2;

    flex: 0 0 auto;

    width: 40px;
    height: 40px;

    display: grid;
    place-items: center;

    border-radius: 12px;

    background:
        rgba(255, 207, 74, .13);

    border:
        1px solid
        rgba(255, 207, 74, .28);

    color:
        #ffcf4a;

    font-size:
        20px;

    box-shadow:
        0 0 22px
        rgba(255, 207, 74, .08);
}


.paypal-warning-content {

    position: relative;

    z-index: 2;

    min-width: 0;
}


.paypal-warning-content strong {

    display: block;

    color:
        #ffda62;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .09em;

    margin-bottom:
        6px;
}


.paypal-warning-content p {

    margin:
        0;

    color:
        #cbbf93;

    font-size:
        12px;

    line-height:
        1.65;
}


/* HIDE WHEN LTC IS SELECTED */

.paypal-warning-hidden {

    opacity:
        0;

    transform:
        translateY(-8px);

    pointer-events:
        none;

    max-height:
        0;

    margin-top:
        0;

    padding-top:
        0;

    padding-bottom:
        0;

    border-width:
        0;
}


/* ANIMATION */

@keyframes paypalWarningScan {

    0%,
    30% {

        left:
            -35%;

    }

    70%,
    100% {

        left:
            125%;

    }

}


/* MOBILE */

@media (max-width: 650px) {

    .paypal-warning {

        padding:
            14px;

    }


    .paypal-warning-icon {

        width:
            35px;

        height:
            35px;

        font-size:
            17px;

    }


    .paypal-warning-content strong {

        font-size:
            10px;

    }


    .paypal-warning-content p {

        font-size:
            11px;

    }

}


/* =========================================================
   REVIR ORDER TRACKING / INVOICE PRO
========================================================= */

.tracking-hero{
    padding:42px 0 24px;
}

.tracking-hero-shell{
    min-height:330px;
    position:relative;
    overflow:hidden;
    isolation:isolate;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:38px;
    padding:48px 54px;
    border:1px solid #1d2b20;
    border-radius:30px;
    background:
        radial-gradient(circle at 78% 35%,rgba(117,255,0,.105),transparent 27%),
        linear-gradient(145deg,#0c120e,#050806 70%);
    box-shadow:0 30px 90px rgba(0,0,0,.34);
}

.tracking-hero-shell:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(rgba(117,255,0,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(117,255,0,.025) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(90deg,#000,transparent 78%);
}

.tracking-hero-shell:after{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    right:-120px;
    top:-130px;
    border-radius:50%;
    background:var(--green);
    filter:blur(120px);
    opacity:.07;
    z-index:-1;
    animation:trackingHeroGlow 5s ease-in-out infinite;
}

.tracking-scan{
    position:absolute;
    inset:0;
    pointer-events:none;
    overflow:hidden;
}

.tracking-scan:after{
    content:"";
    position:absolute;
    top:-30%;
    bottom:-30%;
    width:130px;
    left:-180px;
    transform:rotate(14deg);
    background:linear-gradient(90deg,transparent,rgba(117,255,0,.055),transparent);
    animation:trackingScan 7s ease-in-out infinite;
}

.tracking-hero-copy{
    max-width:650px;
    position:relative;
    z-index:2;
}

.tracking-hero h1{
    font-size:clamp(48px,6vw,76px);
    margin:17px 0 14px;
    line-height:.92;
}

.tracking-hero p{
    max-width:580px;
    margin:0;
    color:#929f96;
    line-height:1.7;
}

.tracking-id-card{
    width:min(360px,100%);
    min-height:205px;
    position:relative;
    overflow:hidden;
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:12px;
    padding:30px;
    border:1px solid rgba(117,255,0,.25);
    border-radius:26px;
    background:linear-gradient(145deg,rgba(15,27,17,.86),rgba(4,8,5,.82));
    box-shadow:
        0 30px 70px rgba(0,0,0,.42),
        inset 0 0 42px rgba(117,255,0,.025);
    transform-style:preserve-3d;
}

.tracking-id-card:before{
    content:"";
    position:absolute;
    inset:8px;
    border-radius:19px;
    border:1px solid rgba(255,255,255,.035);
    pointer-events:none;
}

.tracking-id-label,
.tracking-mini-label{
    color:var(--green);
    font-size:9px;
    font-weight:800;
    letter-spacing:.2em;
    text-transform:uppercase;
}

.tracking-id-card>strong{
    position:relative;
    z-index:2;
    font:800 clamp(24px,3vw,34px) Rajdhani;
    color:#f5fff2;
    letter-spacing:.08em;
    text-align:center;
    text-shadow:0 0 28px rgba(117,255,0,.15);
    transform:translateZ(24px);
}

.tracking-copy{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid #2b422e;
    background:#101a12;
    color:#a8ff90;
    border-radius:11px;
    padding:9px 12px;
    cursor:pointer;
    font-size:10px;
    font-weight:800;
    letter-spacing:.06em;
    transition:.2s;
}

.tracking-copy:hover{
    transform:translateY(-2px);
    border-color:#4a7c40;
    box-shadow:0 9px 25px rgba(0,0,0,.22);
}

.tracking-id-orbit{
    position:absolute;
    border:1px solid rgba(117,255,0,.12);
    border-radius:50%;
    pointer-events:none;
}

.orbit-one{
    width:310px;
    height:80px;
    transform:rotate(-14deg);
    animation:trackingOrbitOne 10s linear infinite;
}

.orbit-two{
    width:275px;
    height:68px;
    transform:rotate(68deg);
    animation:trackingOrbitTwo 13s linear infinite;
}

.tracking-wrap{
    padding-bottom:90px;
}

.tracking-status-card{
    position:relative;
    overflow:hidden;
    margin:0 0 22px;
    padding:27px 30px 30px;
    border:1px solid #1d2a20;
    border-radius:24px;
    background:
        radial-gradient(circle at 8% 0,rgba(117,255,0,.05),transparent 25%),
        #090d0a;
    box-shadow:0 20px 70px rgba(0,0,0,.2);
}

.tracking-status-card:before{
    content:"";
    position:absolute;
    height:1px;
    left:0;
    right:0;
    top:0;
    background:linear-gradient(90deg,transparent,var(--green),transparent);
    opacity:.4;
    animation:trackingTopLine 4s ease-in-out infinite;
}

.tracking-status-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    margin-bottom:28px;
}

.tracking-status-head h2{
    margin:7px 0 0;
    font:700 34px Rajdhani;
    text-transform:uppercase;
}

.tracking-status-pill{
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
}

.tracking-status-pill i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 0 13px currentColor;
    animation:trackingPulse 1.7s ease-in-out infinite;
}

.tracking-progress{
    display:grid;
    grid-template-columns:auto minmax(24px,1fr) auto minmax(24px,1fr) auto minmax(24px,1fr) auto;
    align-items:center;
    gap:10px;
}

.tracking-step{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0;
    opacity:.42;
    transition:.35s;
}

.tracking-step.done,
.tracking-step.active{
    opacity:1;
}

.tracking-step-node{
    position:relative;
    width:48px;
    height:48px;
    flex:0 0 48px;
    border:1px solid #263229;
    border-radius:15px;
    display:grid;
    place-items:center;
    background:#0c110e;
    color:#657067;
    transition:.3s;
}

.tracking-step-node small{
    position:absolute;
    right:-5px;
    top:-6px;
    display:grid;
    place-items:center;
    min-width:20px;
    height:20px;
    padding:0 4px;
    border-radius:99px;
    border:1px solid #202a22;
    background:#070a08;
    color:#667168;
    font-size:8px;
    font-weight:800;
}

.tracking-step-icon{
    font-size:16px;
    font-weight:800;
}

.tracking-step.done .tracking-step-node{
    color:#071007;
    border-color:var(--green);
    background:var(--green);
    box-shadow:0 0 25px rgba(117,255,0,.13);
}

.tracking-step.done .tracking-step-node small{
    border-color:#406e37;
    color:#b5ffa1;
}

.tracking-step.active .tracking-step-node{
    color:var(--green);
    border-color:#4f813f;
    background:#101a12;
    box-shadow:
        inset 0 0 18px rgba(117,255,0,.035),
        0 0 25px rgba(117,255,0,.08);
    animation:trackingActiveNode 2s ease-in-out infinite;
}

.tracking-step-copy{
    display:grid;
    gap:3px;
    min-width:0;
}

.tracking-step-copy strong{
    color:#eef3ef;
    font-size:11px;
    white-space:nowrap;
}

.tracking-step-copy span{
    color:#667168;
    font-size:9px;
    white-space:nowrap;
}

.tracking-connector{
    height:2px;
    overflow:hidden;
    border-radius:99px;
    background:#18221a;
}

.tracking-connector span{
    display:block;
    height:100%;
    width:0;
    background:linear-gradient(90deg,#3db700,var(--green));
    box-shadow:0 0 10px rgba(117,255,0,.2);
}

.tracking-connector.filled span{
    width:100%;
    animation:trackingConnectorFill .8s cubic-bezier(.16,1,.3,1);
}

.tracking-problem{
    filter:saturate(.55);
}

.tracking-alert{
    margin-top:22px;
    padding:15px 16px;
    display:flex;
    gap:12px;
    align-items:flex-start;
    border-radius:14px;
}

.tracking-alert>span{
    width:33px;
    height:33px;
    flex:0 0 33px;
    border-radius:11px;
    display:grid;
    place-items:center;
    font-weight:900;
}

.tracking-alert strong{
    font-size:12px;
}

.tracking-alert p{
    margin:5px 0 0;
    font-size:10px;
    line-height:1.5;
}

.tracking-alert-red{
    border:1px solid #58232b;
    background:#281217;
    color:#ff95a1;
}

.tracking-alert-red>span{
    background:#421a21;
}

.tracking-grid{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.68fr);
    gap:22px;
    align-items:start;
}

.tracking-main,
.tracking-side{
    display:grid;
    gap:18px;
}

.tracking-side{
    position:sticky;
    top:102px;
}

.tracking-panel,
.tracking-payment-card,
.tracking-summary-card,
.tracking-waiting,
.tracking-delivery,
.tracking-support-card{
    border:1px solid #1c2920;
    border-radius:24px;
    background:linear-gradient(155deg,#0c110e,#070a08);
    box-shadow:0 22px 70px rgba(0,0,0,.21);
}

.tracking-panel{
    position:relative;
    overflow:hidden;
    padding:25px;
}

.tracking-panel:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(117,255,0,.08),transparent 34%);
}

.tracking-panel-head{
    position:relative;
    z-index:2;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:21px;
}

.tracking-panel-head h3,
.tracking-payment-card h3,
.tracking-summary-card h3,
.tracking-delivery h3{
    margin:6px 0 0;
    font:700 29px Rajdhani;
    text-transform:uppercase;
}

.tracking-secure,
.tracking-payment-method{
    padding:7px 10px;
    border:1px solid #29402d;
    border-radius:99px;
    background:#101a12;
    color:#9aff84;
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
}

.tracking-products{
    position:relative;
    z-index:2;
    display:grid;
    gap:9px;
}

.tracking-product{
    display:grid;
    grid-template-columns:48px 1fr auto;
    align-items:center;
    gap:13px;
    padding:13px 14px;
    border:1px solid #18231a;
    border-radius:15px;
    background:#080b09;
    transition:.22s;
}

.tracking-product:hover{
    transform:translateX(4px);
    border-color:#2b482f;
    background:#0b110d;
}

.tracking-product-icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:13px;
    border:1px solid #283429;
    background:
        radial-gradient(circle,rgba(117,255,0,.12),transparent 65%),
        #101511;
    color:#dfffd8;
    font:800 23px Rajdhani;
}

.tracking-product-info{
    display:grid;
    gap:4px;
}

.tracking-product-info strong{
    font-size:13px;
}

.tracking-product-info span{
    color:#6f7b72;
    font-size:9px;
}

.tracking-product-price{
    font:700 20px Rajdhani;
    color:#f1f5f2;
}

.tracking-payment-card{
    position:relative;
    overflow:hidden;
    padding:25px;
    isolation:isolate;
}

.tracking-payment-card:before{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-2;
    padding:1px;
    border-radius:24px;
    background:conic-gradient(from var(--pay-angle,0deg),transparent 0 33%,rgba(117,255,0,.5) 47%,transparent 61% 100%);
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude;
    animation:trackingPayBorder 8s linear infinite;
}

.tracking-payment-glow{
    position:absolute;
    width:250px;
    height:250px;
    right:-110px;
    top:-110px;
    border-radius:50%;
    background:var(--green);
    filter:blur(100px);
    opacity:.055;
    pointer-events:none;
}

.tracking-payment-total{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:18px;
    padding:18px 0;
    border-top:1px solid #162019;
    border-bottom:1px solid #162019;
}

.tracking-payment-total span{
    color:#737f76;
    font-size:9px;
    letter-spacing:.13em;
}

.tracking-payment-total strong{
    font:800 34px Rajdhani;
    color:var(--green);
    text-shadow:0 0 24px rgba(117,255,0,.14);
}

.tracking-payment-text{
    margin:17px 0;
    color:#8d9990;
    font-size:11px;
    line-height:1.65;
}

.tracking-payment-destination{
    display:grid;
    grid-template-columns:1fr 44px;
    gap:8px;
    align-items:stretch;
}

.tracking-payment-destination>div{
    min-width:0;
    display:grid;
    gap:6px;
    padding:13px 14px;
    border:1px solid #203024;
    border-radius:14px;
    background:#050706;
}

.tracking-payment-destination span{
    color:#657169;
    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
}

.tracking-payment-destination code{
    overflow:auto;
    white-space:nowrap;
    color:#d8ffd0;
    font-size:11px;
}

.tracking-copy-square{
    border:1px solid #2b432e;
    border-radius:14px;
    background:#101a12;
    color:var(--green);
    cursor:pointer;
    font-size:18px;
    transition:.2s;
}

.tracking-copy-square:hover{
    transform:translateY(-2px);
    background:#152318;
}

.tracking-paypal-warning{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin-top:15px;
    padding:15px 16px;
    border:1px solid rgba(255,207,74,.35);
    border-radius:15px;
    background:linear-gradient(135deg,rgba(255,207,74,.11),rgba(255,170,0,.025));
}

.tracking-paypal-warning:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:90px;
    left:-120px;
    transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(255,224,117,.08),transparent);
    animation:trackingWarningScan 5s ease-in-out infinite;
}

.tracking-warning-icon{
    position:relative;
    z-index:2;
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border-radius:11px;
    border:1px solid rgba(255,207,74,.25);
    background:rgba(255,207,74,.1);
    color:#ffcf4a;
}

.tracking-paypal-warning>div{
    position:relative;
    z-index:2;
}

.tracking-paypal-warning strong{
    display:block;
    color:#ffdd6a;
    font-size:10px;
    letter-spacing:.06em;
}

.tracking-paypal-warning p{
    margin:5px 0 0;
    color:#c6b98a;
    font-size:10px;
    line-height:1.55;
}

.tracking-paid-form{
    margin-top:16px;
}

.tracking-paid-button{
    min-height:52px;
    position:relative;
    overflow:hidden;
}

.tracking-paid-button:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-110px;
    width:85px;
    transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
    animation:trackingButtonScan 3.7s ease-in-out infinite;
}

.tracking-paid-button span,
.tracking-paid-button b{
    position:relative;
    z-index:2;
}

.tracking-waiting{
    display:grid;
    grid-template-columns:85px 1fr;
    align-items:center;
    gap:19px;
    padding:24px;
}

.tracking-waiting-radar{
    width:78px;
    height:78px;
    position:relative;
    display:grid;
    place-items:center;
}

.tracking-waiting-radar i{
    position:absolute;
    inset:0;
    border:1px solid rgba(117,255,0,.18);
    border-radius:50%;
    animation:trackingRadar 2.4s ease-out infinite;
}

.tracking-waiting-radar i:nth-child(2){animation-delay:.8s}
.tracking-waiting-radar i:nth-child(3){animation-delay:1.6s}

.tracking-waiting-radar span{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#152318;
    border:1px solid #315832;
    color:var(--green);
    z-index:2;
}

.tracking-waiting h3{
    margin:6px 0;
    font:700 26px Rajdhani;
    text-transform:uppercase;
}

.tracking-waiting p{
    margin:0;
    color:#79857d;
    font-size:11px;
    line-height:1.55;
}

.tracking-delivery{
    position:relative;
    overflow:hidden;
    padding:25px;
    border-color:#315b2b;
    background:
        radial-gradient(circle at 10% 0,rgba(117,255,0,.08),transparent 30%),
        linear-gradient(155deg,#0d180f,#070b08);
}

.tracking-delivery:before{
    content:"";
    position:absolute;
    left:-30%;
    top:0;
    width:30%;
    height:2px;
    background:linear-gradient(90deg,transparent,var(--green),transparent);
    animation:trackingDeliveryLine 5s linear infinite;
}

.tracking-delivery-top{
    display:grid;
    grid-template-columns:55px 1fr;
    align-items:start;
    gap:16px;
}

.tracking-delivery-icon{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:17px;
    color:#071007;
    background:linear-gradient(145deg,var(--green),#45bf00);
    box-shadow:0 0 30px rgba(117,255,0,.12);
    animation:trackingPulse 2s ease-in-out infinite;
}

.tracking-delivery p{
    margin:6px 0 0;
    color:#7e8b81;
    font-size:10px;
}

.tracking-delivery-content{
    margin:18px 0 13px;
    padding:17px;
    border:1px solid #203424;
    border-radius:14px;
    background:#040705;
    color:#dcffd4;
    white-space:pre-wrap;
    word-break:break-word;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size:12px;
    line-height:1.6;
    box-shadow:inset 0 0 25px rgba(117,255,0,.02);
}

.tracking-delivery-copy{
    cursor:pointer;
}

.tracking-summary-card{
    position:relative;
    min-height:390px;
    overflow:hidden;
    transform-style:preserve-3d;
}

.tracking-summary-card:before{
    content:"";
    position:absolute;
    inset:-50%;
    background:conic-gradient(from 0deg,transparent 0 42%,rgba(117,255,0,.38) 49%,transparent 56% 100%);
    opacity:.28;
    animation:trackingSummarySpin 9s linear infinite;
}

.tracking-summary-card:after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:23px;
    background:linear-gradient(155deg,#0c120e,#060907);
    z-index:0;
}

.tracking-summary-inner{
    position:relative;
    z-index:2;
    padding:26px;
    transform:translateZ(24px);
}

.tracking-summary-rows{
    display:grid;
    gap:0;
    margin-top:24px;
}

.tracking-summary-rows>div{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding:12px 0;
    border-bottom:1px solid #18221a;
}

.tracking-summary-rows span{
    color:#77847a;
    font-size:10px;
}

.tracking-summary-rows strong{
    font-size:12px;
}

.tracking-summary-total{
    margin-top:7px;
    padding-top:18px!important;
    border-top:1px solid #2a3e2d;
    border-bottom:0!important;
}

.tracking-summary-total strong{
    color:var(--green);
    font:800 31px Rajdhani;
    text-shadow:0 0 20px rgba(117,255,0,.13);
}

.tracking-summary-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:27px;
}

.tracking-summary-meta>div{
    display:grid;
    gap:5px;
    padding:12px;
    border:1px solid #1c2920;
    border-radius:13px;
    background:#090d0a;
}

.tracking-summary-meta span{
    color:#647068;
    font-size:8px;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.tracking-summary-meta strong{
    color:#dce4de;
    font-size:10px;
}

.tracking-summary-orbit{
    position:absolute;
    z-index:1;
    border:1px solid rgba(117,255,0,.11);
    border-radius:50%;
    pointer-events:none;
}

.tracking-summary-orbit-a{
    width:230px;
    height:64px;
    right:-100px;
    bottom:75px;
    animation:trackingOrbitOne 10s linear infinite;
}

.tracking-summary-orbit-b{
    width:190px;
    height:54px;
    right:-65px;
    bottom:100px;
    animation:trackingOrbitTwo 13s linear infinite;
}

.tracking-support-card{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:13px;
    padding:18px;
}

.tracking-support-icon{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid #29382c;
    border-radius:14px;
    background:#101711;
    color:var(--green);
    font-weight:800;
    font-size:18px;
}

.tracking-support-card strong{
    font-size:12px;
}

.tracking-support-card p{
    margin:6px 0 11px;
    color:#718077;
    font-size:10px;
    line-height:1.55;
}

@property --pay-angle{
    syntax:'<angle>';
    initial-value:0deg;
    inherits:false;
}

@keyframes trackingHeroGlow{
    0%,100%{transform:scale(.85);opacity:.045}
    50%{transform:scale(1.18);opacity:.09}
}

@keyframes trackingScan{
    0%,22%{left:-180px}
    70%,100%{left:calc(100% + 180px)}
}

@keyframes trackingOrbitOne{
    to{transform:rotate(346deg)}
}

@keyframes trackingOrbitTwo{
    to{transform:rotate(-292deg)}
}

@keyframes trackingTopLine{
    0%,100%{opacity:.15;transform:scaleX(.25)}
    50%{opacity:.65;transform:scaleX(1)}
}

@keyframes trackingPulse{
    0%,100%{transform:scale(.9)}
    50%{transform:scale(1.12)}
}

@keyframes trackingActiveNode{
    0%,100%{box-shadow:0 0 12px rgba(117,255,0,.04)}
    50%{box-shadow:0 0 28px rgba(117,255,0,.15)}
}

@keyframes trackingConnectorFill{
    from{width:0}
    to{width:100%}
}

@keyframes trackingPayBorder{
    to{--pay-angle:360deg}
}

@keyframes trackingWarningScan{
    0%,35%{left:-120px}
    72%,100%{left:calc(100% + 130px)}
}

@keyframes trackingButtonScan{
    0%,58%{left:-110px}
    82%,100%{left:calc(100% + 110px)}
}

@keyframes trackingRadar{
    0%{transform:scale(.45);opacity:.75}
    100%{transform:scale(1.3);opacity:0}
}

@keyframes trackingDeliveryLine{
    to{left:130%}
}

@keyframes trackingSummarySpin{
    to{transform:rotate(360deg)}
}

@media(max-width:1000px){
    .tracking-hero-shell{
        align-items:flex-start;
        flex-direction:column;
    }

    .tracking-id-card{
        width:100%;
    }

    .tracking-grid{
        grid-template-columns:1fr;
    }

    .tracking-side{
        position:static;
        grid-template-columns:1fr 1fr;
    }

    .tracking-progress{
        overflow:auto;
        padding-bottom:6px;
    }

    .tracking-step{
        min-width:140px;
    }

    .tracking-connector{
        min-width:34px;
    }
}

@media(max-width:700px){
    .tracking-hero{
        padding:22px 0 16px;
    }

    .tracking-hero-shell{
        min-height:0;
        padding:29px 21px;
        border-radius:22px;
    }

    .tracking-hero h1{
        font-size:48px;
    }

    .tracking-id-card{
        min-height:170px;
        padding:24px 16px;
        border-radius:20px;
    }

    .tracking-status-card,
    .tracking-panel,
    .tracking-payment-card,
    .tracking-delivery{
        padding:20px;
        border-radius:20px;
    }

    .tracking-status-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .tracking-progress{
        grid-template-columns:auto 35px auto 35px auto 35px auto;
        margin-right:-20px;
    }

    .tracking-step{
        min-width:54px;
        justify-content:center;
    }

    .tracking-step-copy{
        display:none;
    }

    .tracking-step-node{
        width:44px;
        height:44px;
        flex-basis:44px;
    }

    .tracking-product{
        grid-template-columns:42px 1fr;
    }

    .tracking-product-price{
        grid-column:2;
        font-size:18px;
    }

    .tracking-side{
        grid-template-columns:1fr;
    }

    .tracking-summary-card{
        min-height:350px;
    }

    .tracking-payment-total strong{
        font-size:30px;
    }

    .tracking-waiting{
        grid-template-columns:1fr;
    }

    .tracking-delivery-top{
        grid-template-columns:1fr;
    }
}

@media(prefers-reduced-motion:reduce){
    .tracking-hero-shell:after,
    .tracking-scan:after,
    .tracking-status-card:before,
    .tracking-status-pill i,
    .tracking-step.active .tracking-step-node,
    .tracking-payment-card:before,
    .tracking-paypal-warning:after,
    .tracking-paid-button:before,
    .tracking-waiting-radar i,
    .tracking-delivery:before,
    .tracking-summary-card:before,
    .tracking-id-orbit,
    .tracking-summary-orbit{
        animation:none!important;
    }
}