/* FlyWar — wspólny styl podstron (rejestracja/reset/o nas/regulamin) w szacie nowego logowania.
   Spójny z login_new/login.php: ciemny sci-fi, neon cyan/blue, panele z fazowanymi rogami. */
:root{
  --cyan:#28d4ff; --blue:#0978f2; --text:#eaf7ff; --muted:#9eb5c8;
  --panel:rgba(4,15,26,.82); --line:rgba(89,207,255,.34);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#020713;overflow-x:hidden}
.page{min-height:100vh;background:linear-gradient(90deg,rgba(1,5,12,.72),rgba(1,8,18,.32),rgba(1,6,14,.75)),url('./login_new/assets/login-bg.png') center/cover no-repeat fixed;padding:14px clamp(16px,3vw,48px)}
.page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 30% 25%,rgba(35,176,255,.14),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%,rgba(0,0,0,.5));pointer-events:none}
.shell{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:24px}

/* nagłówek z logo + nawigacją (jak na stronie logowania) */
.top{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:rgba(2,12,22,.62);box-shadow:0 0 24px rgba(0,170,255,.18);padding:10px 22px;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.logo{width:min(300px,42vw);height:auto;display:block;filter:drop-shadow(0 0 12px rgba(0,190,255,.35))}
.nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.nav a{color:#dbe8f1;text-decoration:none;text-transform:uppercase;font-weight:800;letter-spacing:.08em;font-size:13px;opacity:.84}
.nav a.active,.nav a:hover{color:#fff;text-shadow:0 0 14px var(--cyan);opacity:1}

/* panel treści */
.panel{position:relative;background:var(--panel);border:1px solid var(--line);box-shadow:0 0 30px rgba(0,150,255,.18);padding:36px clamp(22px,4vw,56px) 44px;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);max-width:720px;margin:6px auto 0;width:100%}
.panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(35,176,255,.10),transparent 42%);pointer-events:none}
.panel>*{position:relative;z-index:1}
.big{font-size:clamp(25px,3.4vw,33px);font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#fff;text-shadow:0 6px 18px #000,0 0 18px rgba(40,212,255,.35);margin:0 0 24px}
.panel,.panel td,.panel b{color:#cfe0ee}
.panel{line-height:1.6}
.panel a{color:var(--cyan);text-decoration:none;font-weight:700}
.panel a:hover{text-shadow:0 0 10px var(--cyan)}
.panel b{color:#eaf7ff}

/* formularze */
.panel form table{width:100%;border-collapse:collapse;margin-top:6px}
.panel form td{padding:8px 6px;font-weight:600;vertical-align:middle}
.panel form td[width="120"]{width:150px;color:#9fb6c8;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.login_input{width:100%;height:50px;background:rgba(2,10,20,.72);border:1px solid var(--line);color:#fff;font-size:15px;padding:0 14px;outline:0;border-radius:7px;transition:.15s}
.login_input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(40,212,255,.22)}
input[type=checkbox]{accent-color:#17caff;width:18px;height:18px;vertical-align:middle}

/* przyciski submit (wcześniej obrazkowe — teraz neonowe) */
.submit_input,.submit_input_reg,.submit_input_forget{
  -webkit-appearance:none;appearance:none;background-image:none;cursor:pointer;
  min-width:220px;height:56px;padding:0 26px;margin-top:8px;border:0;color:#021018;
  font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:15px;
  background:linear-gradient(120deg,var(--cyan),var(--blue));
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  box-shadow:0 0 22px rgba(0,170,255,.45)}
.submit_input:hover,.submit_input_reg:hover,.submit_input_forget:hover{filter:brightness(1.12)}

/* komunikaty błędów/info */
#message,#error,.panel span[style*="red"]{display:inline-block;margin-top:10px;color:#ffb3b3 !important;font-weight:700}

@media(max-width:680px){
  .top{flex-direction:column;gap:12px}
  .nav{justify-content:center;gap:18px}
  .logo{width:230px}
  .panel{padding:28px 18px 32px}
  .panel form td[width="120"]{display:block;width:auto;padding-bottom:0}
  .panel form td{display:block}
}