@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_8b6c0c73-module__QLQnga__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_8b6c0c73-module__QLQnga__variable{--font-outfit:"Outfit","Outfit Fallback"}
:root{--bg-primary:#08091a;--bg-secondary:#0f1029;--bg-card:#121437b3;--bg-card-hover:#1e2050cc;--accent-purple:#a855f7;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-gold:#f59e0b;--accent-green:#10b981;--accent-red:#ef4444;--gradient-primary:linear-gradient(135deg,#a855f7,#6366f1);--gradient-hero:linear-gradient(135deg,#7c3aed,#2563eb,#06b6d4);--gradient-card:linear-gradient(145deg,#121437cc,#1e205099);--gradient-gold:linear-gradient(135deg,#f59e0b,#d97706);--gradient-neon:linear-gradient(135deg,#a855f7,#ec4899,#6366f1);--gradient-glass:linear-gradient(135deg,#ffffff0d,#ffffff05);--gradient-border:linear-gradient(135deg,#a855f766,#6366f133,#a855f71a);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#a855f71f;--border-glow:#a855f780;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 20px #a855f733;--shadow-glow-lg:0 0 60px #a855f74d;--shadow-card:0 4px 24px #0003,0 0 0 1px #a855f70f;--navbar-height:70px;--container-max:1280px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--transition-spring:.4s cubic-bezier(.34,1.56,.64,1)}[data-theme=light]{--bg-primary:#f5f7fb;--bg-secondary:#e8ecf4;--bg-card:#ffffffd9;--bg-card-hover:#f5f7fbf2;--accent-purple:#7c3aed;--accent-blue:#2563eb;--accent-cyan:#0891b2;--accent-pink:#db2777;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#64748b1f;--border-glow:#7c3aed4d;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-glow:0 0 20px #7c3aed14;--shadow-glow-lg:0 0 40px #7c3aed1f;--shadow-card:0 2px 12px #0000000a,0 0 0 1px #7c3aed0a;--gradient-primary:linear-gradient(135deg,#7c3aed,#4f46e5);--gradient-hero:linear-gradient(135deg,#6d28d9,#1d4ed8,#0891b2);--gradient-card:linear-gradient(145deg,#ffffffe6,#f0f3fab3);--gradient-neon:linear-gradient(135deg,#7c3aed,#db2777,#4f46e5);--gradient-glass:linear-gradient(135deg,#fff9,#ffffff4d);--gradient-border:linear-gradient(135deg,#7c3aed4d,#4f46e526,#7c3aed14)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (max-width:768px){:root{--navbar-height:56px}}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;line-height:1.6;transition:background-color .4s,color .3s;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#a855f71f,#0000),radial-gradient(60% 40% at 80% 60%,#6366f10f,#0000),radial-gradient(50% 30% at 20% 80%,#ec48990a,#0000);height:100vh;position:fixed;top:0;left:0;right:0}[data-theme=light] body:before{background:radial-gradient(80% 50% at 50% -20%,#7c3aed0f,#0000),radial-gradient(60% 40% at 80% 60%,#4f46e508,#0000)}::selection{color:#f1f5f9;background:#a855f74d}a{color:inherit;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;text-decoration:none}@media (hover:hover) and (pointer:fine){a:hover{color:var(--accent-purple)}}img{max-width:100%;height:auto}ul,ol{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:Outfit,sans-serif}input,select,textarea{outline:none;font-family:Outfit,sans-serif}.container{max-width:var(--container-max);z-index:1;margin:0 auto;padding:0 24px;position:relative}.section-title{background:var(--gradient-neon);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:800;animation:6s infinite gradient-shift}.section-title .title-icon{-webkit-text-fill-color:initial;background:0 0;-webkit-background-clip:initial;background-clip:initial}.section-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:1.05rem}.btn{border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.btn:hover:after{opacity:1}}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #a855f740}@media (hover:hover) and (pointer:fine){.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #a855f766}}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a}@media (hover:hover) and (pointer:fine){.btn-secondary:hover{border-color:var(--accent-purple);background:#a855f714;transform:translateY(-1px)}}.card{background:var(--gradient-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:24px;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:var(--gradient-border);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover) and (pointer:fine){.card:hover{box-shadow:var(--shadow-glow),var(--shadow-md);transform:translateY(-4px)}.card:hover:before{opacity:1}}.tier-s{color:#f44;text-shadow:0 0 12px #ff444480}.tier-a{color:#ff8c00;text-shadow:0 0 12px #ff8c0080}.tier-b{color:gold;text-shadow:0 0 12px #ffd70080}.tier-c{color:#10b981;text-shadow:0 0 12px #10b98180}.tier-d{color:#64748b}.role-tank{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.role-fighter{background:linear-gradient(135deg,#f97316,#c2410c)}.role-assassin{background:linear-gradient(135deg,#ef4444,#b91c1c)}.role-mage{background:linear-gradient(135deg,#a855f7,#7c3aed)}.role-marksman{background:linear-gradient(135deg,#f59e0b,#d97706)}.role-support{background:linear-gradient(135deg,#10b981,#059669)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #a855f733}50%{box-shadow:0 0 40px #a855f780}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes border-dance{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:.6s forwards fadeIn}.animate-slide-left{animation:.6s forwards slideInLeft}.animate-slide-right{animation:.6s forwards slideInRight}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a855f780}html{scrollbar-width:thin;scrollbar-color:#a855f74d transparent}@media (max-width:768px){.section-title{font-size:1.5rem}.section-subtitle{font-size:.95rem}.container{padding:0 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}