.imei-page { min-height: 100vh; display: flex; flex-direction: column; }
.imei-main { flex: 1; padding: 150px 0 80px; background: radial-gradient(ellipse at 85% 15%, rgba(34,211,238,.09), transparent 50%), var(--sky); }
.imei-layout { max-width: 800px; }
.imei-intro { margin-bottom: 32px; }
.imei-intro .eyebrow { color: var(--blue); margin-bottom: 16px; }
.imei-intro h1 { font-size: clamp(2rem, 6vw, 3.6rem); line-height: 1.15; letter-spacing: -.045em; }
.imei-intro h1 > span { color: var(--blue); }
.imei-intro p { color: var(--muted); margin-top: 14px; font-size: 1.1rem; }
.imei-card { padding: 36px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.imei-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: .72rem; font-weight: 700; letter-spacing: .1em; color: var(--muted); }
.imei-badge { background: var(--sky); color: var(--ink); padding: 6px 10px; border-radius: 5px; letter-spacing: 0; white-space: nowrap; }
.imei-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.imei-result { display: block; width: 100%; min-width: 0; margin: 26px 0; padding: 22px 12px; border: 1px solid var(--line); border-radius: 9px; background: #f7fafc; color: var(--ink); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: clamp(1.1rem, 4.4vw, 2.35rem); letter-spacing: .035em; text-align: center; font-variant-numeric: tabular-nums; }
.imei-result::placeholder { color: var(--muted); opacity: .45; }
.imei-actions { display: flex; gap: 12px; }
.imei-actions .button { flex: 1; border: 0; }
.imei-copy { padding: 15px 24px; border: 1px solid var(--line); border-radius: 10px; background: transparent; color: var(--ink); font: inherit; font-size: .94rem; font-weight: 600; }
.imei-copy:hover:enabled { background: var(--sky); }
.imei-actions button:disabled { opacity: .45; cursor: not-allowed; }
.imei-result:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.imei-status { min-height: 3em; margin-top: 16px; color: var(--muted); font-size: .8rem; }
.imei-card-bottom { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 12px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: .74rem; }
.imei-card-bottom span::before { content: '✓'; margin-right: 7px; color: var(--blue); }
.imei-note { margin: 24px auto 0; max-width: 610px; color: var(--muted); font-size: .8rem; line-height: 1.7; text-align: center; }
html[data-theme="dark"] .imei-main { background-color: #07111e; }
html[data-theme="dark"] .imei-card { background: #0e2133; }
html[data-theme="dark"] .imei-result { background: #071426; }
html[data-theme="dark"] .imei-intro .eyebrow, html[data-theme="dark"] .imei-intro h1 > span { color: var(--cyan); }
@media (max-width: 520px) {
  .imei-main { padding: 120px 0 48px; }
  .imei-card { padding: 22px 18px; }
  .imei-actions { flex-direction: column; }
  .imei-intro h1 { font-size: clamp(1.8rem, 8vw, 2.6rem); }
}