:root{--bg:#050505;--panel:#101010;--line:#303030;--muted:#aaa;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 22px}
nav{position:sticky;top:0;z-index:10;background:rgba(5,5,5,.95);border-bottom:1px solid #222}
.nav{height:72px;display:flex;align-items:center;gap:24px}.brand{font-size:25px;font-weight:900;letter-spacing:2px;margin-right:auto}
.nav a{font-size:13px;color:#ccc}.nav a:hover{color:white}.btn{display:inline-block;background:#fff;color:#000;padding:13px 19px;border-radius:5px;font-weight:800;border:1px solid white;cursor:pointer}
.btn.alt{background:transparent;color:white}.hero{padding:75px 0 55px;text-align:center}.hero img{max-width:900px;width:100%;height:auto}
h1{font-size:54px;margin:25px 0 12px;letter-spacing:-2px}h2{font-size:32px}p{color:#bdbdbd;line-height:1.65}
.lead{font-size:19px;max-width:780px;margin:0 auto 30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(180deg,#141414,#0b0b0b);border:1px solid #292929;border-radius:10px;padding:25px}
.section{padding:58px 0}.eyebrow{font-size:12px;letter-spacing:3px;color:#999;font-weight:bold}.verify{max-width:700px;margin:35px auto 0;display:flex;gap:10px;background:#101010;border:1px solid #333;padding:12px;border-radius:8px}
input,select,textarea{width:100%;background:#090909;color:white;border:1px solid #3a3a3a;border-radius:5px;padding:14px;font-size:15px}
.stat{font-size:32px;font-weight:900}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.step{border-top:2px solid #555;padding-top:12px;color:#bbb;font-size:13px}
footer{border-top:1px solid #222;padding:35px 0;color:#777;margin-top:60px}.form{max-width:760px;margin:30px auto}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}.tag{display:inline-block;border:1px solid #444;border-radius:30px;padding:7px 11px;color:#bbb;font-size:12px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #292929}th{color:#888;font-size:12px}
@media(max-width:800px){.grid,.steps{grid-template-columns:1fr}.nav a:not(.btn){display:none}h1{font-size:39px}.row{grid-template-columns:1fr}.verify{flex-direction:column}}
/* V3 premium system */
:root{--gold:#e8bb67;--gold2:#fff0b7;--ink:#050505;--panel:#0c0d0e}
body{background:radial-gradient(circle at 70% 10%,#19150e 0,#070707 24%,#030303 55%);}
nav{border-bottom:1px solid #302817}.brand-logo{display:block;width:320px;max-width:38vw}.nav .submit-top{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#080808;border:0}.nav .menu{display:none;font-size:28px}
.hero-premium{padding:38px 0 32px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px}.hero-copy h1{font-size:72px;line-height:.9;margin:10px 0 14px;text-transform:uppercase}.hero-copy h1 .gold{display:block;color:var(--gold);font-style:italic;font-size:1.2em}.hero-copy .strap{letter-spacing:4px;font-size:14px;color:#ddd}.hero-copy .turn{font-size:25px;font-weight:900;letter-spacing:2px}.hero-copy .turn small{display:block;font-size:18px;font-weight:500}.hero-visual{position:relative;min-height:560px}.hero-visual img{width:100%;height:560px;object-fit:cover;object-position:center;border-radius:18px;border:1px solid #554522;filter:saturate(.9) contrast(1.08)}.hero-visual:after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(90deg,#050505 0,transparent 25%,transparent 80%,#05050555)}
.verify-premium{position:relative;margin:-95px auto 0;z-index:3;max-width:850px;background:#0b0d0e;border:1px solid #716142;border-radius:14px;padding:20px;box-shadow:0 20px 55px #000}.verify-premium h2{margin:0 0 12px}.verify-row{display:flex;gap:10px}.verify-row input{background:#fff;color:#111;border:0}.goldbtn{background:linear-gradient(180deg,#f8d58e,#dfa643);border:0;color:#080808}.featurebar{margin:18px auto 0;display:grid;grid-template-columns:repeat(7,1fr);max-width:1100px;border:1px solid #493e2c;border-radius:14px;background:#090b0c;padding:15px 8px}.feat{text-align:center;padding:7px;border-right:1px solid #4b4334}.feat:last-child{border:0}.feat .ico{font-size:28px;color:var(--gold)}.feat b{display:block;font-size:12px;margin-top:5px}.feat small{color:#bbb;font-size:10px;letter-spacing:1px}.premium-card{border-color:#4b3d25;background:linear-gradient(180deg,#111,#080808)}
@media(max-width:800px){.wrap{padding:0 16px}.nav{height:78px;gap:10px}.brand-logo{max-width:none;width:205px}.nav a:not(.submit-top):not(.brand-link),.nav .btn.alt{display:none}.nav .submit-top{display:block!important;padding:12px 14px;font-size:12px}.nav .menu{display:block}.hero-premium{padding-top:14px}.hero-grid{display:block}.hero-copy h1{font-size:52px}.hero-copy .strap{font-size:11px;letter-spacing:2px}.hero-copy .turn{font-size:22px}.hero-copy .lead{font-size:15px;margin:10px 0 18px}.hero-visual{min-height:470px;margin-top:10px}.hero-visual img{height:470px;object-position:48% center}.verify-premium{margin:-40px 10px 0;padding:15px}.verify-row{display:block}.verify-row .btn{width:100%;margin-top:9px}.featurebar{grid-template-columns:repeat(3,1fr);margin:14px 10px 0}.feat{border-bottom:1px solid #302b22}.feat:nth-child(3n){border-right:0}.feat:last-child{grid-column:2}.hero-copy h1 .gold{font-size:1.08em}}
/* V4 landing page visual refresh */
.brand-logo{width:330px;height:auto;object-fit:contain}
.hero-premium{background:linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.90) 46%,rgba(0,0,0,.35) 72%,rgba(0,0,0,.58) 100%),url('/assets/mobile-reference.jpg') center/cover no-repeat;min-height:760px;padding:44px 0 40px}
.hero-grid{grid-template-columns:1.12fr .88fr;min-height:410px}.hero-visual{display:none}.hero-copy{max-width:720px}.hero-copy h1{font-size:78px;line-height:.92;text-shadow:0 4px 22px #000}.hero-copy h1 .gold{color:#f0c978}.hero-copy .turn small{display:inline;font-size:20px;margin-left:8px}.verify-premium{margin:18px 0 0;max-width:820px;background:rgba(8,10,11,.94);backdrop-filter:blur(8px);box-shadow:0 22px 60px #000;border-color:#6c604a}.feature-strip-image{display:block;width:100%;max-width:1160px;margin:16px auto 0;border-radius:8px}.featurebar{display:none}.home-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.proof-card{min-height:210px;border:1px solid #4b4438;border-radius:12px;padding:24px;background:linear-gradient(145deg,rgba(18,18,18,.98),rgba(5,5,5,.98));box-shadow:0 15px 40px #0006}.proof-card .proof-icon{font-size:34px;margin-bottom:20px}.proof-card h3{font-size:25px;margin:0 0 10px}.proof-card p{margin:0}.proof-card code{display:block;margin-top:14px;padding:10px;border:1px solid #444;background:#030303;color:#ddd;font-size:11px;overflow-wrap:anywhere}
@media(max-width:800px){.brand-logo{width:205px}.hero-premium{min-height:auto;background-position:62% center;padding-top:24px}.hero-grid{min-height:auto}.hero-copy{padding:12px 0 210px}.hero-copy h1{font-size:52px}.hero-copy .turn small{display:block;margin:4px 0 0}.verify-premium{margin:-165px 0 0}.feature-strip-image{margin-top:12px}.home-proof-grid{grid-template-columns:1fr}.nav{height:74px}}

/* V4.1 mobile overlap repair */
@media(max-width:800px){
  nav{position:sticky;top:0;z-index:50}
  .nav{height:82px;justify-content:flex-end}
  .brand-link{margin-right:auto;min-width:0}
  .brand-logo{display:block;width:175px;max-width:42vw}
  .hero-premium{background-position:68% center;padding:28px 0 26px}
  .hero-copy{padding:0 0 18px;max-width:100%}
  .hero-copy h1{font-size:50px;line-height:.92;margin:14px 0 18px}
  .hero-copy .turn{font-size:23px;line-height:1.2;margin:0 0 18px}
  .hero-copy .turn small{font-size:18px;line-height:1.25;margin-top:7px}
  .hero-copy .lead{font-size:16px;line-height:1.55;margin:0 0 20px!important;max-width:100%}
  .hero-copy>.btn{margin-bottom:4px}
  .verify-premium{margin:28px 0 0;padding:20px 16px;clear:both}
  .verify-premium h2{font-size:34px;line-height:1.05;margin-bottom:18px}
  .feature-strip-image{margin:18px auto 0;width:100%;height:auto;position:relative;z-index:1}
}
@media(max-width:430px){
  .wrap{padding-left:18px;padding-right:18px}
  .nav{padding-left:12px;padding-right:12px;gap:8px}
  .brand-logo{width:145px;max-width:39vw}
  .nav .submit-top{padding:11px 12px;font-size:11px;white-space:nowrap}
  .nav .menu{font-size:25px}
  .hero-copy h1{font-size:46px;letter-spacing:-1.5px}
  .hero-copy .strap{font-size:10px;line-height:1.35;letter-spacing:1.7px}
  .hero-copy .turn{font-size:21px;letter-spacing:1.5px}
}

/* Actual CardDNA slab showcase */
.real-slab-section{padding-top:72px;padding-bottom:72px}
.real-slab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.real-slab-card{margin:0;border:1px solid rgba(232,187,92,.42);border-radius:18px;overflow:hidden;background:#080808;box-shadow:0 18px 50px rgba(0,0,0,.38)}
.real-slab-card img{display:block;width:100%;height:640px;object-fit:contain;background:#050505}
.real-slab-card figcaption{padding:16px 18px;color:#f2c66d;font-weight:800;letter-spacing:.12em;text-align:center;font-size:13px}
.real-slab-cta{margin-top:26px;display:inline-block}
@media(max-width:760px){.real-slab-section{padding-top:48px;padding-bottom:48px}.real-slab-grid{grid-template-columns:1fr;gap:18px}.real-slab-card img{height:auto;max-height:none}.real-slab-card figcaption{font-size:11px;padding:13px 10px}}

/* V4.4 approved hero artwork */
.hero-premium{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.80) 43%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.38) 100%),url('/assets/carddna-approved-hero.png') center top/cover no-repeat;min-height:790px}
@media(max-width:800px){.hero-premium{background-position:56% top;background-size:auto 100%;min-height:auto}.hero-copy{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.30));border-radius:10px;padding:14px 12px 18px}.verify-premium{margin:22px 0 0}.feature-strip-image{display:none}}

/* V4.6 clean hero + functional mobile navigation */
nav{z-index:100}
.nav .brand-link{margin-right:auto;display:flex!important;align-items:center;min-width:0}
.nav .brand-logo{display:block!important;visibility:visible!important;opacity:1!important}
.menu{background:transparent;border:0;color:#fff;cursor:pointer;padding:8px 10px;line-height:1}
.mobile-menu{display:none}
.hero-premium{background:radial-gradient(circle at 78% 28%,rgba(214,164,73,.18),transparent 30%),linear-gradient(115deg,#050505 0%,#080706 54%,#151008 100%);min-height:760px;position:relative}
.hero-premium:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#0000,#000 60%,#0000)}
.hero-premium>.wrap{position:relative;z-index:1}
.hero-grid{grid-template-columns:.9fr 1.1fr;min-height:560px;gap:10px}
.hero-visual.hero-slabs{display:block;position:relative;min-height:590px;margin:0;overflow:visible}
.hero-slab{position:absolute;width:51%;height:auto;max-height:570px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 24px 24px rgba(0,0,0,.72))}
.hero-slab-front{left:4%;top:14px;z-index:2;transform:rotate(-2deg)}
.hero-slab-back{right:0;top:34px;z-index:1;transform:rotate(2deg)}
.sha-callout{position:absolute;right:1%;bottom:8px;z-index:4;padding:10px 14px;background:rgba(5,5,5,.9);border:1px solid #c99d50;border-radius:8px;text-align:right;box-shadow:0 10px 30px #000}
.sha-callout b{display:block;color:#f0c978;font-size:13px;letter-spacing:1.4px}.sha-callout span{display:block;color:#ddd;font-size:10px;margin-top:3px}

@media(max-width:800px){
  .nav{height:84px;padding-left:14px;padding-right:12px}
  .nav .brand-link{display:flex!important;flex:1 1 auto;overflow:hidden}
  .nav .brand-logo{width:150px!important;max-width:42vw!important;height:auto!important}
  .nav .submit-top{flex:0 0 auto}
  .nav .menu{display:block!important;flex:0 0 auto;font-size:28px}
  .mobile-menu{display:none;position:absolute;left:0;right:0;top:84px;background:rgba(5,5,5,.99);border-top:1px solid #2d271c;border-bottom:1px solid #6c5630;padding:10px 18px 18px;box-shadow:0 18px 35px #000;z-index:110}
  .mobile-menu.open{display:grid;grid-template-columns:1fr;gap:0}
  .mobile-menu a{display:block;padding:16px 6px;border-bottom:1px solid #252525;font-weight:800;font-size:14px;letter-spacing:1px}
  .mobile-menu .mobile-submit{color:#f0c978;border-bottom:0}
  .hero-premium{background:radial-gradient(circle at 72% 27%,rgba(214,164,73,.15),transparent 34%),linear-gradient(135deg,#030303,#100c07);padding-top:22px}
  .hero-grid{display:flex;flex-direction:column;min-height:0}
  .hero-copy{order:1;background:none;padding:0 0 8px;position:relative;z-index:5}
  .hero-visual.hero-slabs{order:2;display:block;min-height:430px;margin-top:-4px}
  .hero-slab{width:54%;max-height:420px}
  .hero-slab-front{left:1%;top:4px}.hero-slab-back{right:0;top:22px}
  .sha-callout{right:0;bottom:2px;padding:8px 10px}.sha-callout b{font-size:11px}.sha-callout span{font-size:9px}
  .verify-premium{margin:18px 0 0}
}
@media(max-width:430px){
  .nav .brand-logo{width:125px!important;max-width:34vw!important}
  .nav .submit-top{padding:12px 13px;font-size:11px}
  .nav .menu{padding:7px 5px;font-size:26px}
  .hero-copy h1{font-size:45px}
  .hero-visual.hero-slabs{min-height:360px}
  .hero-slab{width:55%;max-height:350px}
}

/* V4.7 approved mobile homepage visual */
.approved-mobile-visual{display:none}
@media(max-width:760px){
 .approved-mobile-visual{display:block;background:#050505;border-bottom:1px solid #b88a2a}
 .approved-mobile-visual img{display:block;width:100%;height:auto}
 /* Keep functional site content below the approved visual */
}

/* V4.10 homepage: visual rebuild while preserving the original V4.7 routes and scripts */
.v410-home{background:#050505}.v410-home nav{z-index:200}
.v410-hero{position:relative;min-height:790px;overflow:hidden;background:radial-gradient(circle at 78% 25%,#3b2a13 0,#120d08 24%,#050505 66%)}
.v410-hero-scene{position:absolute;inset:0;z-index:1}.v410-slab{position:absolute;object-fit:contain;filter:drop-shadow(0 30px 24px #000);border-radius:10px}.v410-front{height:87%;right:26%;bottom:-4%;transform:rotate(-1.5deg)}.v410-back{height:82%;right:1%;bottom:-1%;transform:rotate(1.8deg)}
.v410-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.98) 30%,rgba(5,5,5,.73) 45%,rgba(5,5,5,.10) 69%,rgba(5,5,5,.05) 100%)}
.v410-hero-inner{position:relative;z-index:3;min-height:790px;display:flex;align-items:center}.v410-copy{width:47%;padding:36px 0}.v410-eyebrow{color:#f0c978;font-size:16px;font-weight:900;letter-spacing:2px;margin-bottom:14px}.v410-copy h1{font-size:76px;line-height:.87;margin:0 0 20px;letter-spacing:-3px;text-shadow:0 5px 24px #000}.v410-copy h1 span{color:#f2c66d;font-style:italic}.v410-turn{font-size:28px;font-weight:900;letter-spacing:1px;margin-bottom:18px}.v410-turn small{display:block;font-size:24px;font-weight:400;letter-spacing:2px;margin-top:5px}.v410-copy p{font-size:19px;line-height:1.5;color:#eee;max-width:520px;margin:0 0 20px}.v410-submit{font-size:21px;padding:18px 30px}
.v410-features{position:relative;z-index:5;margin-top:-4px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #9b742c;border-radius:14px;background:#070809;overflow:hidden;padding:0}.v410-feature{text-align:center;padding:20px 12px;border-right:1px solid #6d5425}.v410-feature:last-child{border:0}.v410-icon{font-size:40px;color:#f0c978;margin-bottom:8px}.v410-feature b{display:block;font-size:15px}.v410-feature small{display:block;font-size:12px;line-height:1.35;color:#ddd;margin-top:8px}
.v410-verify{margin-top:16px;border:1px solid #9b742c;border-radius:14px;background:#08090a;padding:18px 22px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.v410-verify h2{font-size:38px;margin:0}.v410-verify-row{display:flex;gap:10px}.v410-verify-row input{background:#fff;color:#111;height:60px}.v410-verify-row .btn{white-space:nowrap}
.v410-types{padding-top:16px}.v410-types h2{text-align:center;font-size:30px;margin:8px 0 14px}.v410-types h2 span{color:#f0c978}.v410-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v410-type{min-height:205px;border:1px solid #9b742c;border-radius:12px;background:linear-gradient(180deg,#12100d,#070707);display:flex;flex-direction:column;justify-content:flex-end;text-align:center;padding:14px;overflow:hidden}.v410-type:hover{border-color:#f0c978}.v410-type .type-art{height:105px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;letter-spacing:1px;background:radial-gradient(circle,#2c2112,transparent 68%);color:#f0c978}.v410-type b{font-size:18px;margin:6px 0}.v410-type small{font-size:13px;line-height:1.35;color:#eee}.v410-bottom{padding:20px 22px 55px;text-align:center}.v410-bottom .btn{width:min(720px,100%);font-size:22px}
@media(max-width:800px){.v410-hero{min-height:760px}.v410-hero-inner{min-height:760px;align-items:flex-start}.v410-copy{width:50%;padding-top:35px}.v410-eyebrow{font-size:12px;letter-spacing:1.2px}.v410-copy h1{font-size:48px;line-height:.9;letter-spacing:-2px}.v410-turn{font-size:21px}.v410-turn small{font-size:18px}.v410-copy p{font-size:14px;line-height:1.45}.v410-submit{font-size:17px;padding:16px 20px}.v410-front{height:69%;right:17%;bottom:-1%}.v410-back{height:65%;right:-18%;bottom:1%}.v410-shade{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.93) 31%,rgba(5,5,5,.55) 50%,rgba(5,5,5,.05) 78%)}.v410-features{grid-template-columns:repeat(5,1fr);margin-left:10px;margin-right:10px}.v410-feature{padding:14px 4px}.v410-icon{font-size:28px}.v410-feature b{font-size:10px}.v410-feature small{font-size:8px}.v410-verify{margin:12px 10px 0;display:block;padding:16px}.v410-verify h2{font-size:32px;margin-bottom:12px}.v410-verify-row{display:flex}.v410-verify-row input{height:54px}.v410-verify-row .btn{font-size:11px;padding:12px}.v410-types{padding-left:10px;padding-right:10px}.v410-types h2{font-size:24px}.v410-type-grid{grid-template-columns:repeat(4,1fr);gap:5px}.v410-type{min-height:185px;padding:7px}.v410-type .type-art{height:88px;font-size:15px}.v410-type b{font-size:11px}.v410-type small{font-size:9px}}
@media(max-width:430px){.v410-hero{min-height:700px}.v410-hero-inner{min-height:700px}.v410-copy{width:49%;padding-top:28px}.v410-copy h1{font-size:42px}.v410-copy p{font-size:13px}.v410-front{height:65%;right:12%;bottom:0}.v410-back{height:61%;right:-22%;bottom:2%}.v410-feature small{display:none}.v410-verify-row{display:grid;grid-template-columns:1fr}.v410-verify-row .btn{height:52px}}

/* V4.12 visual polish: premium feature icons + trading-card category artwork */
.v410-icon svg{width:52px;height:52px;fill:none;stroke:#f2c66d;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(242,198,109,.18))}
.card-fan{position:relative!important;height:118px!important;background:radial-gradient(circle at 50% 70%,rgba(242,198,109,.15),transparent 62%)!important}
.card-fan i{position:absolute;display:flex;align-items:flex-end;justify-content:center;width:62px;height:88px;top:11px;border:2px solid rgba(255,255,255,.82);border-radius:5px;box-shadow:0 9px 18px #000;background:linear-gradient(145deg,#333,#111);overflow:hidden;font-style:normal}
.card-fan i:before{content:"";position:absolute;inset:7px 7px 28px;border-radius:3px;background:radial-gradient(circle at 50% 35%,#f2c66d 0 10%,transparent 11%),linear-gradient(145deg,rgba(255,255,255,.22),transparent 45%),linear-gradient(160deg,#543d17,#0b0b0b)}
.card-fan i span{position:relative;z-index:2;font-size:7px;letter-spacing:.4px;color:#fff;margin-bottom:8px}
.card-fan i:nth-child(1){transform:translateX(-42px) rotate(-12deg)}
.card-fan i:nth-child(2){z-index:2;transform:translateY(-5px)}
.card-fan i:nth-child(3){transform:translateX(42px) rotate(12deg)}
.sports-fan i:nth-child(1){background:linear-gradient(150deg,#164c75,#111)}.sports-fan i:nth-child(2){background:linear-gradient(150deg,#8c2727,#111)}.sports-fan i:nth-child(3){background:linear-gradient(150deg,#295a31,#111)}
.monster-fan i:nth-child(1){background:linear-gradient(150deg,#2859a5,#111)}.monster-fan i:nth-child(2){background:linear-gradient(150deg,#c6a31b,#111)}.monster-fan i:nth-child(3){background:linear-gradient(150deg,#a63a22,#111)}
.fantasy-fan i:nth-child(1){background:linear-gradient(150deg,#4b276c,#111)}.fantasy-fan i:nth-child(2){background:linear-gradient(150deg,#17635d,#111)}.fantasy-fan i:nth-child(3){background:linear-gradient(150deg,#7b451c,#111)}
.tcg-fan i:nth-child(1){background:linear-gradient(150deg,#7b2424,#111)}.tcg-fan i:nth-child(2){background:linear-gradient(150deg,#275681,#111)}.tcg-fan i:nth-child(3){background:linear-gradient(150deg,#704493,#111)}
@media(max-width:800px){.v410-icon svg{width:34px;height:34px}.card-fan{height:95px!important}.card-fan i{width:48px;height:72px;top:12px}.card-fan i:nth-child(1){transform:translateX(-30px) rotate(-11deg)}.card-fan i:nth-child(3){transform:translateX(30px) rotate(11deg)}.card-fan i span{font-size:5.5px}}

/* V4.13 Customer login + dashboard */
.auth-body,.dashboard-body{background:#050505;color:#fff;min-height:100vh}.dash-top{height:92px;border-bottom:1px solid #322813;background:#070707;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:20}.dash-top img{width:230px;max-height:58px;object-fit:contain}.gold-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f7d17a,#e9a92f);color:#070707!important;border:0;border-radius:8px;padding:16px 24px;font-weight:900;text-decoration:none;cursor:pointer}.gold-btn.small{padding:12px 18px}.gold-btn.full{width:100%;margin-top:12px}.auth-shell{max-width:1180px;margin:0 auto;min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:60px 30px}.auth-shell.single{display:flex;justify-content:center}.auth-brand h1{font-size:56px;line-height:.98;margin:18px 0}.auth-brand h1 span,.eyebrow{color:#efbd59}.auth-brand p{font-size:18px;line-height:1.65;color:#bbb;max-width:650px}.auth-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.auth-points b{border:1px solid #7a5926;border-radius:30px;padding:10px 14px;font-size:11px}.auth-card{background:#0c0c0c;border:1px solid #6e5125;border-radius:20px;padding:30px;box-shadow:0 24px 70px #000}.auth-tabs{display:flex;border-bottom:1px solid #292929;margin:-5px 0 28px}.auth-tabs button{flex:1;background:none;border:0;color:#888;padding:15px;font-weight:900}.auth-tabs button.active{color:#efbd59;border-bottom:2px solid #efbd59}.auth-card label,.profile-form label{display:block;color:#aaa;font-size:12px;font-weight:800;margin:16px 0 7px}.auth-card input,.profile-form input{box-sizing:border-box;width:100%;background:#151515;border:1px solid #333;border-radius:8px;padding:14px;color:#fff;font-size:16px}.text-btn{width:100%;background:none;border:0;color:#aaa;padding:15px;cursor:pointer}.fine,.auth-msg{color:#999;font-size:12px;line-height:1.5}.auth-msg{margin-top:15px;color:#efbd59}
.dashboard-shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 92px)}.dash-side{border-right:1px solid #292318;padding:28px 20px}.dash-user{display:flex;gap:12px;align-items:center;padding:8px 5px 28px}.dash-user small{display:block;color:#777;margin-top:4px;max-width:165px;overflow:hidden;text-overflow:ellipsis}.avatar{width:42px;height:42px;border-radius:50%;background:#efbd59;color:#111;display:grid;place-items:center;font-weight:900}.dash-side nav{display:grid;gap:7px}.dash-side nav button{background:none;border:0;border-radius:7px;text-align:left;color:#8d8d8d;padding:13px;font-weight:800;cursor:pointer}.dash-side nav button.active,.dash-side nav button:hover{background:#17130c;color:#efbd59}.dash-main{padding:45px;min-width:0}.dash-panel{display:none}.dash-panel.active{display:block}.dash-panel h1{font-size:42px;margin:8px 0}.dash-lead{color:#888}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:32px 0}.stats div,.dash-box{border:1px solid #3d321f;background:#0b0b0b;border-radius:14px;padding:24px}.stats small,.order-row small,.card-record small,.report-row small{display:block;color:#777;font-weight:800;font-size:10px;letter-spacing:1px}.stats strong{font-size:42px;color:#efbd59}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.dash-box h2{margin-top:0}.box-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.box-head button{background:none;border:0;color:#efbd59;font-weight:900}.empty-state{color:#777;padding:25px 0}.progress-list{display:grid;gap:12px}.progress-list span{border-left:2px solid #765522;padding:7px 12px;color:#aaa;font-size:12px}.order-row,.card-record,.report-row{display:grid;grid-template-columns:1.2fr 1.5fr .6fr .8fr;gap:15px;align-items:center;border-bottom:1px solid #222;padding:17px 0}.status-pill{color:#efbd59}.card-record strong{font-size:24px;color:#efbd59}.report-row{grid-template-columns:2fr .5fr 1fr}.report-row a{color:#efbd59;text-align:right}.form2,.form3{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.form3{grid-template-columns:2fr 1fr 1fr}.dash-actions{display:flex;align-items:center;gap:12px}.dash-logout{background:none;border:0;color:#888;font-weight:800}
@media(max-width:800px){.dash-top{height:72px;padding:0 16px}.dash-top img{width:150px}.auth-shell{display:block;padding:38px 18px}.auth-brand{margin-bottom:30px}.auth-brand h1{font-size:39px}.dashboard-shell{display:block}.dash-side{border:0;border-bottom:1px solid #292318;padding:10px 14px}.dash-user{padding:8px}.dash-side nav{display:flex;overflow-x:auto}.dash-side nav button{white-space:nowrap}.dash-main{padding:26px 16px}.dash-panel h1{font-size:34px}.stats{grid-template-columns:repeat(3,1fr);gap:7px}.stats div{padding:14px 10px}.stats small{font-size:8px}.stats strong{font-size:30px}.dash-grid{grid-template-columns:1fr}.order-row,.card-record{grid-template-columns:1fr 1fr}.report-row{grid-template-columns:1fr .4fr}.report-row a{grid-column:1/-1;text-align:left}.form2,.form3{grid-template-columns:1fr}.dash-logout{display:none}}

/* V4.14 — clean category tiles: no faux card images */
.v410-types .type-card{
  min-height:255px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  padding:28px 18px!important;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 18%,rgba(239,189,89,.12),transparent 34%),
    linear-gradient(180deg,#10100f 0%,#080808 70%)!important;
}
.v410-types .type-card:before{
  content:"";
  width:58px;height:58px;
  margin-bottom:22px;
  border:1px solid rgba(239,189,89,.75);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(239,189,89,.17),rgba(239,189,89,.025));
  box-shadow:inset 0 0 20px rgba(239,189,89,.06),0 0 24px rgba(239,189,89,.05);
}
.v410-types .type-card:after{
  content:"CARDDNA";
  position:absolute;
  top:48px;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.3px;
  color:#efbd59;
}
.v410-types .type-card h3{
  margin:0 0 14px!important;
  font-size:22px!important;
  line-height:1.08!important;
}
.v410-types .type-card p{
  margin:0!important;
  color:#c8c8c8!important;
  line-height:1.45!important;
}
@media(max-width:800px){
  .v410-types .type-card{min-height:215px!important;padding:20px 10px!important}
  .v410-types .type-card:before{width:48px;height:48px;margin-bottom:16px}
  .v410-types .type-card:after{top:40px;font-size:7px}
  .v410-types .type-card h3{font-size:17px!important}
  .v410-types .type-card p{font-size:12px!important}
}

/* V4.15 category artwork */
.v410-types .type-card{justify-content:flex-start!important;padding:0 16px 24px!important}
.v410-types .type-card:before,.v410-types .type-card:after{display:none!important}
.v410-types .category-image{width:calc(100% + 32px);height:150px;object-fit:cover;display:block;margin:0 -16px 24px;border-bottom:1px solid rgba(239,189,89,.42);border-radius:18px 18px 0 0;opacity:.96}
.v410-types .type-card h3{margin-top:0!important}
@media(max-width:800px){.v410-types .category-image{height:105px;margin-bottom:16px}.v410-types .type-card{padding-bottom:16px!important}}