@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&family=Syne:wght@400;600;700;800&display=swap";
:root{--font-syne:"Syne", sans-serif;--font-outfit:"Outfit", sans-serif;--font-inter:"Inter", sans-serif;--P:#7c3aed;--P2:#6d28d9;--P3:#ede9fe;--P4:#f5f3ff;--G:#10b981;--O:#f59e0b;--R:#ef4444;--B:#3b82f6;--dark:#0f0a1e;--dark2:#1a1033;--dark3:#2d1f5e;--gray:#6b7280;--light:#f9fafb;--border:#e5e7eb;--white:#fff;--font-display:var(--font-outfit);--font-body:var(--font-inter);--shadow:0 4px 24px #7c3aed1f;--shadow-lg:0 16px 48px #7c3aed2e;--shadow-sm:0 2px 8px #0000000d;--shadow-card:0 4px 20px #0000000f;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--dashboard-bg:#f8fafc;--dashboard-card-bg:#fff;--dashboard-card-border:#e2e8f0;--dashboard-text:#0f0a1e;--dashboard-text-sub:#64748b;--dashboard-text-white:#0f172a;--dashboard-border:#e2e8f0;--dashboard-border-light:#0f172a14;--dashboard-header-bg:#ffffffd9;--dashboard-sidebar-bg:#f8fafc80;--dashboard-table-header:#f1f5f9;--dashboard-input-bg:#fff;--dashboard-input-border:#cbd5e1;--dashboard-input-text:#0f172a;--gold-badge-bg:radial-gradient(circle, #fde047 0%, #eab308 100%);--gold-badge-glow:0 0 12px #eab30859;--gold-text-color:#854d0e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;max-width:100vw;overflow-x:hidden}a,button{cursor:pointer;color:inherit;outline:none;text-decoration:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c3aed26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--P)}.logo-mark{cursor:pointer;align-items:center;gap:12px;text-decoration:none;transition:transform .2s;display:flex}.logo-mark:hover{transform:scale(1.02)}.logo-icon{flex-shrink:0;width:38px;height:38px;transition:transform .3s}.logo-mark:hover .logo-icon{transform:rotate(-8deg)}.logo-text{font-family:var(--font-display);letter-spacing:-.5px;font-size:22px;font-weight:800}.logo-text .lo1{color:var(--P)}.logo-text .lo2{color:var(--dark)}.btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-ghost{color:var(--P);border:1.5px solid var(--P);background:0 0;padding:8px 20px}.btn-ghost:hover{background:var(--P3);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--P) 0%, var(--P2) 100%);color:#fff;transition:var(--transition-smooth);padding:9.5px 22px;box-shadow:0 4px 14px #7c3aed40}.btn-primary:hover{background:linear-gradient(135deg, var(--P2) 0%, #5b21b6 100%);transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed61}.btn-lg{border-radius:12px;padding:14px 32px;font-size:16px}.btn-xl{border-radius:12px;padding:16px 40px;font-size:17px}.btn-white{color:var(--P);background:#fff;font-weight:700;box-shadow:0 4px 12px #0000000d}.btn-white:hover{background:#f5f3ff;transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed26}.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{background:var(--dark2);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-brand{color:#fff;background:#f59e0b;box-shadow:0 4px 12px #f59e0b40}.btn-brand:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b59}.btn-green{background:var(--G);color:#fff;box-shadow:0 4px 12px #10b98140}.btn-green:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.btn-full{justify-content:center;width:100%;padding:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s cubic-bezier(.4,0,.2,1) both fadeIn}@keyframes chatTyping{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.section{padding:28px 56px}.section.section-tight{padding-top:12px}.section-tag{background:var(--P3);color:var(--P);letter-spacing:.5px;text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.section-title{font-family:var(--font-display);letter-spacing:-1px;margin-bottom:8px;font-size:38px;font-weight:800;line-height:1.15}.section-sub{color:var(--gray);max-width:540px;font-size:16.5px;line-height:1.7}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.section-header-center{text-align:center;margin-bottom:24px}.section-header-center .section-tag,.section-header-center .section-sub{margin-left:auto;margin-right:auto}.inf-card{border:1.5px solid var(--border);background:#fff;border-radius:20px;flex-shrink:0;min-width:245px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.inf-card:hover{box-shadow:var(--shadow-lg);border-color:var(--P3);transform:translateY(-6px)}.inf-cover{object-fit:cover;justify-content:center;align-items:center;width:100%;height:140px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.inf-cover-initials{font-family:var(--font-display);color:#ffffff38;letter-spacing:-2px;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-size:56px;font-weight:800;transition:transform .5s}.inf-cover-emblem{filter:drop-shadow(0 8px 12px #00000026);font-size:40px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:absolute}.inf-card:hover .inf-cover{transform:scale(1.04)}.inf-card:hover .inf-cover-initials{transform:scale(1.1)rotate(-2deg)}.inf-card:hover .inf-cover-emblem{transform:scale(1.12)translateY(-4px)}.inf-badge-wrap{position:relative;overflow:hidden}.inf-badge{color:#fff;letter-spacing:.3px;border-radius:20px;padding:4px 10px;font-size:10.5px;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000001a}.badge-top{background:var(--O)}.badge-trend{background:var(--G)}.badge-new{background:var(--B)}.inf-body{background-color:var(--white);color:var(--dark);padding:12px 14px}.inf-name{align-items:center;gap:4px;margin-bottom:3px;font-size:15px;font-weight:700;display:flex}.inf-cat{color:var(--gray);margin-bottom:8px;font-size:12px}.inf-platforms{gap:12px;margin-bottom:8px;display:flex}.plat{color:var(--dark);align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:flex}.inf-price-row{border-top:1.5px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:14px;display:flex}.inf-price{color:var(--dark);font-size:16px;font-weight:800}.inf-price small{color:var(--gray);font-size:11px;font-weight:400}.btn-sm{border-radius:8px;padding:8px 16px;font-size:12.5px}.verify{color:var(--P)}@media (max-width:1024px){.section{padding:80px 32px}.section.section-tight{padding-top:40px}}@media (max-width:880px){.section{padding:56px 24px}.section.section-tight{padding-top:28px}.section-header,.section-header-center{margin-bottom:32px}}@media (max-width:480px){.section{padding:48px 16px}.section.section-tight{padding-top:24px}.section-title{letter-spacing:-.5px;font-size:28px!important}.section-sub{font-size:14px}.section-header,.section-header-center{margin-bottom:24px}.section-header button.btn-ghost{justify-content:center;width:100%;margin-top:12px}.inf-card{min-width:230px!important}.inf-cover{height:135px!important}.inf-body{padding:14px!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.55s cubic-bezier(.22,1,.36,1) both fadeInUp}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}.section{position:relative;overflow:hidden}.section:before{content:"";filter:blur(80px);pointer-events:none;z-index:1;background:radial-gradient(circle,#7c3aed0a 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-10%;left:-10%}.section:after{content:"";filter:blur(80px);pointer-events:none;z-index:1;background:radial-gradient(circle,#3b82f608 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-10%;right:-10%}.premium-text{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.stat-number{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.03em;font-weight:800}