.navbar{background-color:#1a1a1a;display:flex;justify-content:space-between;align-items:center;padding:16px 50px;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003;height:120px;position:relative}.navbar-left{display:flex;align-items:center;gap:20px}.navbar-left img{display:block}.logo{width:60px;height:60px;object-fit:contain;margin-left:10px}.text-logo{height:70px;width:auto;margin-left:15px}.navbar-right{display:flex;align-items:center;gap:32px;transition:all .3s ease}.nav-link{color:#eaeaea;text-decoration:none;font-size:20px;font-weight:500;letter-spacing:.5px;padding:8px 12px;border-radius:6px;transition:all .3s ease}.nav-link:hover{color:orange;cursor:pointer}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger span{width:25px;height:3px;background-color:#eaeaea;margin:3px 0;transition:.3s;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-6.5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-7px,-6px)}@media (max-width: 768px){.navbar{padding:16px 30px}.hamburger{display:flex}.navbar-right{position:fixed;top:120px;right:-100%;width:100%;height:calc(100vh - 120px);background-color:#1a1a1a;flex-direction:column;justify-content:flex-start;align-items:center;gap:40px;padding:60px 0;transition:right .3s ease;z-index:1000;border-left:1px solid rgba(255,255,255,.08)}.navbar-right.menu-open{right:0}.nav-link{font-size:24px;padding:12px 24px;text-align:center;width:80%}}@media (max-width: 480px){.navbar{padding:12px 20px;height:100px}.navbar-left{gap:15px}.logo{width:50px;height:50px;margin-left:5px}.text-logo{height:60px;margin-left:10px}.navbar-right{top:100px;height:calc(100vh - 100px)}}@media (max-width: 320px){.navbar{padding:12px 15px;height:80px}.navbar-left{gap:0}.logo{display:none}.text-logo{height:50px;margin-left:0}.navbar-right{top:80px;height:calc(100vh - 80px)}.nav-link{font-size:20px;padding:10px 20px}}.footer{border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#0b0b0b,#1a1a1a);color:#aaa;padding:20px 40px;text-align:center;font-family:Inter,sans-serif;font-size:14px}.footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:16px}.footer .footer-content .footer-logo{width:60px;transition:transform .3s}.footer .footer-content .footer-logo:hover{transform:scale(1.05)}.footer .footer-content .social-links{display:flex;gap:16px}.footer .footer-content .social-links .social-link svg{width:24px;height:24px;fill:#aaa;transition:fill .2s,transform .2s}.footer .footer-content .social-links .social-link svg:hover{transform:scale(1.2)}.footer .footer-content .social-links .discord svg:hover{fill:#5865f2}.footer .footer-content .social-links .youtube svg:hover{fill:red}.footer .footer-content .social-links .github svg:hover{fill:#24292f}.footer .footer-content .credits{display:flex;flex-direction:column;align-items:center;gap:3px}.footer .footer-content .credits .devs,.footer .footer-content .credits .design{color:#aaa}.footer .footer-content .credits .devs a,.footer .footer-content .credits .design a{color:#aaa;text-decoration:none;font-weight:500;transition:color .2s}.footer .footer-content .credits .devs a:hover,.footer .footer-content .credits .design a:hover{color:#5865f2}.footer .footer-content small{display:block;margin-top:12px;color:#777;font-weight:400}.home{--bg: #111;--panel: #161616;--panel-2: #0f0f0f;--text: #f2f2f2;--muted: #c7c7c7;--brand: #f0c341;--brand-2: #e7a93a;--accent: #3aa0ff;background:var(--bg);color:var(--text);min-height:100dvh}.home header{position:sticky;top:0;z-index:10}.hero{position:relative;height:70vh;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.hero__overlay{position:relative;z-index:2;text-align:center;width:100%;max-width:1200px;padding:0 20px}.hero__title{font-size:clamp(3rem,6vw,7rem);line-height:.9;margin:0;font-weight:700;text-transform:uppercase;letter-spacing:4px;text-shadow:0 4px 24px rgba(0,0,0,.8);color:#fff}.hero__subtitle{font-size:clamp(1rem,2vw,1.5rem);margin:1rem 0 0;font-weight:400;color:#ffffffe6;text-shadow:0 2px 12px rgba(0,0,0,.6)}.hero__control{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#0006;color:#fff;cursor:pointer;z-index:3;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero__control:hover{background:#000000b3;border-color:#fff6;transform:translateY(-50%) scale(1.05)}.hero__control--prev{left:32px}.hero__control--next{right:32px}.hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease-in-out;z-index:1}.hero--active{opacity:1}.hero__indicators{position:absolute;bottom:1px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:3}.hero__indicator{width:12px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:transparent;cursor:pointer;transition:all .3s ease}.hero__indicator:hover{border-color:#ffffffe6;transform:scale(1.1)}.hero__indicator--active{background:#ffffffe6;border-color:#ffffffe6}.news{background:var(--panel);border-top:1px solid rgba(255,255,255,.1)}.news__header{max-width:1400px;margin:0 auto;padding:40px 20px 16px;display:flex;align-items:baseline;justify-content:space-between}.news__title{margin:0;font-size:24px;letter-spacing:2px;text-transform:uppercase;font-weight:900;display:inline-block;padding:6px 12px;border-radius:4px;background:linear-gradient(265deg,#fff,#ffda99);color:#000;text-shadow:1px 1px 0 #fff,2px 2px 0 #ffda99}.news__all{font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:600;display:inline-block;padding:6px 12px;border-radius:4px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.7);transition:all .3s ease}.news__all:hover{filter:brightness(1.2);color:orange;cursor:pointer}.news__grid{max-width:1400px;margin:0 auto;padding:24px 20px 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media (max-width: 900px){.news__grid{grid-template-columns:1fr;gap:24px}}.news .card__body{padding:20px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;position:relative;z-index:2;transition:transform .3s ease}.card:hover .news .card__body{transform:translateY(-2px)}.card--show-all .news .card__body{display:flex;align-items:center;justify-content:center;transform:none!important;text-align:center}.news .card__eyebrow{font-size:16px;letter-spacing:1.5px;display:inline-block;padding:4px 8px;border-radius:3px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.7);transition:all .3s ease}.card:hover .news .card__eyebrow{letter-spacing:2px;transform:translate(2px)}.news .card__title{font-size:16px;line-height:1.4;text-shadow:1px 1px 0 rgba(0,0,0,.4);padding:4px 8px;border-radius:3px;display:inline-block;transition:all .3s ease}.card:hover .news .card__title{text-shadow:1px 1px 0 rgba(0,0,0,.4),0 0 8px rgba(255,255,255,.1);transform:translate(1px)}.news .card__summary{font-size:14px;line-height:1.4;text-shadow:1px 1px 0 rgba(0,0,0,.4);padding:4px 8px;border-radius:3px;background:#ffffff0d;display:block;color:var(--text)}.card{background:var(--panel-2);border:1px solid rgba(255,255,255,.1);border-radius:5px;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;animation:cardSlideIn .6s ease-out}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.card:nth-child(6){animation-delay:.6s}.card:nth-child(7){animation-delay:.7s}.card:nth-child(8){animation-delay:.8s}.card:nth-child(9){animation-delay:.9s}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s ease;z-index:1;pointer-events:none}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;cursor:pointer}.card:hover:before{left:100%}.card__media{aspect-ratio:21/9;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);position:relative;overflow:hidden}.card__media:not(:has(img)):not(.card__media--show-all){animation:subtlePulse 4s ease-in-out infinite}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94);filter:brightness(.9) contrast(1.1)}.card__media:hover img{transform:scale(1.08) rotate(.5deg);filter:brightness(1) contrast(1.2)}.card__media--show-all{background:radial-gradient(circle at center,rgba(255,140,0,.1) 0%,transparent 70%),linear-gradient(45deg,#ff8c000d,#0000004d);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative}.card__media--show-all:before{content:"";position:absolute;top:50%;left:50%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,140,0,.15) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:.8;border-radius:50%;animation:pulse 2s ease-in-out infinite}.card:has(.card__media--emphasis){border-color:color-mix(in oklab,var(--brand) 40%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--brand) 30%,transparent),0 16px 48px color-mix(in oklab,var(--brand) 20%,transparent);animation:cardSlideIn .6s ease-out,cardFloat 3s ease-in-out infinite;animation-delay:.1s,1s}.card:has(.card__media--emphasis):hover{box-shadow:0 20px 60px #0006,0 0 0 2px color-mix(in oklab,var(--brand) 50%,transparent),0 0 30px color-mix(in oklab,var(--brand) 30%,transparent),inset 0 1px #ffffff1a}.card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#333,#222)}.card--show-all{background:var(--panel-2);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:inherit;position:relative;overflow:hidden}.card--show-all:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,140,0,.3),transparent);transition:left .8s ease;z-index:1;pointer-events:none}.card--show-all:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #0006,0 0 0 1px #ff8c004d,inset 0 1px #ffffff1a;cursor:pointer}.card--show-all:hover:before{left:100%}.card--show-all:hover .card__title--show-all{color:#fa0;text-shadow:0 0 8px rgba(255,170,0,.4)}.card--show-all:hover .card__arrow{animation:arrowDance .6s ease-in-out;transform:translate(12px) scale(1.2) rotate(-5deg);color:#fa0;text-shadow:0 0 12px rgba(255,170,0,.6);filter:drop-shadow(0 4px 12px rgba(255,170,0,.4))}.card__arrow{font-size:48px;font-weight:900;color:#ff8c00;text-shadow:0 0 4px rgba(255,140,0,.3);transition:all .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 6px rgba(255,140,0,.2));z-index:2;position:relative;animation:breathe 2s ease-in-out infinite}.card__title{font-size:16px;line-height:1.4;text-shadow:1px 1px 0 rgba(0,0,0,.4);padding:4px 8px;border-radius:3px;display:inline-block}.card__title--show-all{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#ffffffe6;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:8px 12px;margin:0;transition:all .3s ease;z-index:3;position:relative}@keyframes cardSlideIn{0%{opacity:.7;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes subtlePulse{0%,to{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}50%{background:linear-gradient(135deg,#2f2f2f,#1f1f1f)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes arrowDance{0%{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(-8px) scale(1.1) rotate(10deg)}50%{transform:translate(16px) scale(1.3) rotate(-10deg)}75%{transform:translate(8px) scale(1.2) rotate(5deg)}to{transform:translate(12px) scale(1.2) rotate(-5deg)}}@keyframes pulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.hero{height:60vh}.hero__title{font-size:clamp(2rem,8vw,4rem);letter-spacing:2px}.hero__control{width:48px;height:48px;font-size:20px}.hero__control--prev{left:16px}.hero__control--next{right:16px}.hero__indicators{bottom:16px}.hero__indicator{width:10px;height:10px;border-width:1px}.news__header{padding:32px 20px 12px}.news__grid{padding:20px 20px 40px}.card__arrow{font-size:36px}.card__title--show-all{font-size:14px;letter-spacing:1.5px;padding:6px 10px}}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{margin:0;background:#111;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}h1,h2,h3,h4,h5,h6,p{margin:0}img{max-width:100%;display:block}a{color:inherit}