/* ═══════════════════════════════════════════════════════════════════════════
   LYTUM · Αποδελτίωση Ν.3869/2010 — κοινό στυλ (σελίδα σύνδεσης + εφαρμογή)
   Minimal λευκό, με πινελιές από την παλέτα του λογότυπου Lytum.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Roboto (τοπικά — καμία κλήση σε Google Fonts) ─────────────────────── */
@font-face{font-family:"Roboto";font-style:normal;font-weight:300;font-display:swap;
  src:url(/static/fonts/roboto-greek-300-normal.woff2) format("woff2");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;
  src:url(/static/fonts/roboto-greek-400-normal.woff2) format("woff2");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;
  src:url(/static/fonts/roboto-greek-500-normal.woff2) format("woff2");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;
  src:url(/static/fonts/roboto-greek-700-normal.woff2) format("woff2");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:300;font-display:swap;
  src:url(/static/fonts/roboto-latin-300-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;
  src:url(/static/fonts/roboto-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;
  src:url(/static/fonts/roboto-latin-500-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;
  src:url(/static/fonts/roboto-latin-700-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── Παλέτα: ακριβώς τα χρώματα του λογότυπου ──────────────────────────── */
:root{
  --navy:#1A3347; --navy-2:#24465f; --ink:#1A3347; --ink-2:#3c5366;
  --muted:#6b7c8c; --faint:#9aa8b5;
  --yellow:#EEAF2B; --orange:#DF5F31; --red:#D0282E; --wine:#881A1F;
  --blue:#216BA5; --sky:#84CEE4; --green:#88BE45; --forest:#0C8843;
  --bg:#ffffff; --bg-2:#f7f9fb; --bg-3:#f1f4f7;
  --line:#e6ebf0; --line-2:#d8e0e7;
  --ok:#0C8843; --warn:#b7831a; --err:#D0282E;
  --radius:14px; --radius-s:10px;
  --shadow-1:0 1px 2px rgba(26,51,71,.06),0 1px 1px rgba(26,51,71,.04);
  --shadow-2:0 10px 30px -12px rgba(26,51,71,.22),0 4px 10px -6px rgba(26,51,71,.10);
  --shadow-3:0 28px 60px -24px rgba(26,51,71,.35),0 10px 24px -14px rgba(26,51,71,.18);
  --brand-strip:linear-gradient(90deg,var(--yellow) 0 20%,var(--orange) 20% 36%,
     var(--red) 36% 54%,var(--blue) 54% 72%,var(--sky) 72% 82%,var(--green) 82% 93%,
     var(--forest) 93% 100%);
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);
  font:14px/1.55 "Roboto","Segoe UI",system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--blue);text-decoration:none}
::selection{background:rgba(132,206,228,.45)}

/* ── Κουμπιά ───────────────────────────────────────────────────────────── */
.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:9px 16px;border:1px solid var(--line-2);border-radius:999px;background:#fff;
  color:var(--ink);font-family:inherit;font-weight:500;font-size:13.5px;
  line-height:1.2;cursor:pointer;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),
             background .18s,border-color .18s,color .18s;white-space:nowrap}
button svg,.btn svg{width:16px;height:16px;flex:none}
button:hover:not(:disabled){border-color:var(--navy);transform:translateY(-1px);
  box-shadow:var(--shadow-2)}
button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-1)}
button:disabled{opacity:.42;cursor:not-allowed}
button:focus-visible{outline:3px solid rgba(33,107,165,.35);outline-offset:2px}
button.p{background:var(--navy);border-color:var(--navy);color:#fff}
button.p:hover:not(:disabled){background:var(--navy-2)}
button.g{border-color:rgba(12,136,67,.45);color:var(--forest)}
button.g:hover:not(:disabled){border-color:var(--forest);background:rgba(136,190,69,.08)}
button.s{border-color:rgba(223,95,49,.5);color:var(--orange)}
button.s:hover:not(:disabled){border-color:var(--orange);background:rgba(223,95,49,.06)}
button.d{border-color:rgba(208,40,46,.4);color:var(--red)}
button.d:hover:not(:disabled){border-color:var(--red);background:rgba(208,40,46,.05)}
button.ghost{border-color:transparent;background:transparent}
button.ghost:hover:not(:disabled){background:var(--bg-3);box-shadow:none;transform:none}
button.lg{padding:12px 22px;font-size:14.5px}

/* ── Πεδία ─────────────────────────────────────────────────────────────── */
input[type=text],input[type=password],input[type=number],input[type=email],select{
  flex:1;min-width:0;width:100%;padding:10px 13px;border:1px solid var(--line-2);
  border-radius:var(--radius-s);background:#fff;color:var(--ink);font:inherit;
  transition:border-color .18s,box-shadow .18s}
input:hover,select:hover{border-color:#c4cfd9}
input:focus,select:focus{outline:none;border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(33,107,165,.12)}
input[type=checkbox]{width:17px;height:17px;accent-color:var(--navy);margin:0}

/* ── Κάρτες & 3D ───────────────────────────────────────────────────────── */
.card{position:relative;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-1)}
.tilt{transform-style:preserve-3d;will-change:transform;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.tilt:hover{box-shadow:var(--shadow-3)}
.tilt .z1{transform:translateZ(18px)} .tilt .z2{transform:translateZ(34px)}
.tilt .glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(600px circle at var(--gx,50%) var(--gy,0%),
    rgba(255,255,255,.55),transparent 40%);opacity:0;transition:opacity .3s}
.tilt:hover .glare{opacity:1}
.strip{height:3px;background:var(--brand-strip);border-radius:3px}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}