/* 30-en · diagonal two-tone card + Trixino chip */
:root{--ground:#10141b;--graph:#1a1f29;--graph2:#232a36;--txt:#eff2f7;--dim:#9aa3b3;--aq:#46dbe9;--aq2:#2bbccd;--ink:#062b31;--gld:#f1c138;--vio:#8b3dff;--mag:#e23bd0}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 16px;color:var(--txt);font:400 15px/1.55 "DM Sans",system-ui,sans-serif;background:linear-gradient(120deg,#131a26 0 50%,#0d1117 50%)}
a{color:inherit}
.slant{width:100%;max-width:470px;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.55);background:var(--aq)}
.slant-dark{position:relative;padding:22px 22px 70px;background:linear-gradient(160deg,var(--graph2),var(--graph));clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}
.slant-dark::after{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(70,219,233,.22),transparent 70%)}
.slant-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:700 24px/1 "Passion One",sans-serif;letter-spacing:.01em}
.slant-logo svg{width:36px;height:34px}
.slant-tag{margin-top:18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gld)}
.slant-tag--inv{margin-top:0;color:var(--ink);opacity:.75}
.slant-h1{margin-top:4px;font:700 26px/1 "Passion One",sans-serif;text-transform:uppercase}
.slant-h1 b{display:block;font-size:64px;line-height:.95;color:#fff;text-shadow:4px 4px 0 #0b5e69}
.slant-h1 span{color:var(--aq)}
.slant-small{margin-top:10px;font-size:13px;color:var(--dim);max-width:88%}
.slant-light{margin-top:-46px;padding:44px 22px 22px;color:var(--ink);background:linear-gradient(170deg,#5fe6f1,var(--aq2))}
.slant-facts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.slant-facts li{font-size:11.5px;font-weight:500;line-height:1.25;border-left:3px solid var(--ink);padding-left:8px}
.slant-facts strong{display:block;font:700 26px/1 "Passion One",sans-serif}
.slant-pay{margin-top:12px;font-size:12px;font-weight:500;opacity:.85}
.slant-btn{display:block;margin-top:14px;text-align:center;padding:13px;border-radius:12px;text-decoration:none;font:700 22px/1 "Passion One",sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--gld);background:var(--graph);box-shadow:0 5px 0 #06151a;transition:transform .15s}
.slant-btn:hover{transform:translateY(-2px)}
.trx{width:100%;max-width:470px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(110deg,rgba(139,61,255,.22),rgba(226,59,208,.16));border:1px solid rgba(186,92,255,.45);font-size:13.5px;color:#e7dcf7}
.trx-badge{flex:0 0 auto;font:700 13px/1 "Passion One",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:7px 9px;border-radius:9px;background:linear-gradient(135deg,var(--vio),var(--mag))}
.trx a{color:#f08cff;font-weight:700}
.trx b{color:#fff}
.slant-foot{max-width:470px;text-align:center;font-size:11.5px;line-height:1.7;color:#778093}
.slant-foot a{color:#b3bbc9}
@media (max-width:380px){.slant-dark{padding:18px 16px 64px}.slant-light{padding:40px 16px 18px}.slant-h1 b{font-size:54px}.slant-facts strong{font-size:22px}.trx{flex-direction:column;align-items:flex-start;gap:8px}}