body { display: flex; flex-direction: column; min-height: 100dvh; }

.pt-top { align-items: center; display: flex; justify-content: space-between; padding: 16px clamp(16px, 4vw, 40px); }

.pt-logo { font-size: 14px; letter-spacing: 0.04em; }

.pt-logo span { color: var(--accent-text); }

.pt-top-right { align-items: center; display: flex; gap: 12px; }

.pt-main { display: flex; flex-direction: column; gap: 16px; margin: 0 auto; max-width: 760px; padding: 24px 16px 40px; width: 100%; }

.pt-doors { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }

.pt-door { background: var(--card-bg); border: 1px solid var(--line); border-radius: 12px; color: var(--ink); display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; text-decoration: none; }

.pt-door:hover, .pt-door:focus-visible { border-color: var(--accent-line); outline: none; }

.pt-door strong { font-size: 16px; }

.pt-door span { color: var(--ink-2); font-size: 13.5px; }

.pt-guide h2 { margin: 0 0 8px; }

.pt-steps { color: var(--ink-2); font-size: 13.5px; line-height: 1.7; margin: 0 0 10px; padding-left: 20px; }

.pt-guide p { font-size: 12.5px; margin: 0; }

@media (max-width: 640px) {
  .pt-doors { grid-template-columns: minmax(0, 1fr); }
}

.pt-logo { font-size: 15px; font-weight: 700; letter-spacing: 0; }

/* ---------- band + overlapping entry cards ---------- */
.pt-band { padding-bottom: 56px; }

.pt-brand { display: flex; flex-direction: column; gap: 2px; }

.pt-brand small { color: var(--muted); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; }

.pt-title { font-size: 26px; margin: 18px auto 0; max-width: 760px; padding: 0 16px; }

.pt-main { margin-top: -40px; position: relative; }

.pt-door { align-items: center; box-shadow: 0 10px 30px rgba(7, 37, 98, 0.12); flex-direction: row; gap: 14px; padding: 18px; }

.pt-door-text { display: flex; flex: 1; flex-direction: column; gap: 3px; }

.pt-icon { align-items: center; background: var(--accent-soft); border-radius: 12px; color: var(--accent-text); display: inline-flex; flex: none; height: 48px; justify-content: center; width: 48px; }

.pt-go { color: var(--accent-text); font-size: 20px; transition: transform 0.15s ease; }

.pt-door:hover .pt-go { transform: translateX(3px); }

.pt-steps { list-style: none; padding: 0; }

.pt-steps li { align-items: flex-start; display: flex; gap: 12px; margin-bottom: 8px; }

.pt-steps li > b { align-items: center; background: var(--accent-soft); border-radius: 50%; color: var(--accent-text); display: inline-flex; flex: none; font-size: 12px; height: 24px; justify-content: center; margin-top: 1px; width: 24px; }

:root[data-look="acibadem"] .pt-band {
  background-color: #072562;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  color: #ffffff;
}

:root[data-look="acibadem"] .pt-logo { color: #ffffff; font-family: "Plus Jakarta Sans", Inter, sans-serif; font-size: 18px; font-weight: 800; letter-spacing: -0.01em; }

:root[data-look="acibadem"] .pt-brand small { color: #9fb4da; }

:root[data-look="acibadem"] .pt-title { color: #ffffff; font-family: "Plus Jakarta Sans", Inter, sans-serif; font-weight: 700; letter-spacing: -0.015em; }

:root[data-look="acibadem"] .pt-band .demo-badge { border-color: rgba(255, 255, 255, 0.3); color: #c5d3ec; }

:root[data-look="acibadem"] .pt-band [data-theme-toggle] { --tt-bg: rgba(255, 255, 255, 0.06); --tt-line: rgba(255, 255, 255, 0.22); --tt-ink: #dbe6f7; --tt-active: rgba(177, 230, 53, 0.22); }

:root[data-look="acibadem"] .pt-door { border: 0; border-radius: 14px; }

:root[data-look="acibadem"] .pt-door strong { font-family: "Plus Jakarta Sans", Inter, sans-serif; font-size: 17px; font-weight: 700; }

:root[data-look="acibadem"] .pt-door:hover { box-shadow: 0 0 0 2px #25aae1, 0 10px 30px rgba(7, 37, 98, 0.16); }

:root[data-look="acibadem"] .pt-guide { border-radius: 14px; }

:root[data-look="acibadem"] .pt-guide h2 { font-family: "Plus Jakarta Sans", Inter, sans-serif; font-weight: 700; }

@media (prefers-color-scheme: dark) {
  :root[data-look="acibadem"]:not([data-theme="light"]) .pt-band { background-color: #010a1d; }
}

:root[data-look="acibadem"][data-theme="dark"] .pt-band { background-color: #010a1d; }

.pt-door strong { color: var(--ink); }

:root[data-look="acibadem"] .pt-band [data-theme-toggle] button[aria-pressed="true"] { color: #d6ff7a; }

@media (prefers-color-scheme: dark) {
  :root[data-look="acibadem"]:not([data-theme="light"]) .pt-band { background-color: #061a42; }
  :root[data-look="acibadem"]:not([data-theme="light"]) .pt-door { border: 1px solid var(--line-strong); }
}

:root[data-look="acibadem"][data-theme="dark"] .pt-band { background-color: #061a42; }

:root[data-look="acibadem"][data-theme="dark"] .pt-door { border: 1px solid var(--line-strong); }