:root{color-scheme:dark;--bg:#070b11;--panel:#101722;--panel2:#151e2b;--line:#26364a;--cyan:#43c8e8;--amber:#e6a72f;--text:#e8edf4;--muted:#8290a4;--danger:#ef5c61}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}body{min-height:100vh}.companion-login{display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#16314a 0,transparent 38%),linear-gradient(150deg,#05080d,#0a111b 55%,#040609)}.login-panel,.entry-card{width:min(460px,calc(100vw - 32px));border:1px solid var(--line);background:rgba(13,20,30,.94);box-shadow:0 24px 80px #000;padding:38px}.strata-mark{display:flex;align-items:baseline;gap:9px;letter-spacing:.24em}.strata-mark span{font-size:25px;font-weight:800}.strata-mark b{color:var(--amber);font-size:15px}.login-panel h1{margin:28px 0 10px;font-size:25px}.login-panel p,.login-panel small,.fleet-detection p{color:var(--muted);line-height:1.55}.eve-login,.primary-action{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0 20px;padding:14px 18px;border:1px solid #647184;background:linear-gradient(#333b46,#171c23);color:#fff;text-decoration:none}.eve-login span{font-size:24px;font-weight:900;letter-spacing:.14em}.eve-login strong{font-size:14px}.companion-entry{display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,#12263c,transparent 44%),#070b11}.entry-map{position:absolute;inset:0;width:100%;height:100%;background-image:radial-gradient(#233247 1px,transparent 1px);background-size:24px 24px}.entry-map-link{stroke:#4b617b;stroke-width:2}.entry-map-node circle{fill:#101722;stroke:#43c8e8;stroke-width:2}.entry-map-node.current circle{stroke:#e6a72f;filter:drop-shadow(0 0 8px #e6a72f)}.entry-map-node text{fill:#e8edf4;font-size:14px;font-weight:700;text-anchor:middle}.entry-map-node .security{fill:#8290a4;font-size:11px;font-weight:400}.entry-card{position:relative;z-index:2}.entry-kicker{margin:8px 0 28px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:11px}.character-card{display:flex;gap:16px;align-items:center;padding:14px;background:var(--panel2);border:1px solid var(--line)}.character-card img{width:64px;height:64px}.character-card div{display:flex;flex-direction:column;gap:6px}.character-card span{color:var(--muted);font-size:13px}.character-live{display:flex;flex-direction:column;gap:7px;margin-top:12px;padding:14px;border:1px solid var(--line);background:rgba(7,11,17,.88)}.character-live small{color:var(--cyan);letter-spacing:.12em}.character-live span{color:var(--muted);font-size:12px;line-height:1.45}.fleet-detection{margin-top:16px;padding:22px;background:var(--panel);border:1px solid var(--line)}.fleet-detection small{display:block;color:var(--muted);margin-bottom:12px;letter-spacing:.12em}.fleet-detection strong{display:block}.fleet-detection strong i{display:inline-block;width:8px;height:8px;background:#51d09b;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #51d09b}.fleet-detection .warning{color:var(--amber)}button,.fleet-detection button{border:1px solid #2e7990;background:#102c38;color:#dff9ff;padding:11px 18px;cursor:pointer}.entry-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.entry-actions a,.entry-actions button{color:var(--muted);font-size:12px;text-decoration:none;background:none;border:0;padding:0}.entry-messages{color:var(--danger);font-size:13px}

/* STRATA FC Companion identity login */
.companion-login{position:relative;isolation:isolate;overflow:hidden;background:#04080e}
.login-cosmos,.login-cosmos>div{position:absolute;inset:0;pointer-events:none}
.login-cosmos{z-index:-2;background:radial-gradient(circle at 76% 22%,rgba(29,116,151,.26),transparent 27%),radial-gradient(circle at 18% 72%,rgba(180,93,23,.16),transparent 31%),linear-gradient(145deg,#03070d 0%,#08131f 52%,#03060b 100%)}
.login-nebula{inset:-25%!important;background:conic-gradient(from 210deg at 50% 50%,transparent 0 18%,rgba(51,187,222,.11) 27%,transparent 39% 61%,rgba(237,151,38,.09) 72%,transparent 84%);filter:blur(55px);animation:nebula-drift 24s ease-in-out infinite alternate}
.login-grid{opacity:.34;background-image:linear-gradient(rgba(73,126,158,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(73,126,158,.08) 1px,transparent 1px),radial-gradient(#7cd9ec 1px,transparent 1px);background-size:58px 58px,58px 58px,113px 113px;mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 82%,transparent);animation:grid-drift 32s linear infinite}
.login-orbit{inset:auto!important;border:1px solid rgba(71,190,220,.18);border-radius:50%;animation:orbit-spin 28s linear infinite}
.orbit-one{width:660px;height:660px;left:-240px;top:-270px;box-shadow:0 0 55px rgba(55,188,222,.05)}
.orbit-two{width:760px;height:760px;right:-330px;bottom:-400px;border-color:rgba(230,167,47,.14);animation-duration:38s;animation-direction:reverse}
.login-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);top:49%;left:-4px;box-shadow:0 0 18px var(--cyan)}
.orbit-two:after{background:var(--amber);box-shadow:0 0 18px var(--amber)}
.login-route{position:absolute;inset:0;opacity:.55}
.login-route:before,.login-route:after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(67,200,232,.38),rgba(230,167,47,.25),transparent);transform-origin:left center}
.login-route:before{width:44vw;left:3vw;top:28%;transform:rotate(18deg)}
.login-route:after{width:42vw;right:-8vw;bottom:25%;transform:rotate(-14deg)}
.login-route i{position:absolute;width:8px;height:8px;border:1px solid var(--cyan);background:#07111b;transform:rotate(45deg);box-shadow:0 0 13px rgba(67,200,232,.8);animation:node-pulse 3s ease-in-out infinite}
.login-route i:nth-child(1){left:9%;top:30%}.login-route i:nth-child(2){left:31%;top:38%;animation-delay:.6s}.login-route i:nth-child(3){right:16%;top:21%;animation-delay:1.2s}.login-route i:nth-child(4){right:29%;bottom:30%;animation-delay:1.8s}.login-route i:nth-child(5){left:17%;bottom:19%;animation-delay:2.4s}
.login-panel{position:relative;width:min(520px,calc(100vw - 36px));padding:42px 44px 38px;border:1px solid rgba(91,139,169,.48);background:linear-gradient(145deg,rgba(13,23,35,.93),rgba(7,13,21,.88));box-shadow:0 34px 100px rgba(0,0,0,.7),0 0 0 1px rgba(67,200,232,.04) inset;backdrop-filter:blur(18px)}
.login-panel:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,var(--cyan),transparent 32%,transparent 68%,var(--amber)) top/100% 1px no-repeat;opacity:.8}
.login-logo{display:block;width:112px;height:112px;margin:0 auto 11px}
.login-brand-name{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:22px;letter-spacing:.2em}.login-brand-name strong{font-size:22px;letter-spacing:.26em}.login-brand-name b{color:var(--amber);font-size:13px}.login-brand-name span{color:#93a6ba;font-size:9px;letter-spacing:.24em}
.login-eyebrow{margin:0 0 12px!important;color:var(--cyan)!important;font-size:10px;text-transform:uppercase;letter-spacing:.24em;font-weight:700}
.login-panel h1{margin:0 0 14px;font-size:clamp(27px,4.5vw,35px);line-height:1.13;letter-spacing:-.025em}.login-panel h1 span{color:#aab9c9;font-weight:500}
.login-panel>p:not(.login-eyebrow){margin:0;font-size:15px}
.eve-login{position:relative;margin:30px 0 19px;padding:16px 20px;border-color:#708295;background:linear-gradient(180deg,#35404d,#171e27);box-shadow:0 8px 30px rgba(0,0,0,.35);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.eve-login:hover,.eve-login:focus-visible{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 12px 34px rgba(0,0,0,.45),0 0 20px rgba(67,200,232,.12)}
.login-panel small{display:flex;align-items:flex-start;gap:9px;font-size:11px}.login-panel small i{flex:0 0 auto;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#51d09b;box-shadow:0 0 11px #51d09b}
@keyframes nebula-drift{to{transform:translate3d(4%,-3%,0) rotate(8deg) scale(1.08)}}@keyframes grid-drift{to{background-position:58px 58px,58px 58px,113px 113px}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes node-pulse{50%{opacity:.35;box-shadow:0 0 4px rgba(67,200,232,.35)}}
@media(max-width:600px){.login-panel{padding:34px 25px 30px}.login-logo{margin-bottom:19px}.login-panel h1{font-size:28px}.login-route{opacity:.3}}
@media(prefers-reduced-motion:reduce){.login-nebula,.login-grid,.login-orbit,.login-route i{animation:none}}
.login-logo{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.48))}
.strata-mark{align-items:center}.strata-mark img{width:46px;height:46px;object-fit:contain}

/* Animated STRATA identity layer shared by fleet entry and login. */
.entry-cosmos,.entry-cosmos>div{position:absolute;inset:0;pointer-events:none}
.entry-cosmos{overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(41,139,176,.21),transparent 30%),radial-gradient(circle at 83% 76%,rgba(199,117,35,.14),transparent 34%),linear-gradient(145deg,#03070c,#07111d 53%,#030609)}
.entry-nebula{inset:-28%!important;background:conic-gradient(from 235deg at 48% 48%,transparent 0 16%,rgba(47,190,220,.12) 27%,transparent 41% 59%,rgba(230,167,47,.1) 70%,transparent 84%);filter:blur(62px);animation:entry-nebula-drift 30s ease-in-out infinite alternate}
.entry-stars{inset:-15%!important;background-image:radial-gradient(circle,#bfefff 0 1px,transparent 1.4px),radial-gradient(circle,#e9b968 0 1px,transparent 1.5px);background-size:101px 101px,173px 173px;background-position:13px 21px,61px 89px;opacity:.42;animation:entry-stars-drift 70s linear infinite}
.entry-stars.stars-near{background-size:227px 227px,317px 317px;background-position:77px 42px,131px 151px;opacity:.7;filter:drop-shadow(0 0 3px rgba(125,220,245,.65));animation-duration:46s;animation-direction:reverse}
.entry-scan{left:-25%!important;right:auto!important;width:34%;background:linear-gradient(90deg,transparent,rgba(78,207,235,.035),rgba(104,221,245,.12),transparent);transform:skewX(-13deg);filter:blur(4px);animation:entry-scan-sweep 15s ease-in-out infinite}
.entry-radar{inset:auto -140px -210px auto!important;width:520px;height:520px;border:1px solid rgba(72,201,232,.15);border-radius:50%;animation:orbit-spin 44s linear infinite}
.entry-radar:before,.entry-radar:after,.entry-radar i{content:"";position:absolute;border:1px solid rgba(72,201,232,.1);border-radius:50%;inset:70px}.entry-radar:after{inset:145px;border-color:rgba(230,167,47,.12)}.entry-radar i{width:6px;height:6px;inset:auto;border:0;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.entry-radar i:nth-child(1){left:42px;top:155px}.entry-radar i:nth-child(2){right:98px;top:57px;background:var(--amber);box-shadow:0 0 14px var(--amber)}.entry-radar i:nth-child(3){left:150px;bottom:38px}
.entry-map{z-index:1;opacity:.66;filter:drop-shadow(0 0 7px rgba(51,167,202,.16))}.entry-map-link{stroke-dasharray:9 7;animation:entry-route-flow 7s linear infinite}.entry-map-node.current{animation:entry-current-pulse 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.entry-card{background:linear-gradient(145deg,rgba(13,22,33,.91),rgba(7,12,20,.86));backdrop-filter:blur(17px);box-shadow:0 28px 90px rgba(0,0,0,.66),0 0 45px rgba(45,178,215,.06)}
.login-logo{animation:brand-float 7s ease-in-out infinite}.login-panel{overflow:hidden}.login-panel:after{content:"";position:absolute;z-index:-1;left:50%;top:-105px;width:330px;height:330px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(65,200,231,.15),rgba(230,167,47,.045) 42%,transparent 69%);animation:brand-halo 8s ease-in-out infinite}
@keyframes entry-nebula-drift{to{transform:translate3d(5%,-4%,0) rotate(10deg) scale(1.1)}}
@keyframes entry-stars-drift{to{transform:translate3d(-7%,8%,0)}}
@keyframes entry-scan-sweep{0%,12%{transform:translateX(-20vw) skewX(-13deg);opacity:0}35%,70%{opacity:1}88%,100%{transform:translateX(150vw) skewX(-13deg);opacity:0}}
@keyframes entry-route-flow{to{stroke-dashoffset:-64}}
@keyframes entry-current-pulse{50%{filter:drop-shadow(0 0 12px rgba(230,167,47,.65))}}
@keyframes brand-float{50%{transform:translateY(-5px);filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}}
@keyframes brand-halo{50%{transform:translateX(-50%) scale(1.09);opacity:.72}}
@media(prefers-reduced-motion:reduce){.entry-nebula,.entry-stars,.entry-scan,.entry-radar,.entry-map-link,.entry-map-node.current,.login-logo,.login-panel:after{animation:none}}
.login-supporters{margin-top:20px;padding-top:14px;border-top:1px solid rgba(230,167,47,.28)}.login-supporters header{display:flex;justify-content:space-between;gap:12px;color:var(--amber);font-size:9px;letter-spacing:.1em}.login-supporters header span{color:var(--muted);letter-spacing:0}.login-supporters p{margin:8px 0 0!important;color:var(--muted)!important;font-size:10px!important;line-height:1.45}.login-supporter-list{display:grid;margin-top:8px}.login-supporter-list>span{display:grid;grid-template-columns:22px 1fr auto;gap:6px;padding:5px 0;border-bottom:1px solid rgba(50,67,85,.55);font-size:10px}.login-supporter-list em{color:var(--amber);font-style:normal}.login-supporter-list b{color:#cbd6e2;font-weight:500}
.sponsor-howto{display:grid;gap:6px;margin-top:10px;padding:10px;border:1px solid var(--amber);background:rgba(230,167,47,.1);text-align:left}.sponsor-howto>b{color:var(--amber);font-size:9px;letter-spacing:.12em}.sponsor-howto>span{color:#edf4fb;font-size:10px}.sponsor-howto em{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;border-radius:50%;background:var(--amber);color:#101318;font-style:normal;font-weight:800}.sponsor-howto code{padding:2px 6px;border:1px solid #e6a72f;background:#090b0e;color:#ffd16f;font-weight:800}.sponsor-howto small{display:block!important;margin:1px 0 0!important;color:var(--muted)!important;font-size:9px!important}