/* WisDom RM — σελίδα «Είσοδος» (17/10/2026).
   Δύο μισά: αριστερά οι δύο δρόμοι και η βοήθεια, δεξιά το προϊόν πάνω στη «χαραυγή» της μάρκας.
   Κανένα πεδίο κωδικού — η εφαρμογή δεν έχει λογαριασμούς. */

.ent{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
  min-height:calc(100vh - 64px);
}
.ent-main{
  width:100%;max-width:600px;margin-left:auto;
  padding:clamp(44px,8vh,96px) clamp(20px,4.5vw,64px) clamp(56px,9vh,104px);
  display:flex;flex-direction:column;justify-content:center;
}
.ent-h1{
  font-family:var(--font-d);font-weight:500;color:#fff;line-height:1.08;letter-spacing:-.2px;
  font-size:clamp(40px,4.8vw,62px);margin-bottom:20px;text-wrap:balance;
}
.ent-h1 .gold{color:var(--gold2)}
.ent-lead{font-size:16px;line-height:1.7;color:var(--slate);max-width:46ch}
.ent-lead strong{color:var(--cream);font-weight:600}

/* ── οι δύο δρόμοι ── */
.ent-paths{display:grid;gap:14px;margin-top:36px}
.ent-path{
  border-radius:16px;padding:22px 24px 24px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.09);
}
.ent-path.is-key{
  background:linear-gradient(160deg,rgba(201,150,58,.10),rgba(201,150,58,.02) 60%);
  border-color:rgba(201,150,58,.42);
}
.ent-path h2{font-family:var(--font-b);font-size:17px;font-weight:700;color:#fff;margin-bottom:6px}
.ent-path p{font-size:14px;line-height:1.6;color:var(--slate);margin-bottom:18px;max-width:52ch}
/* ⚠ flex + gap: το κείμενο ΠΑΝΤΑ σε ένα <span>, αλλιώς το .nb γίνεται ξεχωριστό flex item
   και ανοίγει κενό μέσα στη φράση (τέταρτη φορά: .faq-q, .pcard-tag, .phil-chain, εδώ). */
.ent-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 24px;
  border-radius:var(--r);font-family:var(--font-b);font-size:15px;font-weight:700;letter-spacing:.005em;
  text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s;
}
.ent-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ent-btn--gold{
  color:var(--navy);background:linear-gradient(135deg,var(--gold2),var(--gold));border:1px solid var(--gold2);
  box-shadow:0 8px 22px rgba(201,150,58,.24);
}
.ent-btn--gold:hover{transform:translateY(-1px);background:linear-gradient(135deg,var(--gold3),var(--gold2));box-shadow:0 12px 30px rgba(201,150,58,.36)}
.ent-btn--line{color:var(--gold2);background:rgba(201,150,58,.06);border:1px solid var(--gold)}
.ent-btn--line:hover{transform:translateY(-1px);background:rgba(201,150,58,.14)}
.ent-btn:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}

/* ── βοήθεια: εγγενές <details>, δουλεύει και χωρίς JS ── */
.ent-help{margin-top:44px}
.ent-help h2{font-family:var(--font-d);font-size:24px;font-weight:500;color:#fff;margin-bottom:8px}
.ent-help details{border-bottom:1px solid rgba(255,255,255,.08)}
.ent-help summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 2px;font-size:15px;font-weight:600;color:var(--cream);transition:color .18s;
}
.ent-help summary::-webkit-details-marker{display:none}
.ent-help summary::after{
  content:'';flex:none;width:9px;height:9px;margin-right:4px;border-right:1.6px solid var(--gold2);border-bottom:1.6px solid var(--gold2);
  transform:rotate(45deg) translateY(-3px);transition:transform .22s var(--ease);
}
.ent-help details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.ent-help summary:hover{color:#fff}
.ent-help summary:focus-visible{outline:2px solid var(--gold2);outline-offset:2px;border-radius:6px}
.ent-help details > div{padding:0 2px 18px;font-size:14px;line-height:1.7;color:var(--slate);max-width:58ch}
.ent-help details > div strong{color:var(--cream);font-weight:600}
.ent-help a{color:var(--gold2);text-decoration:none;border-bottom:1px solid rgba(201,150,58,.35)}
.ent-help a:hover{border-bottom-color:var(--gold2)}
.ent-help code{font-family:var(--font-m);font-size:12.5px;color:var(--gold3);background:rgba(201,150,58,.1);
  border:1px solid rgba(201,150,58,.2);padding:1px 6px;border-radius:5px}

/* ── δεξιά: το προϊόν πάνω στη χαραυγή ── */
/* Sticky, με ύψος μίας οθόνης: η εικόνα και η χαραυγή μένουν μπροστά σου όσο διαβάζεις τη βοήθεια. */
.ent-aside{
  position:sticky;top:64px;align-self:start;height:calc(100vh - 64px);
  overflow:hidden;display:flex;align-items:center;justify-content:center;
  padding:48px clamp(24px,4vw,64px);border-left:1px solid rgba(201,150,58,.12);
  background:
    radial-gradient(120% 70% at 50% 112%,rgba(232,180,85,.30),rgba(201,150,58,.10) 40%,transparent 68%),
    radial-gradient(90% 60% at 50% -10%,rgba(46,78,128,.28),transparent 60%),
    linear-gradient(180deg,#0B1832,#0A1628);
}
/* Το πλάτος δένεται και με το ύψος της οθόνης: σε laptop 1366×768 η σύνθεση χωρά ολόκληρη. */
.ent-stage{width:100%;max-width:min(700px,calc((100vh - 64px - 150px) * 1.28));perspective:1600px}
/* Η σύνθεση: ο υπολογιστής πίσω, το κινητό μπροστά, κάτω αριστερά, να τον «πατά».
   Το padding κρατά χώρο για το κινητό που βγαίνει κάτω και αριστερά από το πλαίσιο. */
.ent-devices{position:relative;padding:0 0 13% 14%}
.frame{border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(201,150,58,.22);background:#0b1322;
  box-shadow:-18px 34px 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.02) inset;
  transform:rotateY(-8deg) rotateX(2deg);transform-origin:center}
/* Το κινητό: σκέτο σώμα με λεπτό χρυσό περίγραμμα — κανένα «notch», καμία αντιγραφή συσκευής. */
.ent-phone{
  position:absolute;left:0;bottom:0;width:30%;
  padding:6px;border-radius:24px;background:#070d18;
  border:1px solid rgba(201,150,58,.38);
  box-shadow:0 28px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03) inset,0 0 40px rgba(232,180,85,.08);
}
.ent-phone img{display:block;width:100%;height:auto;border-radius:18px}
.frame-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;
  background:linear-gradient(180deg,#13213b,#0d1830);border-bottom:1px solid rgba(255,255,255,.06)}
.frame-bar .d{width:10px;height:10px;border-radius:50%}
.frame-bar .d1{background:#ff5f57}.frame-bar .d2{background:#febc2e}.frame-bar .d3{background:#28c840}
.frame-url{margin-left:12px;flex:1;height:18px;border-radius:5px;background:rgba(255,255,255,.05);display:flex;align-items:center;
  padding:0 10px;font-family:var(--font-m);font-size:9px;color:var(--slate);letter-spacing:.5px}
.frame img{width:100%;height:auto;display:block}
.ent-note{margin-top:22px;text-align:center;font-size:13px;color:var(--slate)}

@media(max-width:1023.98px){
  .ent{grid-template-columns:1fr;min-height:0}
  .ent-main{margin:0 auto;padding-bottom:32px}
  .ent-aside{display:none}
}
@media(max-width:480px){
  .ent-path{padding:20px 18px 20px}
  .ent-btn{width:100%}
}
@media (prefers-reduced-motion: reduce){
  .frame{transform:none}
  .ent-btn,.ent-help summary::after{transition:none}
}