@import"https://fonts.cdnfonts.com/css/ubuntu";@import"https://fonts.cdnfonts.com/css/Qilka";:root{--bg: #000000;--text: #ffffff;--gradient-1: #ff3937ff;--gradient-2: #ff3799ff;--gradient-3: #ff9d37ff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:#000}body{margin:0;font-family:Ubuntu,sans-serif;background:radial-gradient(ellipse at bottom,#0d0d0d,#000);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.fluid-canvas{display:block}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.particle{position:absolute;bottom:-10px;border-radius:50%;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2),var(--gradient-3));animation:float-up linear infinite;filter:blur(1px);box-shadow:0 0 10px #ff393780}@keyframes float-up{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(calc(var(--drift, 0) * 50px)) rotate(360deg);opacity:0}}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;z-index:10;padding:2rem;overflow-y:auto;overflow-x:hidden}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative;z-index:10;animation:fade-in 1s ease-out;min-height:100vh;padding:2rem}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-container{position:relative;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.logo{width:300px;height:auto;display:block;filter:drop-shadow(0 0 30px rgba(255,57,55,.3));transition:filter .3s ease}.logo:hover{filter:drop-shadow(0 0 50px rgba(255,57,55,.6))}.title{font-family:Qilka,sans-serif;font-size:4rem;font-weight:400;color:#fff;text-align:center;margin:0;letter-spacing:.02em;text-shadow:0 0 30px rgba(255,255,255,.1);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px rgba(255,255,255,.1)}to{text-shadow:0 0 30px rgba(255,255,255,.2),0 0 40px rgba(255,57,55,.1)}}.gradient-text{background:linear-gradient(135deg,var(--gradient-1) 0%,var(--gradient-2) 50%,var(--gradient-3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:1.2rem;color:#fff9;font-weight:300;letter-spacing:.1em;text-transform:uppercase;margin-top:.5rem;animation:fade-in 1s ease-out .3s both}.crew-section{width:100%;max-width:1400px;padding:4rem 2rem 8rem;position:relative;z-index:10;animation:fade-in 1s ease-out .5s both;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.crew-title{font-family:Qilka,sans-serif;font-size:4.5rem;font-weight:400;text-align:center;margin-bottom:4rem;color:#fff;letter-spacing:.02em;position:relative;padding-bottom:2rem}.crew-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:3px;background:linear-gradient(90deg,transparent,var(--gradient-1),var(--gradient-2),var(--gradient-3),transparent);animation:wave-line 3s ease-in-out infinite}.crew-carousel{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:80px;perspective:1000px;position:relative;width:100%;max-width:800px}.carousel-avatar{width:100px;height:100px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;flex-shrink:0;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-avatar img{width:100%;height:100%;object-fit:contain;transition:all .5s ease;padding:10px}.carousel-avatar.left,.carousel-avatar.right{filter:brightness(.4) grayscale(.5);transform:scale(.75)}.carousel-avatar.left{transform:scale(.75) translate(20px)}.carousel-avatar.right{transform:scale(.75) translate(-20px)}.carousel-avatar.active{transform:scale(1.2);border-color:#ff393780;box-shadow:0 10px 40px #ff39374d;z-index:10}.carousel-avatar:hover:not(.active){transform:scale(.85);filter:brightness(.6) grayscale(.3)}.crew-card-stack{position:relative;width:100%;max-width:500px;height:520px;perspective:1500px}.crew-card-drop{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:100%;background:#0f0f1466;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2.5rem;cursor:pointer;transition:all .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-decoration:none;color:inherit;opacity:0;pointer-events:none;transform-style:preserve-3d;--mouse-x: 50%;--mouse-y: 50%;--active-rotation: 0deg;--throw-x: 0px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.crew-card-drop.played{opacity:1}.crew-card-drop.played[data-play-order="0"]{transform:translate(calc(-50% - 15px)) translateY(15px) rotate(-6deg);z-index:40;border-color:#ffffff05;background:#0f0f1433}.crew-card-drop.played[data-play-order="1"]{transform:translate(calc(-50% + 8px)) translateY(10px) rotate(3deg);z-index:41;border-color:#ffffff08;background:#0f0f1440}.crew-card-drop.played[data-play-order="2"]{transform:translate(calc(-50% - 5px)) translateY(5px) rotate(-2deg);z-index:42;border-color:#ffffff0a;background:#0f0f144d}.crew-card-drop.played[data-play-order="3"]{transform:translate(calc(-50% + 12px)) translateY(8px) rotate(4deg);z-index:43;border-color:#ffffff0a;background:#0f0f144d}.crew-card-drop.played[data-play-order="4"]{transform:translate(calc(-50% - 10px)) translateY(3px) rotate(-3deg);z-index:44;border-color:#ffffff0d;background:#0f0f1459}.crew-card-drop.played[data-play-order="5"]{transform:translate(calc(-50% + 6px)) translateY(6px) rotate(2deg);z-index:45;border-color:#ffffff0d;background:#0f0f1459}.crew-card-drop.last-placed{z-index:90!important;transform:translate(calc(-50% + 6px)) translateY(6px) rotate(2deg)!important;border-color:#ffffff1a!important;background:#0f0f144d!important;box-shadow:0 6px 30px #0006,0 0 0 1px #ffffff0f inset}.crew-card-drop:before{content:"";position:absolute;width:250px;height:250px;background:radial-gradient(circle at center,rgba(255,57,55,.25) 0%,rgba(255,55,153,.15) 25%,rgba(255,157,55,.1) 50%,transparent 100%);left:var(--mouse-x);top:var(--mouse-y);transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .2s ease,transform .05s ease,left .05s ease,top .05s ease;pointer-events:none;filter:blur(30px);mix-blend-mode:screen}.crew-card-drop:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.crew-card-stack[data-active-card="0"] .crew-card-drop[data-card-index="1"]{transform:translate(calc(-50% + 15px)) translateY(8px) rotate(6deg);border-color:#ffffff08;background:#0f0f1440}.crew-card-stack[data-active-card="0"] .crew-card-drop[data-card-index="2"]{transform:translate(calc(-50% - 10px)) translateY(12px) rotate(-4deg);border-color:#ffffff05;background:#0f0f1433}.crew-card-stack[data-active-card="1"] .crew-card-drop[data-card-index="0"]{transform:translate(calc(-50% - 18px)) translateY(6px) rotate(-7deg);border-color:#ffffff0a;background:#0f0f144d}.crew-card-stack[data-active-card="1"] .crew-card-drop[data-card-index="2"]{transform:translate(calc(-50% + 12px)) translateY(10px) rotate(5deg);border-color:#ffffff08;background:#0f0f1440}.crew-card-stack[data-active-card="2"] .crew-card-drop[data-card-index="0"]{transform:translate(calc(-50% + 8px)) translateY(9px) rotate(4deg);border-color:#ffffff08;background:#0f0f1440}.crew-card-stack[data-active-card="2"] .crew-card-drop[data-card-index="1"]{transform:translate(calc(-50% - 15px)) translateY(5px) rotate(-6deg);border-color:#ffffff0a;background:#0f0f144d}.crew-card-drop.active{opacity:1!important;pointer-events:all;animation:cardThrow .85s cubic-bezier(.34,1.56,.64,1) forwards;z-index:100!important;border-color:#ffffff0d!important;background:#0f0f1466!important}.crew-card-drop:nth-child(1){z-index:50}.crew-card-drop:nth-child(2){z-index:51}.crew-card-drop:nth-child(3){z-index:52}.crew-card-drop:nth-child(1).active~.crew-card-drop:nth-child(2),.crew-card-drop:nth-child(1).active~.crew-card-drop:nth-child(3){opacity:1}.crew-card-drop:nth-child(1).active~.crew-card-drop:nth-child(2){transform:translate(calc(-50% + 15px)) translateY(8px) rotate(6deg);border-color:#ffffff08;background:#0f0f1440}.crew-card-drop:nth-child(1).active~.crew-card-drop:nth-child(3){transform:translate(calc(-50% - 10px)) translateY(12px) rotate(-4deg);border-color:#ffffff05;background:#0f0f1433}.crew-card-drop:nth-child(2).active~.crew-card-drop:nth-child(3){transform:translate(calc(-50% + 18px)) translateY(10px) rotate(7deg);border-color:#ffffff08;background:#0f0f1440;opacity:1}.crew-card-drop:nth-child(1):not(.active){transform:translate(calc(-50% - 12px)) translateY(6px) rotate(-5deg);border-color:#ffffff0a;background:#0f0f144d;opacity:1}.crew-card-drop:nth-child(3).active{z-index:100!important}.crew-card-drop:nth-child(3).active~.crew-card-drop:nth-child(1):not(.active),.crew-card-drop:nth-child(3).active~.crew-card-drop:nth-child(2):not(.active){opacity:1}.crew-card-drop:nth-child(2):not(.active):not(.active~*){transform:translate(calc(-50% + 14px)) translateY(9px) rotate(5deg);border-color:#ffffff0a;background:#0f0f144d}.crew-card-drop:nth-child(1):not(.active):has(~.crew-card-drop:nth-child(3).active),.crew-card-drop:nth-child(1):not(.active):not(:has(~.active)){transform:translate(calc(-50% - 20px)) translateY(5px) rotate(-8deg);border-color:#ffffff05;background:#0f0f1433;opacity:1}.crew-card-drop:nth-child(2):not(.active):has(~.crew-card-drop:nth-child(3).active),.crew-card-drop:nth-child(2):not(.active):not(:has(~.active)){transform:translate(calc(-50% + 10px)) translateY(3px) rotate(5deg);border-color:#ffffff08;background:#0f0f1440;opacity:1}.crew-card-drop:nth-child(3):not(.active):not(:has(~.active)){transform:translate(calc(-50% - 5px)) translateY(1px) rotate(-3deg);border-color:#ffffff0a;background:#0f0f144d;opacity:1}.crew-card-drop.active{opacity:1;pointer-events:all;animation:cardDrop .8s cubic-bezier(.34,1.56,.64,1) forwards;z-index:100!important;border-color:#ffffff0d!important;background:#0f0f1466!important}.crew-card-drop:not(.active){animation:none;transition:all .6s cubic-bezier(.34,1.56,.64,1)}@keyframes cardThrow{0%{transform:translate(calc(-50% + var(--throw-x))) translateY(-170%) scale(1.15) rotate(var(--active-rotation));opacity:0}60%{transform:translate(-50%) translateY(10px) scale(.96) rotate(var(--active-rotation))}to{transform:translate(-50%) translateY(0) scale(1) rotate(var(--active-rotation));opacity:1}}@keyframes cardThrowAlt{0%{transform:translate(calc(-50% + var(--throw-x))) translateY(-170%) scale(1.15) rotate(var(--active-rotation));opacity:0}60%{transform:translate(-50%) translateY(10px) scale(.96) rotate(var(--active-rotation))}to{transform:translate(-50%) translateY(0) scale(1) rotate(var(--active-rotation));opacity:1}}.crew-avatar-large{width:150px;height:150px;border-radius:0;object-fit:contain;position:relative;z-index:2;background:transparent;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));transition:all .4s ease;opacity:0;pointer-events:none}.crew-card-drop.active .crew-avatar-large{opacity:1;pointer-events:all}.crew-card-drop:hover .crew-avatar-large{filter:drop-shadow(0 10px 40px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(255,57,55,.3));transform:scale(1.05)}.crew-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:2;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.crew-card-drop.active .crew-info{opacity:1;pointer-events:all}.crew-name{font-family:Qilka,sans-serif;font-size:1.8rem;font-weight:400;margin:0;letter-spacing:.05em;transition:all .4s ease;background:linear-gradient(135deg,var(--gradient-1) 0%,var(--gradient-2) 50%,var(--gradient-3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crew-rank{font-family:Ubuntu,sans-serif;font-size:1rem;color:#ff3937e6;text-transform:uppercase;letter-spacing:.15em;margin:0;transition:all .4s ease;text-shadow:0 0 10px rgba(255,57,55,.5)}.crew-link{font-family:Ubuntu,sans-serif;font-size:.9rem;color:#fff6;text-decoration:none;transition:all .3s ease;margin-top:.3rem}.crew-card-drop:hover .crew-link{color:#ffffffb3}.crew-description{font-family:Ubuntu,sans-serif;font-size:.95rem;color:#ffffff80;line-height:1.6;margin:.5rem 0 0;max-width:280px;transition:all .4s ease}.crew-card-drop:hover .crew-description{color:#ffffffb3}.features-section{width:100%;max-width:1400px;padding:4rem 2rem;position:relative;z-index:10;animation:fade-in 1s ease-out .5s both;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.features-title{font-family:Qilka,sans-serif;font-size:4.5rem;font-weight:400;text-align:center;margin-bottom:4rem;color:#fff;letter-spacing:.02em;position:relative;padding-bottom:2rem}.features-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:3px;background:linear-gradient(90deg,transparent,var(--gradient-1),var(--gradient-2),var(--gradient-3),transparent);animation:wave-line 3s ease-in-out infinite}@keyframes wave-line{0%,to{width:200px;opacity:1}50%{width:300px;opacity:.7}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 2rem;perspective:1000px;max-width:1100px;margin:0 auto}.feature-card{background:#0f0f1466;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:card-appear .6s ease-out backwards;transform-style:preserve-3d;min-height:280px}.feature-card:nth-child(1){animation-delay:.6s}.feature-card:nth-child(2){animation-delay:.7s}.feature-card:nth-child(3){animation-delay:.8s}.feature-card:nth-child(4){animation-delay:.9s}.feature-card:nth-child(5){animation-delay:1s}.feature-card:nth-child(6){animation-delay:1.1s}.feature-card:nth-child(7){animation-delay:1.2s;grid-column:2}@keyframes card-appear{0%{opacity:0;transform:translateY(50px) rotateX(-15deg) scale(.8)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}.card-number{position:absolute;top:1.5rem;right:1.5rem;font-family:Qilka,sans-serif;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#ffffff08,#ffffff14);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.5;transition:all .4s ease;z-index:1;line-height:1}.feature-card:hover .card-number{background:linear-gradient(135deg,var(--gradient-1) 0%,var(--gradient-2) 50%,var(--gradient-3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:1;transform:scale(1.1)}.feature-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);transform:rotate(45deg);transition:all .6s ease}.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff393714,#ff379914,#ff9d3714);opacity:0;transition:opacity .4s ease;border-radius:20px;z-index:0}.feature-card:hover{transform:translateY(-12px) scale(1.03);border-color:#ff39374d;background:#14141c99;box-shadow:0 20px 60px #00000080,0 0 0 1px #ff393733,inset 0 1px #ffffff1a}.feature-card:hover:before{top:-100%;left:-100%}.feature-card:hover:after{opacity:1}.feature-card:active{transform:translateY(-8px) scale(1.01)}.feature-icon{font-size:3rem;color:#ffffffe6;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));margin-top:1rem}.feature-icon i{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .4s ease}.feature-card:hover .feature-icon{transform:scale(1.2) translateY(-5px)}.feature-card:hover .feature-icon i{background:linear-gradient(135deg,var(--gradient-1) 0%,var(--gradient-2) 50%,var(--gradient-3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,57,55,.6))}.feature-name{font-family:Qilka,sans-serif;font-size:1.3rem;font-weight:400;color:#fffffff2;text-align:center;margin:.5rem 0 0;letter-spacing:.08em;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:2;text-transform:uppercase}.feature-card:hover .feature-name{background:linear-gradient(135deg,var(--gradient-1) 0%,var(--gradient-2) 50%,var(--gradient-3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.05);letter-spacing:.12em}.feature-description{font-family:Ubuntu,sans-serif;font-size:.9rem;color:#ffffff80;text-align:center;margin:0;line-height:1.5;transition:all .4s ease;position:relative;z-index:2;max-width:200px}.feature-card:hover .feature-description{color:#ffffffbf;transform:translateY(-2px)}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card:nth-child(7){grid-column:span 2;max-width:50%;margin:0 auto}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.feature-card{padding:2rem 1.5rem;min-height:240px}.feature-card:nth-child(7){grid-column:1;max-width:100%}.card-number{font-size:2.5rem;top:1rem;right:1rem}.feature-icon{font-size:2.5rem}.feature-name{font-size:1.1rem}.feature-description{font-size:.85rem}.features-title{font-size:2.5rem}}.discord-banner{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;padding:16px 28px;border-radius:50px;display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Ubuntu,sans-serif;font-size:1.1rem;font-weight:600;box-shadow:0 8px 30px #5865f266;z-index:1000;transform:translate(400px) rotate(-8deg);opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1);cursor:pointer;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:none}.discord-banner.visible{transform:translate(0) rotate(-5deg);opacity:1;animation:discordBounce .8s cubic-bezier(.34,1.56,.64,1) forwards,discordSwish 3s ease-in-out .8s infinite}.discord-banner:not(.visible){animation:discordSlideOut .5s cubic-bezier(.4,0,.6,1) forwards}.discord-banner:hover{transform:translate(0) rotate(0) scale(1.08);box-shadow:0 12px 40px #5865f299;animation:discordSwish 3s ease-in-out infinite}.discord-banner i{font-size:1.5rem;animation:discordPulse 2s ease-in-out infinite}@keyframes discordBounce{0%{transform:translate(400px) rotate(-8deg) scale(.8);opacity:0}60%{transform:translate(-15px) rotate(-3deg) scale(1.05)}80%{transform:translate(8px) rotate(-6deg) scale(.98)}to{transform:translate(0) rotate(-5deg) scale(1);opacity:1}}@keyframes discordSwish{0%,to{transform:translate(0) rotate(-5deg)}25%{transform:translate(-3px) rotate(-6deg)}50%{transform:translate(0) rotate(-4deg)}75%{transform:translate(3px) rotate(-6deg)}}@keyframes discordPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes discordSlideOut{0%{transform:translate(0) rotate(-5deg) scale(1);opacity:1}to{transform:translate(400px) rotate(-8deg) scale(.9);opacity:0}}@media (max-width: 768px){.discord-banner{bottom:20px;right:20px;padding:12px 20px;font-size:.95rem}.discord-banner span{display:none}.discord-banner i{font-size:1.8rem}}