/* Dark old-web: worn CRT, xerox red, hard borders, system fonts. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Space+Mono:wght@400;700&display=swap');
*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#101011;--ink:#e9dfd1;--line:#57514d;--muted:#b1a89e;--red:#a42c31;--hot:#ff786e;--blue:#0c2443;--sky:#b8dbff}
body{margin:0;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#ffffff02 0 1px,transparent 1px 5px),#09090a;color:var(--ink);font:14px/1.55 "Courier New",Courier,monospace;padding:28px 16px}
button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #ae665f;border-bottom:3px solid #380e10;border-right:3px solid #380e10;background:linear-gradient(#a42c31,#681d23);color:#fff0e3;padding:14px 15px;border-radius:0;font-weight:bold;box-shadow:inset 1px 1px #ffffff28;text-transform:uppercase;letter-spacing:.02em}button:hover{background:#a8373c;color:#fff}button:active{transform:translate(1px,1px);box-shadow:none}button:disabled{opacity:.45;cursor:wait}a{color:var(--sky);text-underline-offset:3px}a:hover{color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
.app{max-width:760px;margin:auto;border:1px solid #726961;box-shadow:6px 6px #000,0 0 0 5px #1a1919;background:linear-gradient(90deg,#ffffff02 1px,transparent 1px),linear-gradient(#ffffff02 1px,transparent 1px),#141414;background-size:7px 7px;min-height:80vh}
.window-bar{display:flex;justify-content:space-between;padding:6px 11px;background:linear-gradient(90deg,#651619,#281112);border-bottom:2px solid #050505;color:#eee2d3;font:10px/1.4 Tahoma,Verdana,sans-serif;letter-spacing:1px}.window-bar span:last-child{letter-spacing:0}
header{display:flex;align-items:center;gap:24px;padding:19px 24px;background:linear-gradient(#222121,#131313);border-bottom:1px solid #655c55}.logo{font-family:"Times New Roman",Times,serif;font-size:62px;font-style:italic;font-weight:900;letter-spacing:-6px;color:#ebe0cf;text-decoration:none;line-height:.9;text-shadow:3px 3px #781f25;transform:rotate(-4deg)}.logo span{font:11px "Courier New",monospace;letter-spacing:0;vertical-align:top}.header-copy{font-size:9px;line-height:1.8;color:#a79c91;letter-spacing:1.4px}.header-copy b{font-weight:normal;color:#ddd0c0}.icon{margin-left:auto;font-size:25px;min-width:42px;min-height:42px;padding:0;background:#272324;border-color:#68605b;color:#e5d5c4}.system-line{display:flex;justify-content:space-between;padding:6px 24px;border-bottom:1px solid #393434;color:#c5b5a3;font-size:9px;letter-spacing:1px;background:#080808}.system-line span:last-child{color:var(--hot)}
main{padding:20px 24px 0}.page{min-width:0}.eyebrow{font-size:10px;letter-spacing:1.5px;margin:16px 0;color:var(--sky)}h1{font-family:"Times New Roman",Times,serif;font-size:clamp(40px,8vw,64px);line-height:.95;letter-spacing:-1.8px;margin:20px 0 24px;font-weight:900;text-shadow:2px 3px #000}h1 em{font-weight:normal}h2{font-size:15px;text-transform:uppercase;letter-spacing:.6px;margin:25px 0 15px}p{color:#c0b5aa;line-height:1.65}small{font-size:12px}
.crt-panel{position:relative;isolation:isolate;padding:20px 23px;border:1px solid #5880a3;box-shadow:inset 0 0 45px #030c1d,4px 4px #08090b;color:#e8ecf2;background:repeating-linear-gradient(0deg,#00000024 0 1px,transparent 1px 3px),linear-gradient(90deg,#97bad00a 1px,transparent 1px),radial-gradient(ellipse at 90% 5%,#90313950,transparent 60%),linear-gradient(140deg,#16334e,#0a1a2c);background-size:auto,5px 5px,auto,auto;overflow:hidden}.crt-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(174deg,transparent 0 48px,#c7c7c712 49px,transparent 50px);mix-blend-mode:screen}.crt-panel .eyebrow{margin:0 0 21px}.crt-panel h1{position:relative;z-index:1;margin:0 0 20px;max-width:88%}.hero-note{font-size:11px;color:#aec2d2;margin:0;position:relative;z-index:1}.stamp{position:absolute;right:18px;top:20px;border:3px double #ff736bb0;padding:10px 8px;transform:rotate(12deg);font-size:13px;font-weight:bold;color:#ff8c82aa;line-height:1.1;text-align:center}
.balance{position:relative;border:1px solid #5b5550;border-bottom:3px solid #050505;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px),#0b0b0c;padding:19px 21px;margin:18px 0 12px;box-shadow:inset 2px 2px #000}.balance>span{font-size:9px;letter-spacing:1.3px;color:#afa08f}.balance strong{font-family:"Courier New",monospace;font-weight:normal;font-size:50px;letter-spacing:-3px;color:#ead6bd;text-shadow:0 0 12px #b4a38130}.balance small{color:#a89987;font-size:16px}.balance p{font-size:10px;color:#a9a196;border-top:1px dashed #443e38;padding-top:10px;margin:7px 0 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid2 button{font-size:12px}.secondary{background:linear-gradient(#393430,#24201e);border-color:#756d65;border-bottom-color:#0a0808;border-right-color:#0a0808;color:#ede1d0}.secondary:hover{background:#4a4038}
.certificate-banner{display:grid;grid-template-columns:94px minmax(0,1fr);gap:0;width:100%;text-align:left;padding:0;border:1px solid #8b6259;border-bottom:3px solid #080505;border-right:3px solid #080505;background:#251816;margin:20px 0 24px;box-shadow:3px 3px #000;transform:rotate(-.6deg)}.certificate-banner:hover{background:#3c201e}.coupon-tag{align-self:stretch;display:grid;place-content:center;background:repeating-linear-gradient(135deg,#83232b 0 8px,#651a20 8px 16px);border-right:1px dashed #b88772;font-size:10px;text-align:center;letter-spacing:1px;color:#f4dacc;line-height:1.5;padding:12px 4px}.coupon-copy{padding:15px 17px;min-width:0;display:flex;flex-direction:column;gap:7px}.coupon-copy small{font-size:8px;color:#c1a590;letter-spacing:.8px}.coupon-copy b{font-family:"Times New Roman",Times,serif;font-size:29px;line-height:1.1;color:#edd9c5;letter-spacing:-.7px;white-space:nowrap}.coupon-copy>span{font-size:9px;color:#fa9991;text-decoration:underline;text-underline-offset:3px}
.section-title{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;background:#302824;border:1px solid #5a4d44;color:#d6c5b2}.section-title h2{margin:0;font-size:12px}.section-title h2:before{content:"▤ ";color:#cf7871}.section-title>span{font-size:10px;background:#090909;border:1px inset #55483e;padding:0 6px}.card{border:1px solid #49413a;border-top:0;padding:15px 12px;background:#1c1917}.card:nth-child(even){background:#161514}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.card-top>span:first-child{font-size:10px;color:#c7b39d}.card a{font-size:11px;overflow-wrap:anywhere}.card p{font-size:10px;margin:9px 0;color:#b6a99b;overflow-wrap:anywhere}.card strong{font-size:19px;font-weight:normal;color:#e3c6a8}.card strong small{font-size:10px}.badge{display:inline-block;padding:2px 5px;border:1px solid #65798b;background:#132334;color:#c4daec;font-size:8px;line-height:1.5;text-transform:uppercase}.badge.ok{color:#dfd8a4;background:#292d19;border-color:#65663d}
label{display:block;font-size:11px;color:#d1beaa;margin-top:19px}input,select{display:block;width:100%;margin-top:7px;border:1px solid #79716a;border-top:2px solid #030303;border-left:2px solid #030303;background:#090a0b;color:#f0dfca;padding:13px 12px;outline-offset:2px;border-radius:0;font-size:16px;min-height:46px}input::placeholder{color:#8e8277;opacity:1}form>button{width:100%;margin-top:18px;font-size:12px}.muted{font-size:11px;color:#b3a498}details{border:1px solid #554b43;background:#181512;padding:13px;margin-top:23px;font-size:11px}summary{cursor:pointer;color:#cfb89e}details p{margin-bottom:0}.conversion{border:1px dashed #77524b;background:#241917;padding:16px;margin:20px 0;color:#bba594;font-size:12px}.conversion b{display:block;color:#f0d4b7;font-family:"Times New Roman",serif;font-size:36px}.shop-link{display:block;border:1px solid #635248;background:#211c19;margin:23px 0;padding:13px;font-size:12px;text-decoration:none}.shop-link:before{content:"[ ↗ ] ";color:#e99b88}
.notice{background:#272218;color:#dccb9a;border-block:1px dashed #806d42;padding:7px 24px;font-size:9px}#message:not(:empty){background:#442021;border:1px solid #9e5552;color:#ffded2;padding:12px;margin:16px 24px 0;font-size:12px;overflow-wrap:anywhere}.empty{padding:24px 12px;margin:0;color:#a99480;font-size:11px;border:1px dashed #52443a}.product{margin-top:24px;border:1px solid #5c4d41;padding:12px;background:#1b1714}.product img{width:100%;max-height:300px;object-fit:cover;filter:saturate(.7)}.product h3{font-family:"Times New Roman",serif;font-size:25px;margin:12px 0 5px}.product p{font-size:11px}
nav{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#151313;border-top:2px solid #70635b;margin-top:27px;padding:5px 5px calc(5px + env(safe-area-inset-bottom));gap:4px}nav button{min-width:0;background:linear-gradient(#34302d,#211d1b);color:#c5b3a2;border:1px solid #55493f;border-bottom:2px solid #030303;border-right:2px solid #030303;box-shadow:inset 1px 1px #5b5149;padding:14px 2px;font:10px Tahoma,Verdana,sans-serif;text-transform:none;letter-spacing:0}nav button.active{color:#ffd9c6;background:linear-gradient(#83282c,#4b191b);border-top-color:#dc7f75;border-left-color:#dc7f75;box-shadow:inset 0 0 0 1px #632225}footer{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:#090909;font-size:8px;letter-spacing:.4px;color:#a18b78}footer a{color:#c4a17e}[hidden]{display:none!important}
@media(max-width:480px){body{padding:9px 7px}.app{box-shadow:3px 3px #000,0 0 0 2px #272121}.window-bar{font-size:9px;padding:5px 8px;letter-spacing:.5px}header{padding:15px 15px;gap:19px}.logo{font-size:53px}.header-copy{font-size:8px;letter-spacing:.6px}.system-line{padding:6px 15px;font-size:8px}main{padding:14px 13px 0}.crt-panel{padding:18px 16px}.crt-panel h1{font-size:47px;max-width:100%;letter-spacing:-1.4px}.stamp{top:15px;right:12px;font-size:10px;padding:7px}.crt-panel .eyebrow{font-size:9px;margin-bottom:25px}.hero-note{font-size:10px;max-width:90%}.balance{padding:15px}.balance strong{font-size:44px}.balance p{font-size:9px}.grid2{gap:7px}.grid2 button{font-size:10px;padding:13px 4px}.certificate-banner{grid-template-columns:62px minmax(0,1fr)}.coupon-tag{font-size:8px}.coupon-copy{padding:14px 10px}.coupon-copy b{font-size:24px}.coupon-copy small{font-size:7px;letter-spacing:.2px}.coupon-copy>span{font-size:8px}.card strong{font-size:17px}.card p{font-size:10px}nav button{font-size:9px;padding:15px 1px}.notice{padding:7px 14px;font-size:8px}#message:not(:empty){margin:12px 13px 0}.page>h1{font-size:45px}.page>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}button:active{transform:none}}

/* Main-page assets and palette from 3pm.by. Keep copy strictly functional. */
body{background:#090909;font-family:'Space Mono','Courier New',monospace;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(#090b0f50,#090b0fb8),url('./assets/background.png') center top/cover no-repeat;pointer-events:none}
body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.13;background:repeating-linear-gradient(7deg,transparent 0 6px,#fff4dc38 7px,transparent 8px),radial-gradient(circle at 18% 46%,#fff 0 1px,transparent 1.5px);background-size:auto,19px 23px;mix-blend-mode:overlay}
.app{max-width:680px;background:linear-gradient(155deg,#141c26eb,#0b1017e8 45%,#080a0dee);border:1px solid #45617a;box-shadow:5px 5px #050608}
header{position:relative;isolation:isolate;min-height:115px;padding:13px 23px;background:#090807;overflow:hidden;border-bottom:2px solid #090807}
header:before{content:'';position:absolute;inset:0;z-index:-2;background:url('./assets/bridge.webp') center 54%/cover;filter:saturate(.72) contrast(1.13) brightness(.76)}
header:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#efe3cf0a,transparent 45%,#0000004f),linear-gradient(90deg,#0000002e,transparent 24% 78%,#00000033)}
.logo{display:block;width:210px;height:85px;margin:0;transform:rotate(-1.2deg);filter:drop-shadow(5px 6px #0009);text-shadow:none;flex:none}
.logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%}
.logo:hover{transform:rotate(-2deg);filter:drop-shadow(0 0 8px #efe3cf66) drop-shadow(5px 6px #0009)}
.icon{background:#090b0fe8;border:1px solid #547795;box-shadow:2px 2px #050608;color:#e9e2d1}
main{padding-top:16px}.balance{margin-top:0;background:repeating-linear-gradient(0deg,#ffffff0b 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#00000006 0 1px,transparent 1px 5px),linear-gradient(180deg,#174d88 0%,#071a35 75%,#030b18 130%);border:2px solid #090a0d;box-shadow:inset 0 1px #ffffff14,5px 5px #050608;color:#cceaff}
h1,h2,.card strong,.coupon-copy b,.conversion b{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;letter-spacing:.015em;text-shadow:none}
.page>h1{font-size:34px;margin-top:10px;margin-bottom:15px;line-height:1.1}
h1.balance-label{font:400 12px/1.3 'Space Mono','Courier New',monospace;letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px;color:#bddcff}
.balance strong{font:800 62px/1.05 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.015em;color:#fffaf1;text-shadow:1px 1px #0006}.balance small{font:700 16px 'Barlow Condensed','Arial Narrow',sans-serif;color:#a9d3ff}
.balance-breakdown{display:grid;gap:9px;margin-top:17px;padding-top:12px;border-top:1px solid #56799d80;font-size:11px;color:#abc8e3}.balance-breakdown>div{display:flex;justify-content:space-between;gap:12px}.balance-breakdown b{font-weight:400;white-space:nowrap}.balance-breakdown .available-row{color:#fffaf1;font-size:12px;margin-bottom:3px}.available-row b{font-weight:700}
.certificate-banner{transform:none;border:1px solid #36516b;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff06 3px 4px),linear-gradient(100deg,#173d60,#10263e);grid-template-columns:68px minmax(0,1fr)}.coupon-tag{font:800 23px 'Barlow Condensed',Impact,sans-serif;letter-spacing:0;border-color:#547795;background:#0b1017;color:#ff756e}.coupon-copy{padding:14px}.coupon-copy b{font-size:25px;white-space:normal;color:#e9e2d1}.coupon-copy>span{font-size:10px;color:#a9d3ff;line-height:1.5;text-decoration:none;text-transform:none}.certificate-banner:hover{background:#203e59}
.section-title{background:#0b0d11;border:1px solid #36516b}.section-title h2{font-size:16px;color:#e9e2d1}.section-title h2:before{content:none}.card,.card:nth-child(even){background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff04 3px 4px),linear-gradient(100deg,#10263e,#0a1726);border-color:#36516b}.card p{color:#a7bace;font-size:11px}.card strong{font-size:26px;color:#e9e2d1}.quality{display:inline-block;color:#cceaff;border:1px solid #45617a;background:#090b0f;padding:3px 6px}.badge{font-size:9px}
nav{background:#090b0f;border-color:#45617a}nav button{box-shadow:2px 2px #000;background:linear-gradient(#173d60,#10263e);border-color:#36516b;color:#bddcff;font-size:11px}nav button.active{background:#203e59;box-shadow:inset 0 2px #ff5a52;border-color:#547795;color:#fffaf1}
footer{font-size:9px;color:#91a9bc;background:#090b0f}.notice{background:#121820;border-color:#40505e;color:#91a9bc;font-size:9px}
@media(max-width:480px){header{padding:10px 16px;min-height:104px}.logo{width:185px;height:78px}.balance{padding:18px 15px}.balance strong{font-size:58px}.balance-breakdown{font-size:10px}.balance-breakdown .available-row{font-size:11px}.certificate-banner{grid-template-columns:55px minmax(0,1fr)}.coupon-copy b{font-size:24px}.coupon-copy>span{font-size:9px}.coupon-tag{font-size:23px}.card strong{font-size:24px}.page>h1{font-size:32px}nav button{font-size:10px}.logo img{object-fit:cover}}