@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--fg-2);background:var(--bg-page);min-height:100vh;overflow-x:hidden}a{color:var(--fg-link);text-decoration:none}a:hover{text-decoration:underline}img,video{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}ul,ol{list-style:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--tud-navy:#0e1224;--tud-gold:#ffc400;--tud-blue:#2f6bff;--tud-white:#fff;--tud-black:#000;--navy-950:#070a16;--navy-900:#0e1224;--navy-800:#161c36;--navy-700:#1f2747;--navy-600:#2a3358;--navy-500:#3a4470;--navy-400:#5b6595;--gold-700:#b88a00;--gold-600:#e0a800;--gold-500:#ffc400;--gold-400:#ffd133;--gold-300:#ffe079;--gold-50:#fff8e0;--blue-700:#1e4fcc;--blue-600:#2456e0;--blue-500:#2f6bff;--blue-400:#5c8bff;--blue-300:#8aabff;--fg-1:#fff;--fg-2:#c9cfe3;--fg-3:#8a93b5;--fg-4:#5b6595;--fg-disabled:#3a4470;--fg-on-gold:#0e1224;--fg-on-blue:#fff;--fg-link:#ffc400;--bg-page:#0e1224;--bg-surface:#161c36;--bg-raised:#1f2747;--bg-overlay:#070a16b8;--bg-input:#161c36;--bg-input-focus:#1f2747;--border-1:#ffffff14;--border-2:#ffffff24;--border-3:#ffffff38;--border-gold:#ffc400;--border-blue:#2f6bff;--focus-ring:#ffc40073;--success:#22c55e;--success-bg:#22c55e1f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--danger:#ef4444;--danger-bg:#ef44441f;--info:#2f6bff;--info-bg:#2f6bff1f;--grad-lightning:linear-gradient(180deg, #ffc400 0%, #ffc400 48%, #2f6bff 52%, #2f6bff 100%);--grad-gold:linear-gradient(180deg, #ffd133 0%, #ffc400 100%);--grad-blue:linear-gradient(180deg, #5c8bff 0%, #2f6bff 100%);--grad-hero:radial-gradient(120% 80% at 50% 0%, #1f2747 0%, #0e1224 60%);--font-display:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:26px;--fs-3xl:32px;--fs-4xl:40px;--fs-5xl:56px;--fs-6xl:72px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--tr-tight:-.02em;--tr-normal:0;--tr-wide:.04em;--tr-wider:.08em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-pill:999px;--shadow-1:0 1px 0 #ffffff0a inset, 0 1px 2px #0006;--shadow-2:0 4px 12px #00000073, 0 1px 0 #ffffff0a inset;--shadow-3:0 12px 32px #0000008c, 0 1px 0 #ffffff0d inset;--shadow-gold:0 8px 24px #ffc40047;--shadow-blue:0 8px 24px #2f6bff52;--glow-gold:0 0 0 6px #ffc40029;--glow-blue:0 0 0 6px #2f6bff2e;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--max-width:1200px;--header-height:64px;--gutter:24px;--sidebar-width:260px}.tud-display{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-6xl);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--fg-1)}.tud-h1,h1{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-4xl);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--fg-1)}.tud-h2,h2{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-2xl);line-height:var(--lh-snug);color:var(--fg-1)}.tud-h3,h3{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-xl);line-height:var(--lh-snug);color:var(--fg-1)}.tud-eyebrow{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-xs);letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--gold-500)}.tud-body{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--fg-2)}.tud-body-sm{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--fg-2)}.tud-meta{font-family:var(--font-body);font-weight:var(--fw-medium);font-size:var(--fs-sm);color:var(--fg-3)}.tud-label{font-family:var(--font-body);font-weight:var(--fw-medium);font-size:var(--fs-sm);color:var(--fg-2);letter-spacing:.01em}.tud-mono{font-family:var(--font-mono);font-size:var(--fs-base);color:var(--gold-300)}.tud-wordmark{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--tr-tight);white-space:nowrap}.tud-wm-topup{color:var(--gold-500)}.tud-wm-daddy{color:var(--fg-1)}.logo-lockup{min-width:0}.logo-lockup img{flex-shrink:0}@media (max-width:520px){.logo-lockup{gap:8px!important}.logo-lockup img{width:44px!important;height:44px!important}.logo-lockup .tud-wordmark{font-size:24px!important}}@media (max-width:380px){.logo-lockup img{width:38px!important;height:38px!important}.logo-lockup .tud-wordmark{font-size:21px!important}}.wrap{max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto}.page{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;padding-top:0}.btn{border-radius:var(--r-lg);font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-base);transition:all var(--dur-base) var(--ease-out);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 24px;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}.btn-primary{background:var(--gold-500);color:var(--fg-on-gold)}.btn-primary:hover{background:var(--gold-600);box-shadow:0 2px 8px #0000004d}.btn-primary:active{background:var(--gold-700);transform:translateY(1px)}.btn-secondary{color:var(--blue-500);border:1px solid var(--blue-500);background:0 0}.btn-secondary:hover{border-color:var(--blue-600);background:#2f6bff14}.btn-secondary:active{background:#2f6bff24;transform:translateY(1px)}.btn-dark{background:var(--bg-surface);color:var(--fg-1);border:1px solid var(--border-2)}.btn-dark:hover{background:var(--bg-raised);border-color:var(--border-3)}.btn-sm{font-size:var(--fs-sm);border-radius:var(--r-md);padding:8px 16px}.btn-lg{font-size:var(--fs-md);border-radius:var(--r-xl);padding:16px 32px}.btn-icon{border-radius:var(--r-md);padding:10px}.btn-full{width:100%}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{color:var(--fg-2);background:0 0}.btn-ghost:hover{color:var(--fg-1);background:#ffffff0f}.btn-loading{pointer-events:none;opacity:.75}.btn-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-surface);border:1px solid var(--border-2);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--space-5);transition:border-color var(--dur-base) var(--ease-out)}.card:hover{border-color:var(--border-3)}.card-raised{background:var(--bg-raised)}.card-hover:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.input{background:var(--bg-input);border:1px solid var(--border-1);border-radius:var(--r-md);width:100%;color:var(--fg-1);font-size:var(--fs-base);transition:all var(--dur-base) var(--ease-out);padding:12px 16px}.input:hover{border-color:var(--border-2)}.input:focus{background:var(--bg-input-focus);border-color:var(--gold-500);box-shadow:0 0 0 3px var(--focus-ring)}.input::placeholder{color:var(--fg-4)}.pill{border-radius:var(--r-pill);font-family:var(--font-body);font-weight:var(--fw-medium);font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:4px;padding:4px 12px;line-height:1.4;display:inline-flex}.pill-gold{color:var(--gold-400);background:#ffc40024}.pill-blue{color:var(--blue-400);background:#2f6bff24}.pill-success{background:var(--success-bg);color:var(--success)}.pill-warning{background:var(--warning-bg);color:var(--warning)}.pill-danger{background:var(--danger-bg);color:var(--danger)}.pill-neutral{color:var(--fg-3);background:#ffffff14}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--navy-500)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes brandLoaderPulse{0%,to{filter:drop-shadow(0 0 10px #ffc40038)drop-shadow(0 0 18px #2f6bff33);transform:scale(.96)}50%{filter:drop-shadow(0 0 26px #ffc4006b)drop-shadow(0 0 34px #2f6bff5c);transform:scale(1.04)}}@keyframes brandAuraPulse{0%,to{opacity:.18;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.42;transform:translate(-50%,-50%)scale(1.12)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes boltZip{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.animate-fade-in{animation:fadeIn var(--dur-base) var(--ease-out) both}.animate-slide-up{animation:slideInUp var(--dur-slow) var(--ease-out) both}.animate-pulse{animation:2s ease-in-out infinite pulse}.brand-loading-screen{background:radial-gradient(circle at 50% 42%, #1f2747b8, transparent 34%), var(--bg-page);place-items:center;width:100%;min-height:100vh;display:grid}.brand-loading-mark-wrap{place-items:center;width:clamp(132px,18vw,190px);height:clamp(132px,18vw,190px);display:grid;position:relative}.brand-loading-mark{object-fit:contain;width:100%;height:100%;animation:1.8s ease-in-out infinite brandLoaderPulse}.brand-loading-aura{filter:blur(22px);border-radius:50%;width:92%;height:92%;animation:1.8s ease-in-out infinite brandAuraPulse;position:absolute;top:50%;left:50%}.brand-loading-aura-gold{background:#ffc40094}.brand-loading-aura-blue{background:#2f6bff80;animation-delay:.18s}@media (prefers-reduced-motion:reduce){.brand-loading-mark,.brand-loading-aura{animation:none}}.cover-ml{background:linear-gradient(135deg,#1a237e 0%,#283593 50%,#1565c0 100%)}.cover-ff{background:linear-gradient(135deg,#e65100 0%,#f57c00 50%,#ffb300 100%)}.cover-pubg{background:linear-gradient(135deg,#1b5e20 0%,#2e7d32 50%,#43a047 100%)}.cover-genshin{background:linear-gradient(135deg,#0d47a1 0%,#1565c0 50%,#42a5f5 100%)}.cover-valorant{background:linear-gradient(135deg,#b71c1c 0%,#d32f2f 50%,#ef5350 100%)}.cover-roblox{background:linear-gradient(135deg,#880e4f 0%,#ad1457 50%,#e91e63 100%)}.cover-steam{background:linear-gradient(135deg,#1a237e 0%,#283593 50%,#3949ab 100%)}.cover-fortnite{background:linear-gradient(135deg,#4a148c 0%,#6a1b9a 50%,#9c27b0 100%)}.cover-lol{background:linear-gradient(135deg,#004d40 0%,#00695c 50%,#00897b 100%)}.cover-codm{background:linear-gradient(135deg,#263238 0%,#37474f 50%,#546e7a 100%)}.cover-honkai{background:linear-gradient(135deg,#311b92 0%,#4527a0 50%,#5e35b1 100%)}.cover-zzz{background:linear-gradient(135deg,#e65100 0%,#bf360c 50%,#ff6e40 100%)}.cover-clash{background:linear-gradient(135deg,#1565c0 0%,#1976d2 50%,#42a5f5 100%)}.cover-apex{background:linear-gradient(135deg,#b71c1c 0%,#c62828 50%,#e53935 100%)}.cover-hok{background:linear-gradient(135deg,#f57f17 0%,#f9a825 50%,#ffca28 100%)}.cover-wuthering{background:linear-gradient(135deg,#1a237e 0%,#0d47a1 50%,#1976d2 100%)}@media (max-width:768px){:root{--fs-4xl:32px;--fs-5xl:40px;--fs-6xl:48px;--gutter:16px}.tud-display{font-size:var(--fs-5xl)}.tud-h1,h1{font-size:var(--fs-3xl)}}@media (max-width:480px){:root{--fs-4xl:28px;--fs-5xl:36px;--gutter:12px}}@media (max-width:520px){#site-header .wrap{gap:8px!important}#site-header .header-divider{display:none!important}#site-header .logo-lockup{gap:8px!important}#site-header .logo-lockup img{width:36px!important;height:36px!important}#site-header .tud-wordmark{font-size:18px!important}#site-header .header-cart-btn{padding:6px!important}#site-header .header-social-auth{gap:6px!important}#site-header .header-social-auth button{width:32px!important;height:32px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.game-layout-grid{gap:var(--space-6);grid-template-columns:1fr 380px;align-items:flex-start;display:grid}.packs-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.steps-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:900px){.game-layout-grid{grid-template-columns:1fr}}@media (max-width:600px){.packs-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr}}.reseller-application-layout,.reseller-application-layout>*,.reseller-benefits-grid>*,.reseller-application-card{min-width:0}.reseller-tier-table{overflow-x:auto!important}@media (max-width:900px){.reseller-application-layout{gap:var(--space-6)!important;grid-template-columns:1fr!important}.reseller-application-card{width:100%!important;position:static!important}}@media (max-width:560px){.reseller-benefits-grid{gap:var(--space-4)!important;grid-template-columns:1fr!important}.reseller-application-card{padding:var(--space-4)!important}.reseller-application-card .input,.reseller-application-card select,.reseller-application-card textarea{width:100%!important;min-width:0!important}.reseller-tier-table-inner{table-layout:fixed;min-width:0!important}.reseller-tier-table-inner th,.reseller-tier-table-inner td{white-space:normal;overflow-wrap:anywhere;font-size:var(--fs-xs);padding:12px 10px!important}}@media (max-width:1140px){.mobile-menu-btn{display:flex!important}.main-nav:not(.open){display:none!important}}@media (max-width:520px){.header-social-auth{display:none!important}.footer-links-grid{gap:var(--space-6)!important;grid-template-columns:1fr!important}}.hero-carousel-banner{min-height:520px}@media (max-width:900px){.hero-topup-layout{grid-template-columns:1fr!important}}@media (max-width:768px){.hero-carousel-banner{min-height:320px}}@media (max-width:480px){.hero-carousel-banner{min-height:280px;padding:24px!important}}