/* WOG COMMAND GATEWAY 3.0 — full homepage redesign; scoped to #index */
#index .wog-scene{background:linear-gradient(90deg,rgba(0,8,22,.42),rgba(0,4,15,.14) 50%,rgba(0,8,22,.48)),url("../../images/login/background.jpg") center/cover no-repeat}
#index .wog-page{width:min(96vw,1900px);min-height:calc(100vh - 165px);padding:32px 0 20px}
#index .wog-main-grid{display:grid;grid-template-columns:minmax(290px,1.05fr) minmax(370px,1.05fr) minmax(285px,.82fr);grid-template-areas:"left login side" "galaxy features side";grid-template-rows:minmax(405px,1fr) auto;gap:18px;align-items:stretch}
#index .wog-left-space{grid-area:left;min-height:420px;overflow:visible;justify-content:flex-start;align-items:flex-start}
#index .wog-title-wrap{position:relative;z-index:2;margin:30px 0 0 15px;text-align:left}
#index .wog-title-wrap h1{font-size:clamp(75px,6.3vw,135px);line-height:.77;text-shadow:0 0 28px rgba(31,194,255,.45),0 8px 35px #000}
#index .wog-title-wrap h1 span:first-child{color:#d9f5ff}
#index .wog-tagline{max-width:440px;line-height:1.8;font-size:11px}
#index .cg-hero-ship{position:absolute;top:56%;left:3%;font-size:clamp(110px,13vw,220px);transform:rotate(-14deg);color:rgba(122,224,255,.55);text-shadow:0 0 12px #00a9ff,0 0 65px #008cff;animation:cg-drift 8s ease-in-out infinite;pointer-events:none}
#index .cg-hero-callout{position:absolute;bottom:8px;left:12px;z-index:2;width:min(92%,410px);border:1px solid #19bfff;background:linear-gradient(100deg,rgba(1,16,32,.9),rgba(0,50,83,.55));padding:15px 20px;box-shadow:0 0 28px rgba(0,176,255,.25);text-align:center;display:grid;gap:6px;clip-path:polygon(0 0,96% 0,100% 25%,100% 100%,4% 100%,0 75%)}
#index .cg-hero-callout strong{font-size:20px;letter-spacing:1px}#index .cg-hero-callout small{color:#78dfff;letter-spacing:2px;font-size:10px}
#index .cg-command-panel{grid-area:login;align-self:center;min-height:430px;border:2px solid rgba(30,203,255,.68);border-radius:10px;box-shadow:0 0 0 4px rgba(6,101,157,.11),0 0 36px rgba(0,174,255,.25),inset 0 0 38px rgba(0,159,255,.08);background:linear-gradient(145deg,rgba(2,13,30,.92),rgba(0,18,31,.83));animation:cg-panel-glow 6s ease-in-out infinite}
#index .cg-panel-status{color:#63e5ff;font-size:9px;letter-spacing:2px;text-align:right;margin:-12px 0 16px}#index .cg-panel-status span{display:inline-block;background:#2cf3a1;width:7px;height:7px;border-radius:50%;box-shadow:0 0 9px #2cf3a1}
#index .wog-side{grid-area:side;align-content:start;gap:12px}
#index .wog-side-card{border-color:rgba(20,190,255,.65);background:rgba(1,13,25,.9);box-shadow:inset 0 0 18px rgba(0,133,224,.05),0 0 17px rgba(0,155,255,.09)}
#index .cg-galaxy{grid-area:galaxy;position:relative;min-height:230px;overflow:hidden;border:1px solid rgba(34,201,255,.45);background:radial-gradient(ellipse at center,rgba(0,113,182,.25),rgba(1,12,28,.83) 68%);box-shadow:inset 0 0 55px rgba(0,133,255,.17)}
#index .cg-galaxy-header{position:absolute;z-index:2;top:14px;left:18px;right:18px;display:flex;justify-content:space-between;color:#72dfff;font-size:9px;letter-spacing:1.5px;gap:10px}
#index .cg-galaxy-status{color:#4aefc6}
#index .cg-galaxy-disc{position:absolute;left:50%;top:58%;width:300px;height:300px;transform:translate(-50%,-50%) rotateX(65deg);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 25px,rgba(21,178,255,.35) 26px 27px,transparent 28px 44px),conic-gradient(from 30deg,transparent,#046bba77,transparent,#35d5ff55,transparent);box-shadow:0 0 80px #0099ff66,inset 0 0 70px #008aff44;animation:cg-spin 32s linear infinite}
#index .cg-galaxy-core{position:absolute;inset:105px;border-radius:50%;background:#b9ffff;box-shadow:0 0 20px 15px #08b9ff,0 0 80px 45px #007affaa}
#index .cg-orbit{position:absolute;border:1px solid #35d8ff66;border-radius:50%;inset:15px}#index .cg-orbit-b{inset:55px}#index .cg-orbit-c{inset:95px}
#index .cg-node{position:absolute;font-size:10px;color:#a3f1ff;letter-spacing:2px;text-shadow:0 0 8px #00aaff;transform:rotateX(-65deg)}#index .cg-node:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#38dfff;box-shadow:0 0 12px #00c8ff;margin-right:5px}#index .cg-node-a{top:42px;left:40px}#index .cg-node-b{right:5px;top:100px}#index .cg-node-c{bottom:50px;left:30px}#index .cg-node-d{bottom:25px;right:35px}
#index .wog-features{grid-area:features;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:none;border:0;box-shadow:none;padding:0;align-self:stretch}
#index .cg-feature{padding:0;border:1px solid #1588bb!important;position:relative;min-height:112px;overflow:hidden;text-align:left;background:#001526;transition:transform .2s,box-shadow .2s}#index .cg-feature:hover{transform:translateY(-4px);box-shadow:0 0 24px #00b8ff66}
#index .cg-feature-image{height:55%;min-height:68px;background-size:cover;background-position:center;filter:saturate(1.35)}
#index .cg-feature-1 .cg-feature-image{background-image:linear-gradient(0deg,#001a29,transparent),url("../../images/login/screens/fleet.jpg")}
#index .cg-feature-2 .cg-feature-image{background-image:linear-gradient(0deg,#001a29,transparent),url("../../images/wog/overview/overview_research_idle.gif")}
#index .cg-feature-3 .cg-feature-image{background-image:linear-gradient(0deg,#001a29,transparent),url("../../images/wog/overview/overview_shipyard_idle.gif")}
#index .cg-feature-4 .cg-feature-image{background-image:linear-gradient(0deg,#001a29,transparent),url("../../images/wog/overview/command_commander.gif")}
#index .cg-feature-body{display:flex;align-items:center;gap:9px;padding:8px 10px;background:rgba(0,16,29,.94)}#index .cg-feature-body span{flex:none;width:32px;height:32px;margin:0;border-radius:50%;background:#073a55;color:#40d8ff}#index .cg-feature-body b{font-size:11px;color:#58dcff}#index .cg-feature-body p{font-size:9px;margin:3px 0 0;color:#bbd1dd}
#index .wog-login-panel .wog-primary{box-shadow:0 0 24px #00b9ff55}
@keyframes cg-drift{0%,100%{transform:translate(0,0) rotate(-14deg)}50%{transform:translate(16px,-13px) rotate(-12deg)}}
@keyframes cg-spin{to{transform:translate(-50%,-50%) rotateX(65deg) rotate(360deg)}}
@keyframes cg-panel-glow{50%{box-shadow:0 0 0 4px #06659d22,0 0 45px #00aeff66,inset 0 0 38px #009fff18}}
@media(max-width:1200px){#index .wog-main-grid{grid-template-columns:1fr 1fr;grid-template-areas:"left left" "login side" "galaxy features";grid-template-rows:auto auto auto}#index .wog-left-space{min-height:300px}#index .cg-hero-ship{top:28%;left:55%}#index .wog-side{align-content:start}#index .cg-galaxy{min-height:260px}}
@media(max-width:740px){#index .wog-main-grid{display:flex;flex-direction:column}#index .wog-left-space{min-height:360px;width:100%}#index .wog-title-wrap{margin-left:8px}#index .wog-title-wrap h1{font-size:clamp(68px,16vw,105px)}#index .cg-hero-ship{font-size:105px;left:60%;top:38%}#index .cg-command-panel{width:100%;min-height:0}#index .wog-side,#index .cg-galaxy,#index .wog-features{width:100%}#index .cg-galaxy{min-height:230px}#index .wog-features{grid-template-columns:1fr 1fr}}
@media(max-width:400px){#index .wog-features{grid-template-columns:1fr}#index .cg-galaxy-header{font-size:7px}}
@media(prefers-reduced-motion:reduce){#index .cg-hero-ship,#index .cg-galaxy-disc,#index .cg-command-panel{animation:none!important}#index .cg-feature{transition:none}}