.egt-account { width: min(100%, 1120px); margin: 28px auto; padding: clamp(24px,4vw,48px); border: 1px solid rgba(23,23,27,.12); border-radius: 32px; background: #f8f5f2; color: #17171b; box-shadow: 0 18px 60px rgba(23,23,27,.08); font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.egt-account__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.egt-account__eyebrow { color: #6b6972; font-size: 12px; font-weight: 850; letter-spacing: .16em; }
.egt-account h2 { margin: 12px 0 8px; font-size: clamp(36px,6vw,70px); line-height: .94; letter-spacing: -.055em; }
.egt-account p { margin: 0; color: #6b6972; }
.egt-account__plan { flex: 0 0 auto; border: 1px solid rgba(23,23,27,.14); border-radius: 999px; padding: 11px 15px; background: #fff; font-size: 11px; font-weight: 850; letter-spacing: .1em; }
.egt-account__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 34px; }
.egt-account__grid article { display: grid; min-height: 210px; align-content: space-between; gap: 18px; border: 1px solid rgba(23,23,27,.11); border-radius: 24px; padding: 24px; background: #fff; }
.egt-account__grid span, .egt-account__footer span { color: #6b6972; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.egt-account__grid strong { max-width: 13ch; font-size: clamp(22px,3vw,32px); line-height: 1.03; letter-spacing: -.035em; }
.egt-account__grid a { color: #5f4de8; font-size: 14px; font-weight: 800; text-decoration: none; }
.egt-account__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; border-radius: 22px; padding: 20px 22px; background: #17171b; color: #fff; }
.egt-account__footer div { display: grid; gap: 6px; min-width: 0; }
.egt-account__footer strong { overflow: hidden; text-overflow: ellipsis; }
.egt-account__footer button, .egt-account__primary { flex: 0 0 auto; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 12px 18px; background: #fff; color: #17171b; font-weight: 850; text-decoration: none; cursor: pointer; }
.egt-account__footer button:disabled { opacity: .6; cursor: wait; }
.egt-account--loading, .egt-account--empty { min-height: 260px; display: grid; place-content: center; gap: 14px; text-align: center; }
.egt-account--empty h2 { font-size: clamp(32px,5vw,54px); }
.egt-account--empty .egt-account__primary { justify-self: center; background: #17171b; color: #fff; }
@media (max-width: 760px) { .egt-account { border-radius: 24px; } .egt-account__grid { grid-template-columns: 1fr; } .egt-account__grid article { min-height: 160px; } .egt-account__header, .egt-account__footer { align-items: stretch; flex-direction: column; } .egt-account__plan { align-self: flex-start; } .egt-account__footer button { width: 100%; } }