/* War_Gate Gateway · public pages only · Studio war_Gate */
:root{--wg-ice:#8be6ef;--wg-accent:#edbc83;--wg-muted:#a6b9c9}
body.wg-login{height:auto;min-height:100vh;margin:0;background:#050b14;color:#edf4f8;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;text-align:left}
.wg-login *{box-sizing:border-box}.wg-login a{color:inherit;text-decoration:none}.wg-login a:hover{color:var(--wg-ice)}
.wg-login #page{width:100%;min-height:100vh;margin:0;background:none;display:flex;flex-direction:column}
.wg-login .wg-public-header{height:auto;min-height:90px;padding:20px 4vw;display:flex;align-items:center;gap:30px;flex-wrap:wrap;border-bottom:1px solid #a9d7e41e;background:#07101d}
.wg-login .wg-wordmark{font-weight:900;font-size:26px;letter-spacing:4px;color:#fff;white-space:nowrap}.wg-wordmark span{color:var(--wg-accent)}
.wg-login .wg-public-header nav{height:auto}.wg-login #menu,.wg-login #language{display:flex;flex-wrap:wrap;align-items:center;gap:18px;float:none;margin:0;padding:0;list-style:none;height:auto}
.wg-login #menu li,.wg-login #language li{float:none;display:block;margin:0;padding:0;background:none;border:0;line-height:1.6}.wg-login #menu a,.wg-login #language a{display:inline-block;background:none;color:#c4d1db;padding:6px 0;font-size:11px;text-transform:uppercase;letter-spacing:1px}.wg-login #language{gap:8px}.wg-login #language .flags{background:none;width:auto;height:auto;padding:0;display:inline;font-size:11px}
.wg-login #content.wg-public-content{width:100%;margin:0 auto;padding:0;background:none;float:none;flex:1;min-width:0}
.wg-gateway{position:relative;isolation:isolate;overflow:hidden;background:#07101d url('../../images/login/gateway-20261017.webp') center center/cover no-repeat}
.wg-gateway::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030a13ed 0%,#06101b91 34%,#06101b18 55%,#06101ba8 100%),linear-gradient(0deg,#050b14 0%,transparent 30%)}
.wg-entry{position:relative;max-width:1500px;margin:auto;padding:100px 5vw 80px;min-height:730px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:clamp(40px,13vw,220px);align-items:center}
.wg-entry-copy{min-width:0;max-width:640px}.wg-login .wg-eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--wg-accent);font-weight:bold;margin:0 0 24px;line-height:1.6}.wg-signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--wg-ice);box-shadow:0 0 14px #8be6ef;margin-right:8px}
.wg-login .wg-entry h1{font-size:clamp(38px,4.6vw,68px);line-height:1.08;letter-spacing:-2.8px;color:#fff;margin:0 0 25px;text-shadow:0 4px 36px #0007;font-weight:700}.wg-entry h1 em{font-style:normal;color:var(--wg-accent)}
.wg-login .wg-lead{max-width:470px;color:#c3d0db;font-size:16px;line-height:1.85;margin:0 0 30px}
.wg-login .wg-register-link{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;padding:14px 22px;background:var(--wg-accent);color:#15202b;font-weight:bold;border:1px solid #ffdbab;border-radius:3px;box-shadow:0 8px 28px #e6a04b26}.wg-register-link span{font-size:22px}.wg-login .wg-register-link:hover{background:#ffdbad;color:#15202b}.wg-explore-link{display:inline-block;font-size:12px;color:#d9e5ec;margin:14px 0 14px 20px}
.wg-feature-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:42px;border-top:1px solid #a9d7e42b;padding-top:21px}.wg-feature-row span{font-size:9px;letter-spacing:1.5px;color:#9cb2c1}.wg-feature-row strong{display:block;font-size:11px;letter-spacing:0;color:#e9f1f6;margin-top:5px;font-weight:400}
.wg-login .wg-login-card{position:relative;padding:28px;border:1px solid #91b7c14d;border-top:2px solid #89dbe4;border-radius:6px;background:#07121eea;box-shadow:0 24px 80px #0007;backdrop-filter:blur(15px);min-width:0}
.wg-card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.wg-card-coordinate{font-size:9px;letter-spacing:2px;color:#718a9c;white-space:nowrap}.wg-login .wg-card-top .wg-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:18px}
.wg-login .wg-login-card h2{font-size:23px;font-weight:700;letter-spacing:-.7px;color:#fff;margin:0 0 5px}.wg-card-intro{font-size:12px;color:var(--wg-muted);margin:0 0 24px}.wg-login #login{width:auto;margin:0}
.wg-login #login .row{display:block;text-align:left;margin:0 0 16px;float:none;width:auto}.wg-login #login label{display:block;width:auto;float:none;margin-bottom:6px;font-size:11px;color:#b7cbd8}
.wg-login #login input,.wg-login #login select{width:100%;height:44px;background:#0b1c2b;color:#edf7ff;border:1px solid #7291a340;border-radius:3px;padding:9px 11px;font-size:16px;float:none;margin:0}
.wg-login #login button{cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;margin:24px 0 0;background:#9bdde2;color:#0b212a;border:1px solid #bcf1f0;font-size:13px;font-weight:bold;border-radius:3px}.wg-login #login button:hover{background:#c4f4f5}
.wg-login .wg-recovery{display:inline-block;margin-top:14px;font-size:11px;color:var(--wg-ice)}.wg-login-note{font-size:10px;line-height:1.6;color:var(--wg-muted);margin:18px 0}.wg-card-bottom{font-size:10px;border-top:1px solid #91b7c12a;padding-top:15px;color:#a7becd}.wg-card-bottom a{color:var(--wg-accent)}
.wg-hero-caption{position:relative;max-width:1500px;margin:auto;padding:0 5vw 30px;display:flex;justify-content:space-between;gap:20px;color:#a3bac8;font-size:8px;letter-spacing:3px}
.wg-orbit-lines{position:absolute;width:650px;height:650px;left:44%;top:50%;transform:translate(-50%,-50%);border:1px solid #91d7e51c;border-radius:50%;pointer-events:none;z-index:-1;animation:wg-orbit-drift 60s linear infinite}.wg-orbit-lines::after{content:'';position:absolute;inset:30px;border:1px dashed #91d7e51a;border-radius:50%}@keyframes wg-orbit-drift{to{transform:translate(-50%,-50%) rotate(360deg)}}
.wg-universe{max-width:1320px;margin:auto;padding:58px 5vw 25px}.wg-section-heading{max-width:650px}.wg-login .wg-section-heading .wg-eyebrow{margin-bottom:10px}.wg-login .wg-section-heading h2{font-size:clamp(25px,3vw,37px);line-height:1.2;color:#edf4f8;letter-spacing:-1px;margin:0 0 14px}.wg-section-heading>p:last-child{font-size:13px;color:var(--wg-muted)}
.wg-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 40px}.wg-path{border-top:1px solid #83cbdc35;padding:20px 0 0}.wg-path-number{color:var(--wg-accent);font-size:9px;letter-spacing:2px}.wg-login .wg-path h3{color:#f0f5f8;font-size:20px;letter-spacing:-.4px;margin:14px 0 12px}.wg-path p{font-size:13px;line-height:1.9;color:var(--wg-muted);margin:0 0 15px}.wg-path-tag{font-size:10px;color:#8bd6df}.wg-entry-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff18;padding:20px 0;font-size:12px;color:var(--wg-muted)}.wg-entry-bottom a{color:var(--wg-accent)}
.wg-login footer{font-size:11px;color:var(--wg-muted);font-weight:400;padding:24px 5vw;border-top:1px solid #ffffff18;background:#050b14}.wg-login footer a{color:#c4dced}
/* Existing registration and recovery keep their functional templates. */
.wg-public-content>form,.wg-public-content>.wg-public-title,.wg-public-content>#rules,.wg-public-content>.wg-rules-intro,.wg-public-content>.wg-live-rules{max-width:1000px;margin:30px auto;padding:24px;width:calc(100% - 40px)}
.wg-public-content>form{background:#0b1a29;border:1px solid #48748d;border-radius:6px}.wg-public-content h1,.wg-public-content h2{color:#edf6ff}.wg-public-content table{max-width:100%}.wg-public-content .contentbox{width:100%;background:#0b1e31}.wg-public-content .box-out,.wg-public-content .box-inner{background:none;width:100%}
.wg-login #rules{list-style:none;counter-reset:wg-rules}.wg-login #rules li{padding:22px 0;border-top:1px solid #7bb8cb30;margin:0}.wg-login #rules h2{font-size:19px;margin:0 0 10px}.wg-login #rules p{font-size:14px;color:#b6cad8;line-height:1.9;margin:8px 0}.wg-live-rules{background:#102637;border-left:3px solid var(--wg-ice);border-radius:3px}.wg-rules-intro{color:#b6cad8}.wg-login input:focus-visible,.wg-login select:focus-visible,.wg-login a:focus-visible,.wg-login button:focus-visible{outline:2px solid var(--wg-ice);outline-offset:4px}
@media(min-width:1600px){.wg-entry{padding-left:70px;padding-right:70px}}
@media(max-width:1000px){.wg-entry{gap:40px;grid-template-columns:minmax(0,1fr) 320px;padding:70px 5vw}.wg-login .wg-entry h1{font-size:45px}.wg-feature-row{gap:15px}.wg-login .wg-public-header{gap:16px}.wg-login #menu{gap:12px}}
@media(max-width:760px){.wg-entry{grid-template-columns:1fr;gap:38px;padding:45px 6vw 35px;min-height:0}.wg-entry-copy{max-width:560px}.wg-login .wg-entry h1{font-size:clamp(35px,8vw,52px);letter-spacing:-1.6px}.wg-login .wg-login-card{max-width:440px;width:100%;justify-self:center}.wg-gateway{background-position:52% top;background-size:auto 850px;background-color:#050b14}.wg-gateway::before{background:linear-gradient(90deg,#030a13c9,#06101b55),linear-gradient(0deg,#050b14 0%,#050b1480 50%,transparent 100%)}.wg-paths{grid-template-columns:1fr;gap:20px}.wg-universe{padding-top:36px}.wg-hero-caption{font-size:7px;letter-spacing:1px}.wg-public-header{padding:16px 6vw!important}.wg-login #menu a{font-size:10px}.wg-login #menu{gap:10px 15px}.wg-entry-bottom{align-items:start;flex-direction:column;gap:0}.wg-login .wg-lead{font-size:14px}.wg-feature-row{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.wg-orbit-lines{animation:none}}

.wg-universe-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;margin-top:28px}.wg-universe-card{padding:26px;border:1px solid #8be6ef30;background:linear-gradient(120deg,#102435,#091421);border-radius:5px}.wg-login .wg-universe-card h3{font-size:29px;color:#edf6ff;margin:8px 0 15px;letter-spacing:-1px}.wg-universe-card>p{color:#adc4d2;font-size:13px}.wg-speeds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0;padding:20px 0;border-top:1px solid #8be6ef25;border-bottom:1px solid #8be6ef25}.wg-speeds dt{font-size:10px;color:#acc0cf}.wg-speeds dd{font-size:34px;color:#edbc83;margin:4px 0;line-height:1.2;overflow-wrap:anywhere}.wg-speeds small{font-size:17px;margin-left:3px}.wg-uni-features{padding-left:18px;color:#d5e5ee;font-size:13px;line-height:2}.wg-universe-card .wg-uni-meta{color:#91d9e1;font-size:11px}.wg-universe-card .wg-uni-note{font-size:10px;color:#809baa}@media(max-width:400px){.wg-speeds{gap:7px}.wg-speeds dd{font-size:26px}.wg-universe-card{padding:20px}}