@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--yellow:#f5c800;--yellow-dark:#d4a900;--yellow-light:#fff5b8;--black:#0a0a0a;--black-mid:#111;--black-surface:#1a1a1a;--black-border:#2a2a2a;--white:#fff;--off-white:#f8f8f6;--gray-100:#f4f4f4;--gray-200:#e5e5e5;--gray-300:#ccc;--gray-400:#999;--gray-500:#666;--gray-600:#444;--text-primary:#0a0a0a;--text-secondary:#444;--text-muted:#888;--border:#e5e5e5;--border-dark:#2a2a2a;--font-heading:"Manrope", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000029;--transition:.2s ease;--transition-slow:.4s ease;--nav-height:72px;--container:1200px;--container-wide:1400px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background:var(--white);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,select,textarea{font-family:var(--font-body)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800;line-height:1.1}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.4rem,2.5vw,2rem)}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{line-height:1.7}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-sm{padding:60px 0}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;transition:transform var(--transition), box-shadow var(--transition), background var(--transition);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:14px 28px;font-size:.9rem;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--yellow);color:var(--black);box-shadow:0 4px 0 var(--yellow-dark)}.btn-primary:hover{box-shadow:0 6px 0 var(--yellow-dark);background:#ffd000}.btn-primary:active{box-shadow:0 2px 0 var(--yellow-dark);transform:translateY(2px)}.btn-outline{color:var(--black);border:2px solid var(--black);background:0 0}.btn-outline:hover{background:var(--black);color:var(--white)}.btn-outline-white{color:var(--white);border:2px solid var(--white);background:0 0}.btn-outline-white:hover{background:var(--white);color:var(--black)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:10px 16px}.btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}.btn-sm{padding:8px 16px;font-size:.8rem}.btn-lg{padding:18px 40px;font-size:1rem}.badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-yellow{background:var(--yellow);color:var(--black)}.badge-black{background:var(--black);color:var(--white)}.badge-outline{border:1.5px solid var(--gray-300);color:var(--text-secondary);background:0 0}.badge-gold{color:var(--white);background:#c9922a}.badge-silver{color:var(--white);background:#8a8a8a}.badge-bronze{color:var(--white);background:#8b5e3c}.badge-elite{background:var(--black);color:var(--yellow)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow var(--transition), transform var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.input{border:2px solid var(--border);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--white);transition:border-color var(--transition);outline:none;padding:12px 16px;font-size:.95rem}.input:focus{border-color:var(--yellow)}.select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.divider{background:var(--border);border:none;height:1px}.divider-thick{background:var(--black);border:none;width:48px;height:3px}.divider-yellow{background:var(--yellow);border:none;width:48px;height:3px}.xp-bar-track{background:var(--gray-200);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.xp-bar-fill{background:var(--yellow);border-radius:var(--radius-full);height:100%;transition:width 1s}.tag{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--text-secondary);letter-spacing:.04em;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.tag-yellow{background:var(--yellow-light);color:#7a6200}.text-yellow{color:var(--yellow-dark)}.text-muted{color:var(--text-muted)}.text-white{color:var(--white)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.1rem}.font-heading{font-family:var(--font-heading)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:8px}.gap-md{gap:16px}.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}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.dark-section{background:var(--black);color:var(--white)}.dark-section .divider,.dark-section hr{background:var(--black-border)}@media (max-width:1024px){.section{padding:80px 0}}@media (max-width:768px){.section{padding:60px 0}.container{padding:0 16px}h1{font-size:2.2rem}h2{font-size:1.8rem}}@media (max-width:480px){.section{padding:48px 0}}