*{box-sizing:border-box}body{margin:0;background:#f4f5ee;color:#173e37;font-family:Tahoma,Arial,sans-serif}header{padding:25px 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid #d5ddd2}header b{margin-right:auto;font-size:11px;background:#e9e2c9;padding:10px;border-radius:30px}.brand{font-size:24px;font-weight:bold}header span{font-size:12px}main{max-width:1450px;margin:auto;padding:30px 4%}.intro small,aside small{color:#798665}.intro h1{font-size:42px;margin:14px 0}.intro p{color:#718079;line-height:1.9}.stats{display:flex;gap:55px;margin:30px 0}.stats div{display:flex;flex-direction:column;gap:8px}.stats strong{font-size:25px}.stats span{font-size:12px;color:#718079}.workspace{display:grid;grid-template-columns:1fr 320px;gap:22px}.map{position:relative;background:#e5ece4;border:1px solid #ced9ce;border-radius:20px;overflow:hidden;min-height:620px}.toolbar{position:absolute;top:16px;right:16px;left:16px;display:flex;gap:7px;z-index:1}button,select{border:1px solid #cfd9cf;background:#fff;color:#214c40;padding:12px;border-radius:9px;font-family:inherit;cursor:pointer}button:hover{background:#dceadd}button:disabled{opacity:.45}canvas{width:100%;height:620px;display:block;touch-action:none}.legend{position:absolute;bottom:45px;right:20px;display:flex;gap:18px;font-size:11px;background:#ffffffdf;padding:10px;border-radius:10px}#hint{position:absolute;bottom:12px;right:20px;font-size:11px}aside{border:1px solid #d6ded2;border-radius:20px;background:#fffdf7;padding:25px}aside h2{font-size:24px}aside p{font-size:12px;line-height:1.9}aside select{width:100%;margin:12px 0}label{font-size:12px}.summary{display:grid;gap:17px;border-top:1px solid #ddd;padding-top:20px}.summary span{display:flex;justify-content:space-between;font-size:12px}aside button{display:block;width:100%;margin-top:10px}.primary{background:#225b43;color:white;border:0}.primary:hover{background:#337a59}.note{color:#7b857d;font-size:10px!important}#message{min-height:45px;color:#977438}.pricing{margin:40px 0}.pricing h2{font-size:24px}.pricing p{font-size:12px;color:#748177}#tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}#tiers div{padding:22px;background:#e7eddf;border-radius:12px;display:grid;gap:15px;font-size:12px}#tiers strong{font-size:19px}details{font-size:12px;line-height:2.2;background:#fff9;padding:20px;border-radius:12px}a{color:inherit}footer{margin:30px 0;font-size:11px;color:#7a867c}@media(max-width:850px){.workspace{grid-template-columns:1fr}.intro h1{font-size:30px}header span{display:none}.stats{gap:20px}.stats strong{font-size:20px}#tiers{grid-template-columns:1fr 1fr}.map{min-height:480px}canvas{height:480px}}

input{width:100%;padding:12px;margin-top:10px;border:1px solid #cfd9cf;border-radius:9px;font:inherit}label{display:block;margin-top:16px}

.map{background:#f9fbf5;background-image:radial-gradient(#c8d6c5 .7px,transparent .7px);background-size:16px 16px;min-height:680px}canvas{height:680px}.toolbar{flex-wrap:wrap}.toolbar select{max-width:160px}#pixels{background:#215b43;color:white;border-color:#215b43}.viewmode{position:absolute;top:78px;right:18px;border:1px solid #cbd7c5;background:#fffef0ee;padding:10px 14px;border-radius:8px;font-size:11px;pointer-events:none}.legend{gap:12px;flex-wrap:wrap;left:15px;right:15px;width:max-content;max-width:calc(100% - 30px)}#hint{background:#ffffffe8;padding:7px 10px;border-radius:6px;max-width:calc(100% - 30px);line-height:1.8;font-size:10px}@media(max-width:850px){.map{min-height:600px}canvas{height:600px}.toolbar{gap:5px}.toolbar button,.toolbar select{padding:9px;font-size:11px}.viewmode{top:92px;font-size:10px}.legend{font-size:9px;gap:8px;bottom:65px}#hint{bottom:10px}}

#artworkStatus{display:block;margin:8px 0;color:#718079;font-size:11px}

header{flex-wrap:wrap}#accountLabel{font-size:11px;color:#536b5e}.modal{width:min(92vw,480px);max-height:90vh;overflow:auto;border:1px solid #ccd8c9;border-radius:18px;background:#fffdf7;color:#173e37;padding:28px;box-shadow:0 24px 80px #173e3740}.modal::backdrop{background:#102a24a8}.modal h2{margin:10px 0}.modal p{font-size:12px;line-height:1.9}.modal label{display:block;margin:12px 0;font-size:12px}.modal input,.modal select{width:100%;padding:12px;margin-top:8px;border:1px solid #cfd9cf;border-radius:9px;font:inherit;background:white}.modal button{margin:6px 4px 0 0}.modalClose{float:left;width:auto!important;margin:0!important;padding:4px 12px!important;font-size:22px}.backoffice{width:min(96vw,900px)}.adminStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.adminStats div{background:#e7eddf;border-radius:10px;padding:14px;display:grid;gap:8px}.adminStats strong{font-size:20px}.adminStats span,.backoffice table{font-size:12px}.backoffice table{width:100%;border-collapse:collapse}.backoffice th,.backoffice td{text-align:right;padding:12px;border-bottom:1px solid #dde4da}.backoffice th{background:#f1f4ed}@media(max-width:850px){header{gap:8px}header b{margin-right:0}.adminStats{grid-template-columns:1fr 1fr}.backoffice{padding:18px}}
.referral{margin:20px 0;padding:16px;border:1px solid #d8e1d3;border-radius:12px;background:#f5f8ef}.referral h3{margin:0 0 10px;font-size:16px}.referral p{margin:8px 0;font-size:11px}.referral strong{display:inline-block;padding:8px 12px;background:#e4ecd9;border-radius:8px;direction:ltr;unicode-bidi:isolate}.backoffice #adminReferralOverview{padding:12px 0;line-height:2;font-size:12px}
.companyStatus,.discountInfo{display:block;margin:8px 0;color:#697961;font-size:11px;line-height:1.8}.reviewList{display:grid;gap:12px;margin:14px 0}.reviewCard{display:grid;gap:9px;padding:16px;border:1px solid #d8e1d3;border-radius:12px;background:#f6f8f2;font-size:12px}.reviewCard strong{font-size:15px}.reviewCard div{display:flex;gap:8px;flex-wrap:wrap}.reviewCard button{width:auto}.adminStats{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.cryptoQuote{display:block;margin:8px 0;color:#536b5e;font-size:11px;line-height:1.8}.rateAdmin{margin:20px 0;padding:16px;border:1px solid #d8e1d3;border-radius:12px;background:#f5f8ef}.rateAdmin h3{margin:0 0 8px}.rateAdmin form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.rateAdmin form label{flex:1;min-width:180px}.rateAdmin form input{margin-top:8px}.rateAdmin form button{white-space:nowrap}.rateAdmin small{display:block;margin-top:10px;color:#697961}

/* Design refresh: warm canvas, deep green navigation, clear purchase surfaces */
:root{color-scheme:light;--ink:#173632;--deep:#102f2d;--green:#176856;--green-bright:#2f8b6b;--gold:#d6ad60;--paper:#f7f5ed;--muted:#71827b;--line:#dfe6dd;--card:#fffefa;--shadow:0 14px 40px rgba(17,49,44,.09)}
html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;background-image:radial-gradient(ellipse at 88% 8%,rgba(207,181,119,.12),transparent 31rem)}
header{position:sticky;top:0;z-index:10;min-height:72px;padding:13px clamp(16px,4vw,64px);gap:18px;background:rgba(16,47,45,.97);color:#fff;border:0;box-shadow:0 6px 24px rgba(9,36,33,.16);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:21px;white-space:nowrap}.brand:first-letter{color:var(--gold)}header span{color:#d0ddd7;font-size:12px}#accountLabel{color:#f2dfb3;font-size:12px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header button{width:auto;margin:0;background:#f8f5e9;color:var(--deep);border:0;font-weight:700}header button:hover{background:#e7d7ad}header b{margin-right:auto;background:rgba(255,255,255,.09);color:#f1e3c1;border:1px solid rgba(255,255,255,.13);font-weight:500}
main{max-width:1600px;padding:34px clamp(16px,4vw,64px) 48px}.intro{position:relative;isolation:isolate;overflow:hidden;margin:0 0 22px;padding:clamp(28px,5vw,58px);border-radius:26px;background:linear-gradient(116deg,#103b35 0%,#145a4c 60%,#1d6652 100%);color:#fff;box-shadow:0 20px 48px rgba(18,73,61,.2)}.intro:before{content:"";position:absolute;z-index:-1;width:440px;height:440px;left:-120px;top:-220px;border:1px solid rgba(238,215,165,.22);border-radius:50%;box-shadow:0 0 0 35px rgba(238,215,165,.035),0 0 0 75px rgba(238,215,165,.03)}.intro:after{content:"";position:absolute;z-index:-1;width:240px;height:240px;left:9%;bottom:-190px;border:1px solid rgba(238,215,165,.25);border-radius:50%}.intro small{color:#e6c982;letter-spacing:.04em}.intro h1{max-width:760px;margin:12px 0 10px;font-size:clamp(32px,4vw,54px);line-height:1.35;letter-spacing:-.035em}.intro p{max-width:680px;margin:0;color:#d6e4dd;font-size:14px;line-height:2}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}.stats div{position:relative;min-height:102px;justify-content:center;padding:18px 22px;background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 18px rgba(17,49,44,.035)}.stats div:before{content:"";position:absolute;top:18px;right:0;width:3px;height:36px;border-radius:3px;background:var(--gold)}.stats div:nth-child(2):before{background:var(--green-bright)}.stats div:nth-child(3):before{background:#7291a0}.stats strong{font-size:clamp(19px,2.2vw,27px);color:var(--deep);font-variant-numeric:tabular-nums}.stats span{color:var(--muted);font-size:12px}
.workspace{grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);align-items:start;gap:20px}.map{min-width:0;background-color:#e8efeb;background-image:radial-gradient(#b7c8bf .8px,transparent .8px);border:1px solid #d6e1da;border-radius:22px;min-height:650px;box-shadow:var(--shadow)}canvas{height:650px}.toolbar{top:17px;right:17px;left:17px;gap:8px}.toolbar select,.toolbar button{min-height:42px;border:1px solid #d6e0d9;background:rgba(255,255,255,.96);color:#234a40;border-radius:11px;font-size:12px;box-shadow:0 3px 10px rgba(20,53,47,.06)}.toolbar button:hover,.toolbar select:hover{border-color:#91b3a3;background:#fff}.toolbar #pixels{background:var(--deep);color:white;border-color:var(--deep)}.toolbar #pixels:hover{background:#1e5649}.viewmode{top:77px;right:18px;border:1px solid #dbe5dd;background:rgba(255,254,249,.94);color:var(--deep);border-radius:11px;box-shadow:0 4px 14px rgba(20,53,47,.08);font-size:11px}.legend{bottom:46px;left:16px;right:16px;width:auto;max-width:none;justify-content:center;gap:8px 15px;background:rgba(255,254,249,.94);border:1px solid #dce5de;border-radius:12px;color:#40574f;box-shadow:0 5px 15px rgba(20,53,47,.07);font-size:11px}#hint{right:16px;bottom:10px;background:rgba(255,254,249,.92);color:#52675e;border:1px solid #e1e7df;border-radius:9px;box-shadow:0 3px 10px rgba(20,53,47,.05)}
aside{position:sticky;top:91px;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}aside>small:first-child{color:#9d7b38;font-weight:700;letter-spacing:.03em}aside h2{margin:9px 0;font-size:25px;color:var(--deep)}aside p{color:#718078;font-size:12px;line-height:1.9}aside label{color:#39584f;font-weight:700}aside input,aside select,input,select{border:1px solid #d8e2da;border-radius:11px;background:#fff;color:var(--ink)}aside select{padding:11px 12px}input{min-height:44px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(214,173,96,.5);outline-offset:2px}.summary{gap:0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.summary span{align-items:center;padding:8px 0;color:#65776f}.summary b{color:var(--deep);font-size:13px}.summary span:nth-child(3),.summary span:nth-child(4){margin-top:6px;padding-top:13px;border-top:1px dashed #d9e1da}.summary span:nth-child(3) b{font-size:17px;color:var(--green)}.cryptoQuote{color:#526b60;font-size:11px}.cryptoQuote+ .cryptoQuote{display:inline-block;padding:6px 9px;background:#e9f4ee;border:1px solid #d3e9db;border-radius:999px;color:#246349}.referral{margin:16px 0;padding:15px 16px;background:#f7f3e8;border:1px solid #ebe1c9;border-radius:14px}.referral h3{color:#67512d}.referral strong{background:#ece2c8;color:#55421f}.referral p{color:#73674d}.companyStatus,.discountInfo{color:#64796e}
button{transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 7px 15px rgba(23,68,55,.10)}button:disabled{cursor:not-allowed;opacity:.48}.primary{background:linear-gradient(135deg,#176856,#20745d);color:#fff;border:0;box-shadow:0 7px 18px rgba(23,104,86,.18)}.primary:hover{background:#145a4a}.note{color:#8a9690!important;line-height:1.8!important}#message{margin:12px 0;padding:10px 12px;min-height:40px;border-radius:10px;background:#f8f4e8;color:#7f6630;font-size:12px}
.pricing{margin:38px 0 28px}.pricing h2{margin-bottom:7px;color:var(--deep);font-size:27px}.pricing p{color:var(--muted);line-height:1.8}#tiers{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:17px}#tiers div{position:relative;overflow:hidden;padding:19px;background:var(--card);border:1px solid var(--line);border-top:3px solid #5b8c78;border-radius:15px;box-shadow:0 8px 22px rgba(17,49,44,.045);gap:12px;color:#708078}#tiers div:nth-child(2){border-top-color:#628399}#tiers div:nth-child(3){border-top-color:#b39352}#tiers div:nth-child(4){border-top-color:#ab7c58}#tiers div:nth-child(5){border-top-color:#9e6671}#tiers strong{color:var(--deep);font-size:20px;font-variant-numeric:tabular-nums}details{padding:18px 20px;background:rgba(255,254,250,.8);border:1px solid var(--line);border-radius:15px;color:#64766e}details summary{color:var(--deep);font-weight:700;cursor:pointer}footer{padding:18px 0;border-top:1px solid var(--line);color:#718078;line-height:1.9}
.modal{border:1px solid #dce5dc;border-radius:22px;background:var(--card);color:var(--ink);box-shadow:0 28px 90px rgba(8,31,28,.28)}.modal::backdrop{background:rgba(7,28,27,.68);backdrop-filter:blur(3px)}.modal h2{color:var(--deep)}.modal label{color:#39584f}.modal input,.modal select{border-color:#d7e2d9;border-radius:11px}.modalClose{border-radius:50%;background:#edf2ed}.backoffice{max-width:940px}.adminStats div{background:#f2f5ef;border:1px solid var(--line);border-radius:13px}.rateAdmin{background:#f7f3e8;border-color:#ebe1c9;border-radius:15px}.reviewCard{background:#fff;border-color:#dce5dc;border-radius:15px}.backoffice th{background:#edf3ed}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr)}aside{top:86px;padding:20px}#tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){header{gap:10px;min-height:64px;padding:10px 16px}.brand{font-size:18px}header span{display:none}header b{display:none}#accountLabel{margin-right:auto}.workspace{grid-template-columns:1fr}.map{min-height:570px}canvas{height:570px}aside{position:static;order:2}.intro{padding:30px 25px;border-radius:21px}.intro h1{font-size:clamp(30px,7vw,43px)}.stats{gap:9px}.stats div{min-height:88px;padding:13px}.stats span{font-size:11px}}
@media(max-width:520px){main{padding:20px 12px 32px}.intro{margin-bottom:13px;padding:25px 20px}.intro p{font-size:12px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:13px}.stats div{min-height:80px;padding:10px 11px}.stats div:before{top:13px;height:28px}.stats strong{font-size:16px}.stats span{font-size:10px;line-height:1.5}.map{min-height:540px;border-radius:16px}.map canvas{height:540px}.toolbar{top:10px;right:10px;left:10px;gap:5px}.toolbar select{max-width:145px;min-width:0}.toolbar button,.toolbar select{min-height:38px;padding:8px 9px;font-size:10px}.viewmode{top:100px;right:10px;padding:8px 10px;font-size:10px}.legend{bottom:55px;left:8px;right:8px;max-width:calc(100% - 16px);font-size:9px;gap:6px 9px;padding:8px}#hint{right:8px;bottom:7px;font-size:9px}.pricing{margin:28px 0 20px}.pricing h2{font-size:22px}#tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#tiers div{padding:14px;gap:10px}#tiers strong{font-size:17px}.backoffice{padding:18px}.rateAdmin form{display:block}.rateAdmin form button{width:100%}.modal{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Dark background experiment */
:root{color-scheme:dark;--ink:#f1f3ef;--deep:#111513;--green:#63bd91;--green-bright:#8be0b1;--gold:#e2bd70;--paper:#080a09;--muted:#a4b0a8;--line:#2b342f;--card:#121715;--shadow:0 14px 40px rgba(0,0,0,.32)}
html,body{background:#080a09;color:#f1f3ef}body{background-image:radial-gradient(ellipse at 85% 8%,rgba(64,108,82,.15),transparent 34rem)}
header{background:rgba(8,11,10,.97);box-shadow:0 6px 24px rgba(0,0,0,.38);border-bottom:1px solid #252d29}
main{color:#f1f3ef}.intro{background:linear-gradient(116deg,#101715 0%,#14241d 60%,#183326 100%);border:1px solid #273a30;box-shadow:0 20px 48px rgba(0,0,0,.36)}.intro p{color:#c2d0c7}.intro:before,.intro:after{border-color:rgba(167,211,178,.16);box-shadow:0 0 0 35px rgba(167,211,178,.025),0 0 0 75px rgba(167,211,178,.02)}
.stats div,aside,.modal{background:#111513;color:#edf1ed;border-color:#2a332e}.stats strong,aside h2,.summary b{color:#f1f5f0}.stats span,aside p,.summary span,.note{color:#a6b2aa!important}
.map{background-color:#101613;background-image:radial-gradient(#27352d .8px,transparent .8px);border-color:#2d3b33;box-shadow:0 14px 40px rgba(0,0,0,.38)}.toolbar select,.toolbar button,.viewmode{background:rgba(21,28,24,.97);color:#edf2ed;border-color:#344139;box-shadow:0 3px 10px rgba(0,0,0,.3)}.toolbar button:hover,.toolbar select:hover{background:#26352c;border-color:#658a71}.toolbar #pixels,.primary{background:#286844;color:#fff;border-color:#397951}.toolbar #pixels:hover,.primary:hover{background:#347c52}.viewmode{background:rgba(17,24,20,.95);color:#e2eae3;border-color:#344139}.legend{background:rgba(15,20,17,.96);color:#e0e8e2;border-color:#344139;box-shadow:0 5px 15px rgba(0,0,0,.35)}#hint{background:rgba(15,20,17,.95);color:#d1dbd3;border-color:#344139;box-shadow:0 3px 10px rgba(0,0,0,.3)}
input,select,button{background:#171e1a;color:#edf2ed;border-color:#354139}input::placeholder{color:#89988e}button:hover{background:#25352b}.modal{box-shadow:0 24px 80px rgba(0,0,0,.72)}.modal::backdrop{background:rgba(0,0,0,.78)}.modal input,.modal select{background:#171e1a;color:#edf2ed;border-color:#354139}
#tiers div,.adminStats div{background:#141b17;color:#edf2ed;border:1px solid #2d3931}#tiers strong{color:#e8f0e9}.pricing p,footer,details{color:#a8b3ab}details{background:#111613;border:1px solid #2a332e}details a{color:#a4d5b2}.backoffice th{background:#1b241f;color:#edf2ed}.backoffice th,.backoffice td{border-color:#303b34}.reviewCard,.referral,.rateAdmin{background:#141b17;color:#edf2ed;border-color:#303b34}.referral strong{background:#202d24;color:#bce6c7}.cryptoQuote+ .cryptoQuote{background:#18271e;border-color:#2d4937;color:#bce6c7}.summary{border-color:#303b34}.summary span:nth-child(3),.summary span:nth-child(4){border-color:#303b34}.companyStatus,.discountInfo{color:#a4b7aa}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Dark theme polish */
:root{--gold:#e5c47d;--green:#53b783;--green-bright:#8de0ae;--line:#293a31;--card:#111915;--shadow:0 18px 50px rgba(0,0,0,.38)}
body{background-color:#070b09;background-image:radial-gradient(ellipse at 12% 30%,rgba(23,84,55,.13),transparent 34rem),radial-gradient(ellipse at 88% 5%,rgba(56,93,65,.13),transparent 30rem)}
header{min-height:76px;border-bottom:1px solid rgba(137,184,148,.15)}.brand{letter-spacing:-.035em}.brand:first-letter{color:var(--gold)}header b{padding:9px 13px;border-radius:999px}
.intro{min-height:250px;display:flex;flex-direction:column;justify-content:center;border-color:rgba(149,194,151,.22);background:radial-gradient(ellipse at 78% 16%,rgba(81,150,100,.25),transparent 36%),linear-gradient(118deg,#101613 0%,#14251c 53%,#193b2a 100%)}.intro small{display:inline-flex;align-self:flex-start;padding:7px 11px;border:1px solid rgba(226,189,112,.3);border-radius:999px;background:rgba(226,189,112,.08)}.intro h1{line-height:1.3;text-wrap:balance}.intro p{max-width:630px}.intro:before{left:-78px;top:-265px;width:510px;height:510px;border-color:rgba(211,231,194,.12)}
.stats div{background:linear-gradient(145deg,#151d18,#101512);border-color:#29372f;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.22);transition:transform .2s,border-color .2s,box-shadow .2s}.stats div:hover{transform:translateY(-3px);border-color:#45654f;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 15px 32px rgba(0,0,0,.3)}.stats div:before{width:4px;height:40px;top:50%;transform:translateY(-50%);box-shadow:0 0 14px currentColor}.stats div:nth-child(1):before{background:#d9b86e;color:#d9b86e}.stats div:nth-child(2):before{background:#62c58a;color:#62c58a}.stats div:nth-child(3):before{background:#80a9bc;color:#80a9bc}
.map{border-color:#34463b;background-color:#0e1511;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 55px rgba(0,0,0,.4)}.toolbar button,.toolbar select,.viewmode{backdrop-filter:blur(12px)}.toolbar button,.toolbar select{transition:transform .16s,border-color .16s,background .16s}.toolbar button:hover{transform:translateY(-1px)}.toolbar #pixels{box-shadow:0 4px 16px rgba(44,122,76,.24)}.legend{backdrop-filter:blur(12px);box-shadow:0 8px 26px rgba(0,0,0,.35)}#hint{backdrop-filter:blur(10px)}
aside{background:linear-gradient(155deg,#151d18,#101512 72%);border-color:#304036;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 48px rgba(0,0,0,.4)}aside>small:first-child{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(226,189,112,.09);border:1px solid rgba(226,189,112,.2)}aside h2{font-size:27px;letter-spacing:-.025em}aside label{color:#cfdbd1}aside .primary{min-height:48px;border-radius:12px;font-weight:700;box-shadow:0 8px 20px rgba(53,131,83,.18)}aside #buy{min-height:45px;border-radius:12px}aside #clear{border-color:#443a31;color:#dec6a0}aside #clear:hover{background:#28211b}
#tiers div,.adminStats div{position:relative;overflow:hidden;background:linear-gradient(145deg,#17211b,#101512);border:1px solid #2c3b31;border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .2s,border-color .2s,box-shadow .2s}#tiers div:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#5eb27b,transparent);opacity:.55}#tiers div:hover{transform:translateY(-3px);border-color:#52745a;box-shadow:0 12px 28px rgba(0,0,0,.26)}#tiers strong{color:#e7cb8b;font-variant-numeric:tabular-nums}.pricing h2{color:#edf2ed;letter-spacing:-.025em}.pricing p{max-width:700px;line-height:1.9}
.referral,.rateAdmin,.reviewCard{border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.referral h3{color:#e8d39f}.referral strong{border:1px solid #34483a}.summary{margin-top:8px}.summary span:nth-child(3) b{color:#83d5a0}.cryptoQuote+ .cryptoQuote{border-radius:999px;padding:7px 11px}.modal{background:linear-gradient(145deg,#151d18,#101512);border-color:#35443a}.modal h2{color:#f0f4ef}.modalClose{color:#e4c77f}.modal button.primary{background:linear-gradient(110deg,#286844,#37885a)}
button:focus-visible,a:focus-visible,input:focus,select:focus{outline-color:rgba(229,196,125,.65)}button:disabled{filter:saturate(.55)}footer{padding-top:18px;border-top:1px solid #202a24;line-height:1.9}details{border-radius:14px}
@media(max-width:850px){.intro{min-height:220px}.aside{position:static}}
@media(max-width:520px){header{min-height:64px}.intro{min-height:210px}.intro small{font-size:10px}.stats div:hover,#tiers div:hover{transform:none}.pricing{padding-top:4px}}
@media(prefers-reduced-motion:reduce){.stats div,#tiers div,.toolbar button{transition:none}}

/* Separate registration and sign-in actions */
header #accountOpen{background:#e5c47d;color:#111713;border:1px solid #e5c47d;font-weight:700}
header #accountOpen:hover{background:#f0d897;border-color:#f0d897}
header #loginOpen{background:transparent;color:#f1f4f0;border:1px solid rgba(226,238,228,.38);font-weight:600}
header #loginOpen:hover{background:rgba(255,255,255,.1);border-color:#89b992}

@media(max-width:850px){header #accountOpen,header #loginOpen{padding:9px 11px;font-size:11px}}

/* Respect hidden controls inside the account dialog */
[hidden]{display:none!important}

/* Pixel Iran dark theme */
:root{color-scheme:dark;--page:#080b0a;--panel:#111715;--panel-raised:#171f1b;--line:#2b3831;--text:#ecf2ee;--muted:#a3b0a8;--accent:#35a879;--control:#18211c}
html,body{background:var(--page);color:var(--text)}
header{background:#080b0a;border-color:var(--line)}
header span,.intro p,.stats span,aside small,aside p,.pricing p,footer,.note{color:var(--muted)}
header b{background:#1c2b24;color:#e4eee8}
.intro small{color:#94c8ad}
.map{background:#111815;border-color:var(--line)}
button,select,input,textarea{background:var(--control);border-color:#3a4940;color:var(--text)}
button:hover,select:hover{background:#24352b}
button:disabled{color:#89978e}
.primary,#pixels{background:#176b4c;color:#f4fff8;border-color:#176b4c}
.primary:hover,#pixels:hover{background:#21805d}
aside,.modal{background:var(--panel);border-color:var(--line);color:var(--text)}
.modal input,.modal select,.backoffice input,.backoffice select,.backoffice textarea{background:#0d1310;border-color:#39473e;color:var(--text)}
.summary{border-color:var(--line)}
.referral,.adminStats div,#tiers div{background:var(--panel-raised);border-color:var(--line)}
.referral strong{background:#223b2e;color:#dff5e8}
.backoffice th{background:#1d2922;color:#edf3ee}
.backoffice th,.backoffice td{border-color:var(--line)}
details{background:var(--panel);border:1px solid var(--line);color:var(--text)}
.viewmode,.legend,#hint{background:#0b100ee8;border:1px solid #34443a;color:#e6eee8}
.cryptoQuote,#accountLabel,.discountInfo{color:#a7cfb5}
::placeholder{color:#78877d}
::selection{background:#25865e;color:white}

/* Black canvas and Pixel Iran grid appearance */
:root{--page:#000;--panel:#080808;--panel-raised:#111;--line:#292929}
html,body,header,.map,#map{background:#000}

#identityOpen{white-space:nowrap}#identityDialog{max-width:520px}#identityDialog p{line-height:1.9}#identityConsent{width:auto;margin-left:8px}#identityStatus{color:#d9bd74}#identityReview textarea{width:100%;min-height:70px;background:#101512;color:#eef2ed}#identityReview .identityDocuments{display:flex;gap:16px;margin:16px 0}header{flex-wrap:wrap}