@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080809;--panel:#111113;--line:#242426;--muted:#919195;--white:#f2f2ef;--lime:#d8ff71;--sans:'DM Sans',sans-serif;--display:'Manrope','Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.announcement{height:32px;background:#d9ff79;color:#111;font-size:9px;font-weight:700;letter-spacing:.15em;display:flex;align-items:center;justify-content:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:#b6ec35;display:inline-block;box-shadow:0 0 9px #b6ec3566}.announcement .live-dot{background:#151515;box-shadow:none}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.brand{display:inline-flex;align-items:center;gap:10px;font:800 14px var(--display);letter-spacing:.12em}.brand-mark{width:34px;height:34px;border:1px solid #626264;border-radius:10px;display:grid;place-items:center;font-size:12px;letter-spacing:-.07em;background:linear-gradient(140deg,#27272b,#0b0b0c)}.brand-dot{color:var(--lime)}.nav nav{display:flex;gap:36px;color:#a6a6a8;font-size:12px}.nav nav a:hover,.text-link:hover{color:#fff}.nav-right{display:flex;align-items:center;gap:12px}.user-label{font-size:11px;color:#999}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:4px;padding:13px 18px;font-size:11px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-light{background:var(--white);color:#101012}.btn-light:hover{background:var(--lime)}.btn-outline{border:1px solid #ffffff32;background:transparent;color:var(--white)}.btn-outline:hover{border-color:var(--lime)}.btn-small{padding:9px 14px;font-size:10px}.icon-btn,.menu-btn{background:none;border:1px solid #ffffff28;color:#aaa;border-radius:4px;height:32px;width:32px;cursor:pointer}.menu-btn{display:none}.hero{height:630px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero-copy{position:relative;z-index:2;padding-bottom:22px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;color:#a3a3a6;font-weight:600;letter-spacing:.18em}.eyebrow-line{height:1px;width:22px;background:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font:600 clamp(52px,6.3vw,78px)/1.02 var(--display);letter-spacing:-.065em;margin:27px 0 18px}.gradient-text{background:linear-gradient(105deg,#fff 4%,#bdbdbf 50%,#707074 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#9e9ea2;font-size:13px;line-height:1.8;max-width:390px;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:11px;color:#bcbcbf}.text-link span{margin-left:8px;color:var(--lime)}.hero-stats{display:flex;align-items:center;gap:21px;margin-top:65px}.hero-stats>div{display:grid;gap:5px}.hero-stats b{font:600 16px var(--display);letter-spacing:-.04em}.hero-stats span{font-size:8px;color:#77777b;letter-spacing:.11em}.hero-stats i{width:1px;height:25px;background:#333}.hero-art{height:440px;position:relative;display:grid;place-items:center;overflow:hidden}.art-grid{position:absolute;inset:12% 5%;opacity:.3;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black 20%,transparent 75%)}.art-glow{position:absolute;width:290px;height:290px;background:#c2ec5830;border-radius:50%;filter:blur(65px)}.art-orbit{position:absolute;width:360px;height:150px;border:1px solid #ffffff16;border-radius:50%;transform:rotate(-32deg)}.orbit-b{width:310px;height:205px;transform:rotate(43deg);border-color:#d8ff7124}.asset-stack{position:absolute;width:232px;height:260px;transform:rotate(-9deg);filter:drop-shadow(0 30px 30px #0009)}.stack-back{transform:translate(66px,-3px) rotate(12deg);opacity:.75}.stack-cap{height:46px;background:linear-gradient(130deg,#333337,#161619);border:1px solid #55555a;transform:skewY(-24deg);position:absolute;top:-20px;left:10px;right:10px;border-radius:8px;box-shadow:0 8px 20px #0008}.stack-face{height:240px;border:1px solid #646469;border-radius:9px;background:linear-gradient(145deg,#2a2a2d 0%,#121214 53%,#080809 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 40px var(--display);letter-spacing:-.08em;color:#e6e6e4;position:relative;overflow:hidden}.stack-face:before{content:"";position:absolute;inset:9px;border:1px solid #ffffff13;border-radius:5px}.stack-face:after{content:"✳";position:absolute;font-size:130px;color:#d8ff7116;right:-23px;bottom:-46px;transform:rotate(12deg)}.stack-face span{font:600 9px var(--sans);letter-spacing:.27em;color:#aaa;margin-top:4px}.stack-front .stack-face{background:linear-gradient(150deg,#262629,#101012 63%)}.stack-front .stack-face:after{content:"4K";font-size:102px;font-weight:800;right:10px;bottom:-20px;color:#ffffff0b}.art-badge{position:absolute;right:6%;top:21%;border:1px solid #4c4c4f;background:#101012d9;padding:12px 15px;border-radius:5px;display:flex;align-items:center;gap:10px;font-size:8px;color:#a5a5a8;letter-spacing:.12em;line-height:1.6}.sparkle{color:var(--lime);font-size:18px}.art-caption{position:absolute;bottom:7%;right:9%;font-size:8px;color:#747478;letter-spacing:.15em}.art-caption b{color:#bbb;margin-left:7px}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:center;gap:14px;color:#747478;font-size:8px;letter-spacing:.15em}.hero-bottom>span:last-child{margin-left:auto}.scroll-line{width:44px;height:1px;background:#555}.ticker{height:47px;border-block:1px solid #ffffff13;display:flex;align-items:center;overflow:hidden;color:#88888c;font-size:9px;font-weight:600;letter-spacing:.18em;white-space:nowrap}.ticker div{min-width:max-content;animation:marquee 30s linear infinite}.ticker span{color:var(--lime);margin:0 25px}@keyframes marquee{to{transform:translateX(-20%)}}.store-section{padding:105px 0 112px}.section-top,.orders-heading{display:flex;justify-content:space-between;align-items:end}.section-top h2,.manifesto h2,.orders-heading h2{font:600 42px/1.12 var(--display);letter-spacing:-.055em;margin:19px 0 0}.store-intro{max-width:315px}.store-intro p,.orders-heading>p{font-size:11px;line-height:1.8;color:#959599;margin:0 0 20px}.collection-label{display:flex;align-items:center;gap:8px;font-size:8px;color:#aaa;letter-spacing:.14em}.collection-label b{margin-left:auto;color:#eee;font-weight:500}.filters{display:flex;align-items:center;gap:25px;border-bottom:1px solid #ffffff18;margin-top:47px}.filter{padding:0 0 14px;background:none;border:0;border-bottom:1px solid transparent;color:#7f7f83;font-size:10px;cursor:pointer}.filter.active{color:#eee;border-color:var(--lime)}.filter span{color:var(--lime);margin-left:5px}.filter-note{font-size:8px;color:#656569;letter-spacing:.15em;margin-left:auto;padding-bottom:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:24px}.product-card{background:#101012;border:1px solid #ffffff16;border-radius:5px;overflow:hidden;transition:transform .25s,border-color .25s}.product-card:hover{transform:translateY(-4px);border-color:#ffffff42}.product-image{height:225px;background:linear-gradient(135deg,#222225,#111113);position:relative;overflow:hidden;display:grid;place-items:center}.product-image img,.product-image video{width:100%;height:100%;object-fit:cover}.placeholder-art{font:800 72px var(--display);letter-spacing:-.12em;color:#ffffff0c;position:absolute}.product-badge{position:absolute;top:13px;left:13px;padding:6px 8px;background:#09090bd9;border:1px solid #ffffff23;border-radius:3px;font-size:8px;letter-spacing:.1em;color:#d4d4d5}.product-info{padding:18px}.product-category{color:#9dab7e;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.product-info h3{font:600 17px var(--display);letter-spacing:-.035em;margin:8px 0}.product-info p{height:38px;overflow:hidden;color:#89898d;font-size:10px;line-height:1.7;margin-bottom:15px}.product-bottom{border-top:1px solid #ffffff14;padding-top:14px;display:flex;align-items:center;justify-content:space-between}.product-price{font:700 15px var(--display)}.buy-btn{border:1px solid #ffffff38;border-radius:3px;background:transparent;color:#f2f2ef;font-size:9px;padding:9px 12px;cursor:pointer}.buy-btn:hover{background:var(--lime);border-color:var(--lime);color:#111}.loading-card{height:300px;border:1px solid #ffffff14;background:linear-gradient(110deg,#101012,#18181a,#101012);color:#78787b;display:grid;place-items:center;gap:5px;animation:pulse 1.5s infinite}.loading-card span{color:var(--lime)}@keyframes pulse{50%{opacity:.5}}.empty-state{padding:50px;text-align:center;color:#8a8a8e;font-size:12px}.hidden{display:none!important}.manifesto{background:linear-gradient(110deg,#111113,#0c0c0e);border-block:1px solid #ffffff12;padding:86px 0}.manifesto-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.manifesto h2{font-size:44px}.steps article{display:grid;grid-template-columns:35px 1fr 20px;gap:15px;padding:18px 0;border-bottom:1px solid #ffffff18}.step-no{font-size:9px;color:var(--lime);padding-top:3px}.steps h3{font:600 13px var(--display);margin-bottom:6px}.steps p{color:#8d8d91;font-size:10px;line-height:1.7;margin:0}.step-arrow{color:#666}.orders-section{padding:95px 0}.orders-heading{align-items:center}.orders-heading h2{font-size:38px}.orders-heading>p{max-width:285px;margin:0}.orders-content{margin-top:30px}.orders-empty{min-height:115px;border:1px dashed #ffffff25;display:flex;align-items:center;justify-content:center;gap:20px;color:#8c8c90;font-size:11px}.order-row{border:1px solid #ffffff19;border-radius:4px;padding:16px 19px;margin-bottom:9px;display:grid;grid-template-columns:1.2fr 1fr .7fr auto;align-items:center;gap:15px}.order-row strong{font:600 12px var(--display)}.order-row small{display:block;color:#888;margin-top:5px;font-size:9px}.status{font-size:9px;color:#e3c56c}.status.paid{color:var(--lime)}.footer{border-top:1px solid #ffffff17}.footer-main{height:90px;display:flex;align-items:center;justify-content:space-between}.footer-main>span,.back-top{font-size:9px;color:#818185}.back-top{letter-spacing:.1em}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#000b;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal{width:min(480px,100%);max-height:90vh;overflow:auto;background:#121214;border:1px solid #ffffff25;border-radius:6px;padding:27px;box-shadow:0 20px 80px #000b;position:relative}.modal.wide{width:min(760px,100%)}.modal-close{position:absolute;right:17px;top:15px;background:none;border:0;color:#aaa;font-size:22px;cursor:pointer}.modal .eyebrow{margin-bottom:12px}.modal h2{font:600 25px var(--display);letter-spacing:-.04em;margin:0 30px 18px 0}.modal p{font-size:11px;line-height:1.7;color:#999}.form-field{display:grid;gap:7px;margin:13px 0}.form-field label{font-size:9px;color:#aaa;letter-spacing:.08em}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #ffffff26;background:#0b0b0d;border-radius:3px;padding:12px;color:#f2f2ef;font:11px var(--sans);outline:none}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#d8ff7180}.form-field textarea{min-height:82px;resize:vertical}.modal-actions{display:flex;gap:9px;margin-top:18px}.modal-actions .btn{flex:1}.qris-img{display:block;width:min(300px,100%);margin:14px auto;background:#fff;border-radius:4px}.order-summary{background:#0c0c0e;border:1px solid #ffffff16;padding:13px;margin:14px 0;font-size:11px;display:flex;justify-content:space-between}.file-input{font-size:10px!important}.admin-tabs{display:flex;gap:18px;border-bottom:1px solid #ffffff22;margin-bottom:16px}.admin-tab{border:0;background:none;color:#888;padding:0 0 11px;cursor:pointer;font-size:10px}.admin-tab.active{color:var(--lime);border-bottom:1px solid var(--lime)}.admin-list{max-height:300px;overflow:auto}.admin-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff18}.admin-item strong{font-size:11px}.admin-item small{display:block;color:#888;font-size:9px;margin-top:4px}.admin-actions{display:flex;gap:5px}.admin-actions button{background:transparent;border:1px solid #ffffff34;color:#ddd;border-radius:3px;padding:7px 9px;font-size:9px;cursor:pointer}.admin-actions button:hover{border-color:var(--lime)}#toast{position:fixed;z-index:50;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#e1ff85;color:#111;padding:12px 18px;border-radius:4px;font-size:11px;font-weight:600;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.nav{height:68px}.nav nav{display:none;position:absolute;z-index:5;top:100px;left:0;right:0;background:#101012;padding:20px;flex-direction:column;gap:18px;border-bottom:1px solid #ffffff20}.nav nav.open{display:flex}.nav-right{margin-left:auto;margin-right:10px}.user-label{display:none}.icon-btn{display:none}.menu-btn{display:block}.hero{height:auto;min-height:700px;grid-template-columns:1fr;padding-top:60px;align-content:start}.hero h1{font-size:58px}.hero-stats{margin-top:40px;gap:12px}.hero-stats b{font-size:13px}.hero-stats span{font-size:7px}.hero-art{height:335px;margin-top:15px}.asset-stack{transform:scale(.8) rotate(-9deg)}.stack-back{transform:scale(.8) translate(66px,-3px) rotate(12deg)}.hero-bottom{bottom:16px}.section-top,.orders-heading{align-items:start;flex-direction:column;gap:21px}.section-top h2,.manifesto h2{font-size:36px}.store-intro{max-width:100%}.store-intro p{max-width:390px}.filters{gap:16px;overflow:auto}.filter{white-space:nowrap;font-size:9px}.filter-note{display:none}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-image{height:165px}.product-info{padding:12px}.product-info h3{font-size:14px}.product-info p{font-size:9px;height:47px}.product-price{font-size:12px}.buy-btn{padding:8px 9px}.manifesto-inner{grid-template-columns:1fr;gap:35px}.manifesto{padding:65px 0}.orders-heading>p{max-width:100%}.order-row{grid-template-columns:1fr 1fr}.footer-main{height:auto;min-height:100px;gap:10px;flex-wrap:wrap;padding-block:20px}.footer-main>span{order:3;width:100%}}
@media(max-width:390px){.hero h1{font-size:49px}.product-grid{grid-template-columns:1fr}.product-image{height:210px}.hero-stats{gap:8px}.hero-stats i{height:19px}.hero-stats b{font-size:11px}.hero-stats span{letter-spacing:.06em}}
