@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300;1,9..40,400&display=swap";@import"https://api.fontshare.com/v2/css?f[]=chillax@300,400,500,600,700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #010a08;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-hover: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .4);--text-mid: rgba(255, 255, 255, .6);--text-bright: rgba(255, 255, 255, .93);--text-dim: rgba(255, 255, 255, .18);--heading: "Chillax", sans-serif;--sans: "DM Sans", sans-serif;--blue: #7aa2f7;--amber: #e0af68;--red: #f7768e;--green: #9ece6a;--content-max: 1100px}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden;position:relative}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) var(--bg)}@property --b2x{syntax: "<percentage>"; inherits: false; initial-value: 75%;}@property --b2y{syntax: "<percentage>"; inherits: false; initial-value: 65%;}@property --b3x{syntax: "<percentage>"; inherits: false; initial-value: 20%;}@property --b3y{syntax: "<percentage>"; inherits: false; initial-value: 30%;}.bg-gradient{position:fixed;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:0;pointer-events:none;background:var(--bg)}.bg-b{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-b1{background:radial-gradient(120% 100% at 50% 50%,rgba(0,60,40,.3) 0%,transparent 100%)}.bg-b2{background:radial-gradient(55% 50% at var(--b2x) var(--b2y),rgba(10,220,170,.45) 0%,transparent 100%);animation:bd2 18s ease-in-out infinite}.bg-b3{background:radial-gradient(48% 44% at var(--b3x) var(--b3y),rgba(0,150,110,.32) 0%,transparent 100%);animation:bd3 24s ease-in-out infinite}.bg-b4{background:radial-gradient(55% 90% at 0% 50%,rgba(0,80,60,.16) 0%,transparent 100%)}.bg-b5{background:radial-gradient(55% 90% at 100% 50%,rgba(0,90,65,.16) 0%,transparent 100%)}.bg-b6{background:radial-gradient(45% 45% at 5% 5%,rgba(0,70,50,.12) 0%,transparent 100%)}.bg-b7{background:radial-gradient(45% 45% at 95% 95%,rgba(0,80,60,.12) 0%,transparent 100%)}@keyframes bd2{0%{--b2x: 75%;--b2y: 65%}20%{--b2x: 25%;--b2y: 20%}45%{--b2x: 15%;--b2y: 75%}65%{--b2x: 65%;--b2y: 15%}80%{--b2x: 20%;--b2y: 80%}to{--b2x: 75%;--b2y: 65%}}@keyframes bd3{0%{--b3x: 20%;--b3y: 30%}25%{--b3x: 80%;--b3y: 70%}50%{--b3x: 85%;--b3y: 20%}75%{--b3x: 50%;--b3y: 85%}to{--b3x: 20%;--b3y: 30%}}nav{--nav-ease: cubic-bezier(.25, .9, .35, 1);--nav-dur: .72s;--nav-radius-dur: 1.05s;--nav-radius-ease: cubic-bezier(.2, .85, .45, 1);position:fixed;z-index:100;left:50%;transform:translate3d(-50%,0,0);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border:none;outline:none;opacity:0;animation:fadeInNav .8s ease .2s forwards;transition:top var(--nav-dur) var(--nav-ease),width var(--nav-dur) var(--nav-ease),max-width var(--nav-dur) var(--nav-ease),padding var(--nav-dur) var(--nav-ease),background var(--nav-dur) ease,box-shadow var(--nav-dur) var(--nav-ease),border-radius var(--nav-radius-dur) var(--nav-radius-ease),backdrop-filter var(--nav-dur) ease,-webkit-backdrop-filter var(--nav-dur) ease}@keyframes fadeInNav{to{opacity:1}}nav:not(.nav--floating){top:0;width:100%;max-width:100%;border-radius:0 0 26px 26px;padding:12px 24px;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}@media(min-width:641px){nav:not(.nav--floating){width:calc(100% - 64px);max-width:var(--content-max);padding:12px 8px}}nav.nav--floating{top:20px;width:calc(100% - 48px);max-width:820px;border-radius:9999px;padding:8px 12px 8px 8px;background:#ffffff0b;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 20px 56px #0000006b}.nav-brand{display:flex;align-items:center;text-decoration:none;padding:4px 12px 4px 6px;flex-shrink:0}.nav-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.nav-link{font-size:13px;font-weight:400;color:var(--text);text-decoration:none;padding:8px 16px;border-radius:100px;transition:color .25s,background .25s}.nav-link:hover{color:var(--text-mid);background:#ffffff0d}.nav-link.active{color:var(--text-mid);background:#ffffff0f}.nav-link i{margin-right:6px;font-size:11px}.nav-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:13px;font-weight:500;color:#ffffffe6;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);text-decoration:none;padding:8px 18px;border-radius:100px;transition:background .25s,border-color .25s;flex-shrink:0}.nav-btn:hover{background:#ffffff26;border-color:#fff3}.nav-btn--discord{background:#5865f2d9;border-color:#5865f266;color:#fff}.nav-btn--discord:hover{background:#5865f2;border-color:#5865f2b3}.nav-btn i{font-size:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){nav.nav--floating{width:calc(100% - 32px);max-width:820px;padding:6px 10px 6px 6px}nav:not(.nav--floating){width:100%;max-width:100%;padding:10px 16px}.nav-link .nav-link-text{display:none}.nav-link{padding:8px 12px}.nav-link i{margin-right:0;font-size:13px}.nav-btn .nav-btn-text{display:none}.nav-btn{width:36px;height:36px;padding:0;gap:0;justify-content:center}.nav-btn i{font-size:14px}}
