*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#eafaff;background:#031827;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}
.ocean{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(180deg,#073b63 0%,#075b83 42%,#063e63 72%,#031827 100%)}
.ocean:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% -10%,rgba(102,237,255,.32),transparent 45%),linear-gradient(90deg,rgba(0,19,35,.18),transparent 28%,transparent 72%,rgba(0,19,35,.2))}
.caustic{position:absolute;top:-15%;width:55%;height:70%;opacity:.14;filter:blur(1px);background:repeating-linear-gradient(103deg,transparent 0 28px,rgba(123,241,255,.45) 29px 37px,transparent 38px 70px);transform-origin:top;animation:caustic 13s ease-in-out infinite alternate}.c1{left:-8%;transform:rotate(8deg)}.c2{left:27%;transform:rotate(-4deg);animation-delay:-4s}.c3{right:-13%;transform:rotate(-10deg);animation-delay:-8s}
.bubble{position:absolute;border:1px solid rgba(171,247,255,.38);border-radius:50%;opacity:.4;animation:rise 18s linear infinite}.b1{width:9px;height:9px;left:13%;bottom:-20px}.b2{width:17px;height:17px;left:36%;bottom:-30px;animation-delay:5s}.b3{width:7px;height:7px;left:61%;bottom:-20px;animation-delay:9s}.b4{width:14px;height:14px;left:82%;bottom:-30px;animation-delay:2s}
.fish{position:absolute;color:#0a3657;opacity:.38;font-size:18px;animation:swim 30s linear infinite}.fish1{top:37%;left:-20px}.fish2{top:60%;right:-30px;animation-delay:-11s}
.reef{position:absolute;bottom:0;width:30%;height:34%;opacity:.45;background:linear-gradient(90deg,#062c45 0 9%,transparent 9% 13%,#07415a 13% 18%,transparent 18% 25%,#052b45 25% 30%,transparent 30% 35%,#07506a 35% 42%,transparent 42% 100%);clip-path:polygon(0 100%,0 62%,5% 60%,6% 36%,9% 42%,12% 14%,15% 48%,19% 25%,23% 55%,27% 10%,31% 57%,36% 35%,42% 67%,48% 19%,52% 58%,58% 42%,62% 64%,67% 30%,72% 57%,78% 8%,83% 55%,90% 25%,95% 60%,100% 42%,100% 100%)}.reef-left{left:-3%}.reef-right{right:-3%;transform:scaleX(-1)}
.seabed{position:absolute;bottom:-2%;left:-5%;width:110%;height:15%;background:linear-gradient(180deg,transparent,#041b2e 48%,#02111f);clip-path:polygon(0 52%,8% 42%,17% 59%,26% 43%,38% 62%,49% 45%,61% 58%,72% 39%,83% 60%,92% 45%,100% 55%,100% 100%,0 100%)}
.topbar{height:74px;position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 5vw;gap:28px;background:rgba(2,18,34,.72);border-bottom:1px solid rgba(103,230,255,.13);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand img{width:39px;height:50px;object-fit:contain;image-rendering:pixelated}.brand b{display:block;font-size:17px}.brand small{display:block;text-transform:uppercase;letter-spacing:2px;font-size:9px;color:#6deaff;margin-top:3px}nav{display:flex;gap:24px;font-size:12px;color:#a9c7d8}nav a:hover{color:#65edff}.discord{padding:10px 14px;border-radius:7px;background:#0b70a6;color:#effcff;font-size:12px;font-weight:700}
main{width:min(1160px,90vw);margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}.tag,.eyebrow{font-family:"Press Start 2P";font-size:9px;letter-spacing:1px;color:#69edff}.hero h1{font-size:clamp(58px,8vw,98px);line-height:.92;letter-spacing:-5px;margin:18px 0 25px}.hero h1 span{color:#65eaff}.hero-copy>p{max-width:650px;color:#a9c9d8;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:10px;margin:30px 0}.button{border-radius:7px;padding:12px 17px;border:1px solid rgba(104,231,255,.25);font-size:12px;font-weight:800;cursor:pointer}.primary{background:#5cecff;color:#032039;border-color:#5cecff}.secondary{background:rgba(5,34,58,.7);color:#e8fbff}
.server-panel{padding:27px;background:linear-gradient(145deg,rgba(8,52,78,.9),rgba(2,26,48,.88));border:1px solid rgba(102,230,255,.18);border-radius:12px;box-shadow:0 28px 70px rgba(0,0,0,.2)}.server-top{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;color:#82aabc}.server-top strong{margin-left:auto;color:#62efae}.live-dot{width:7px;height:7px;background:#63edab;border-radius:50%;box-shadow:0 0 8px #63edab}.server-ip{font-family:"Press Start 2P";font-size:13px;line-height:1.8;margin:35px 0 28px;color:#e9fdff;word-break:break-all}.server-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid rgba(108,226,255,.1);padding-top:20px}.server-stats b{display:block;font-size:22px;color:#6deaff}.server-stats span{font-size:9px;color:#7396a8;text-transform:uppercase;letter-spacing:1px}
.section{padding:70px 0 95px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px}.section-head h2{font-size:38px;margin:13px 0 0}.section-head>p{max-width:430px;color:#89aabd;line-height:1.6;font-size:13px}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.video-card{background:rgba(3,29,50,.86);border:1px solid rgba(104,227,255,.12);border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}.video-card:hover{transform:translateY(-3px);border-color:rgba(104,227,255,.35)}.thumb{position:relative;aspect-ratio:16/9;background:#06182a;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(1,19,35,.8);border:1px solid rgba(113,236,255,.5);color:#67eaff}.video-card>div:last-child{display:flex;justify-content:space-between;align-items:center;padding:15px 17px}.video-card small{font-family:"Press Start 2P";font-size:7px;color:#65eaff}.video-card b{font-size:11px}
.creator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.creator-card{background:rgba(3,28,49,.88);border:1px solid rgba(105,229,255,.12);border-radius:10px;overflow:hidden}.skin-wrap{height:430px;background:linear-gradient(180deg,rgba(7,48,73,.75),rgba(2,24,42,.92));position:relative}.skin-wrap canvas{display:block;width:100%;height:100%}.creator-info{padding:17px 18px;border-top:1px solid rgba(105,229,255,.1);display:flex;align-items:center;gap:12px}.creator-info>div:first-child{margin-right:auto}.creator-info b{display:block;font-size:15px}.creator-info small{display:block;color:#7698a9;font-size:10px;margin-top:4px}.creator-links{display:flex;gap:7px}.creator-links a{font-size:9px;padding:8px 10px;border:1px solid rgba(105,229,255,.15);border-radius:5px;color:#8fd9e9}.creator-links a:hover{color:#5cecff;border-color:#5cecff}
.channel-section{padding-top:0}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.channel-grid a{padding:18px;background:rgba(3,28,49,.72);border:1px solid rgba(105,229,255,.1);border-radius:8px}.channel-grid b{display:block}.channel-grid span{display:block;color:#69eaff;font-size:10px;margin-top:7px}
.role-tabs{display:flex;gap:8px;margin-bottom:12px}.role-tab{padding:12px 20px;background:rgba(3,29,50,.8);border:1px solid rgba(104,227,255,.12);color:#a9c6d4;border-radius:6px;cursor:pointer}.role-tab.selected{background:#59eaff;color:#032039;border-color:#59eaff;font-weight:800}.application-form{padding:24px;background:rgba(3,28,49,.84);border:1px solid rgba(105,229,255,.12);border-radius:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.application-form label{display:block;font-size:11px;color:#a9c6d4;margin-bottom:15px}.application-form input,.application-form textarea{display:block;width:100%;margin-top:7px;background:#021a30;border:1px solid rgba(105,229,255,.13);border-radius:6px;color:#fff;padding:12px;outline:0}.application-form input:focus,.application-form textarea:focus{border-color:#5beaff}.application-form small{display:block;color:#64889a;font-size:9px;margin-top:12px}
.legal-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px;padding:20px 0 110px}.info-card{padding:28px;background:rgba(3,28,49,.84);border:1px solid rgba(105,229,255,.12);border-radius:10px}.info-card h2{font-size:28px;margin:15px 0}.info-card p{color:#8daebe;line-height:1.7;font-size:13px}
footer{background:rgba(1,11,22,.92);border-top:1px solid rgba(105,229,255,.1);padding:28px 5vw;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:31px;height:42px;object-fit:contain;image-rendering:pixelated}.footer-brand b{display:block}.footer-brand span{display:block;color:#68eaff;text-transform:uppercase;font-size:8px;letter-spacing:1.5px}.footer-actions{display:flex;gap:20px;color:#89a9b9;font-size:11px}.footer-actions a:hover{color:#68eaff}footer small{grid-column:1/-1;color:#577a8c;font-size:9px}
@keyframes caustic{from{transform:translate3d(-2%,0,0) rotate(8deg)}to{transform:translate3d(3%,2%,0) rotate(10deg)}}@keyframes rise{0%{transform:translateY(0);opacity:0}12%{opacity:.4}100%{transform:translateY(-110vh);opacity:0}}@keyframes swim{0%{transform:translateX(-10vw)}49%{transform:translateX(120vw)}50%{transform:translateX(120vw) scaleX(-1)}100%{transform:translateX(-10vw) scaleX(-1)}}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.creator-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head>p{margin-top:15px}}
@media(max-width:560px){main{width:92vw}.topbar{padding:0 4vw}.hero h1{font-size:52px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.server-stats{grid-template-columns:1fr 1fr}.server-stats div:last-child{grid-column:1/-1}.section-head h2{font-size:31px}.video-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.skin-wrap{height:390px}.creator-info{align-items:flex-start;flex-direction:column}.creator-links{width:100%}.creator-links a{flex:1;text-align:center}.legal-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}}