/* Entry, personal workspace and help. Shared mint/ink tokens come from ui-modern. */
.entry-kicker { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; color:var(--ui-accent-link, var(--bs-primary)); font-size:.73rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin-bottom:1.2rem; }
.entry-kicker > span:first-child:not(.today-game) { width:.5rem; height:.5rem; background:currentColor; border-radius:50%; }
.landing-entry { max-width:88rem; margin-inline:auto; padding-inline:clamp(.4rem, 3vw, 2.5rem); overflow:clip; }
.landing-hero { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:clamp(2rem, 5vw, 6rem); padding-block:clamp(3rem, 7vw, 7rem); }
.landing-hero h1 { font-family:'Space Grotesk',sans-serif; font-size:clamp(3.4rem, 6.2vw, 6.9rem); font-weight:600; letter-spacing:-.075em; line-height:.99; margin:0 0 1.8rem; }
.landing-hero h1 > span { color:var(--ui-accent-link, var(--bs-primary)); }
.landing-hero-lead { max-width:36rem; font-size:clamp(1rem, 1.4vw, 1.18rem); color:var(--bs-secondary-color); line-height:1.8; }
.landing-hero-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.8rem; }
.landing-hero-actions .btn-primary { display:flex; justify-content:space-between; gap:2rem; }
.landing-terms { max-width:36rem; color:var(--bs-secondary-color); font-size:.76rem; line-height:1.7; margin-top:1.8rem; }
.landing-visual { position:relative; min-width:0; padding-bottom:1rem; }
.entry-card-art { position:relative; height:29rem; border-radius:2rem; overflow:hidden; background:radial-gradient(ellipse at 65% 30%, #234352 0, #101e30 53%, #0b1421 100%); color:#68edc8; }
.entry-orbit { position:absolute; width:26rem; height:26rem; border:1px solid #68edc830; border-radius:50%; left:14%; top:-13%; }
.entry-orbit::before, .entry-orbit::after { content:''; position:absolute; inset:2rem; border:1px solid #68edc820; border-radius:50%; }
.entry-orbit::after { inset:4rem; }
.entry-card { position:absolute; left:calc(50% - 5.4rem); top:4.2rem; width:11rem; height:16rem; border:1px solid #68edc854; border-radius:1rem; box-shadow:0 1.5rem 3rem #0004; }
.entry-card-back { background:repeating-linear-gradient(45deg, #244451 0 1px, #132c39 1px 9px); transform:rotate(-24deg) translateX(-3rem); }
.entry-card-middle { background:linear-gradient(135deg,#d0e7f2,#799cac); transform:rotate(19deg) translateX(3rem); border-color:#d0e7f2; }
.entry-card-front { background:#68edc8; color:#0b2932; transform:rotate(-5deg); display:flex; flex-direction:column; justify-content:space-between; padding:1.25rem; border:5px solid #adf8df; }
.entry-card-symbol { font-size:6.5rem; line-height:1.3; font-weight:400; align-self:center; }
.entry-card-lines { height:2rem; border-top:1px solid #0b293266; border-bottom:1px solid #0b293266; background:linear-gradient(90deg,transparent 70%,#0b293222 70%); }
.entry-card-front b { font-family:'Space Grotesk',sans-serif; font-size:1rem; letter-spacing:.04em; }
.entry-card-front b span { opacity:.5; }
.entry-art-label { position:absolute; left:1.6rem; bottom:1.35rem; font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; }
.landing-product-preview { position:relative; width:61%; margin:-4.8rem 0 0 auto; border:1px solid var(--bs-border-color); border-radius:1rem; padding:.6rem; background:var(--bs-body-bg); box-shadow:0 1rem 3rem #0002; }
.entry-preview-heading { padding:.3rem .25rem .7rem; font-size:.72rem; font-weight:700; }
.entry-preview-heading span { color:var(--bs-primary); margin-right:.4rem; }
.landing-product-preview img { width:100%; height:11rem; object-fit:cover; object-position:top; display:block; border-radius:.5rem; }
.landing-product-preview figcaption { color:var(--bs-secondary-color); font-size:.65rem; line-height:1.5; padding:.65rem .2rem .15rem; }
.landing-workflow, .landing-areas { border-top:1px solid var(--bs-border-color); padding-block:clamp(2.5rem, 5vw, 5rem); }
.landing-entry h2 { font-family:'Space Grotesk',sans-serif; font-size:clamp(1.8rem, 3vw, 3rem); letter-spacing:-.05em; font-weight:500; }
.landing-entry .ui-section-heading { display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; gap:1rem; }
.landing-entry .ui-section-heading h2 { max-width:37rem; margin:0; }
.landing-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.5rem; padding:0; margin:2.5rem 0 0; list-style:none; }
.landing-step-number { display:block; color:var(--ui-accent-link, var(--bs-primary)); font-family:'Space Grotesk',sans-serif; font-size:2rem; margin-bottom:1.3rem; }
.landing-steps h3, .landing-area h3 { font-size:1.1rem; font-weight:750; }
.landing-steps p, .landing-area p { color:var(--bs-secondary-color); line-height:1.8; font-size:.91rem; margin:0; }
.landing-areas > h2 { max-width:45rem; margin-bottom:2rem; }
.landing-area { position:relative; padding:1.6rem 1.5rem 1.6rem 4.3rem; background:var(--ui-surface,var(--bs-tertiary-bg)); border-radius:1rem; height:100%; }
.landing-area-index { position:absolute; top:1.7rem; left:1.5rem; color:var(--ui-accent-link,var(--bs-primary)); font-family:'Space Grotesk',sans-serif; font-size:1rem; }
.landing-buyback { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; background:var(--ui-surface,var(--bs-tertiary-bg)); border-radius:1.2rem; padding:2rem; }
.landing-buyback h2.h5 { font-size:1.5rem; }
.landing-narrow { max-width:54rem; }
/* Personal start: work lane, compact figure rail and chronological activity. */
.today-page { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(18rem,1fr); gap:1.5rem; align-items:start; }
.today-page > * { min-width:0; margin-bottom:0 !important; }
.today-page .today-header { grid-column:1/-1; position:relative; padding:1.5rem 0 2rem; margin:0; border-bottom:1px solid var(--bs-border-color); }
.today-header .entry-kicker { margin-bottom:1rem; }
.today-game { border-left:1px solid var(--bs-border-color); padding-left:.75rem; color:var(--bs-secondary-color); font-size:.7rem; letter-spacing:.03em; text-transform:none; }
.today-header .ui-page-title { font-family:'Space Grotesk',sans-serif; font-size:clamp(1.8rem,3.2vw,3rem); letter-spacing:-.055em; font-weight:500; overflow-wrap:anywhere; }
.today-header .ui-page-subtitle { margin-top:.7rem; }
#dashboardRefreshStatus { grid-column:1/-1; font-size:.76rem; border:0 !important; background:var(--ui-surface,var(--bs-tertiary-bg)); border-radius:.7rem; }
.today-work { grid-column:1; }
.today-section-title { display:flex; gap:.8rem; margin:.6rem 0 1.2rem; }
.entry-section-number { font-family:'Space Grotesk',sans-serif; font-size:.78rem; color:var(--ui-accent-link,var(--bs-primary)); padding-top:.4rem; }
.today-section-title h2 { font-size:1.35rem; letter-spacing:-.035em; }
.today-section-title p { font-size:.8rem; }
.today-work-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.today-page .ui-work-card { display:block; height:100%; color:inherit; text-decoration:none; border:1px solid var(--bs-border-color); border-radius:1rem; background:var(--ui-surface,var(--bs-body-bg)); transition:transform .18s ease,border-color .18s ease; }
.today-page a.ui-work-card:hover, .today-page a.ui-work-card:focus-visible { transform:translateY(-3px); border-color:var(--ui-accent-link,var(--bs-primary)); }
.today-page .ui-work-card .ui-surface-body { padding:1.2rem; }
.today-work-index { display:flex; justify-content:space-between; color:var(--bs-secondary-color); font-size:.67rem; margin-bottom:1.4rem; letter-spacing:.1em; }
.today-work-index > span { font-size:1rem; color:var(--ui-accent-link,var(--bs-primary)); }
.today-page .ui-work-card .d-flex { display:flex !important; flex-direction:column-reverse; gap:.8rem !important; }
.today-page .ui-work-card [data-work-count] { padding:0; background:transparent !important; color:var(--bs-body-color) !important; font-family:'Space Grotesk',sans-serif; font-size:2.6rem; letter-spacing:-.06em; font-weight:500; line-height:1; }
.today-page .ui-work-card h3 { font-size:.88rem; font-weight:750; }
.today-page .ui-work-card p { font-size:.75rem; line-height:1.7; }
.today-statistics { grid-column:2; grid-row:3; border:0; background:var(--ui-surface,var(--bs-tertiary-bg)); }
.today-statistics .ui-surface-body, .today-activity .ui-surface-body, .today-onboarding .ui-surface-body { padding:1.5rem; }
.today-statistics .row { display:grid; grid-template-columns:1fr 1fr; gap:0; margin:0; }
.today-statistics .row > div { width:auto; padding:0; margin-top:0; }
.today-statistics .metric-tile { padding:1.2rem .8rem 1.2rem 0; min-height:7rem; border-top:1px solid var(--bs-border-color); }
.metric-tile span { display:block; color:var(--bs-secondary-color); font-size:.72rem; line-height:1.5; }
.metric-tile strong { display:block; margin-top:.6rem; font-family:'Space Grotesk',sans-serif; font-size:clamp(1.5rem,2.6vw,2.1rem); font-weight:500; letter-spacing:-.055em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.today-statistics h2 { font-size:1.25rem; letter-spacing:-.025em; }
.today-statistics .btn { font-size:.73rem; }
.today-onboarding { grid-column:1; border:1px solid var(--bs-border-color); }
.today-onboarding h2 { font-size:1.25rem; letter-spacing:-.035em; }
.today-onboarding > .ui-surface-body > .d-flex p { font-size:.8rem; }
.onboarding-steps { display:grid; gap:.25rem; }
.onboarding-step { display:flex; gap:.9rem; padding:.9rem 0; border-top:1px solid var(--bs-border-color); }
.onboarding-step:first-child { border-top:0; }
.onboarding-marker { display:grid; place-items:center; flex:0 0 1.85rem; width:1.85rem; height:1.85rem; border:1px solid var(--bs-border-color); border-radius:.55rem; color:var(--bs-secondary-color); font-family:'Space Grotesk',sans-serif; font-size:.8rem; }
.onboarding-step.is-current .onboarding-marker { background:#68edc8; border-color:#68edc8; color:#0b2932; }
.onboarding-step.is-complete .onboarding-marker { color:var(--bs-success); background:color-mix(in srgb,var(--bs-success) 10%,transparent); border-color:var(--bs-success); }
.onboarding-step h3 { font-size:.8rem; }
.today-activity { grid-column:2; border:0; background:transparent; }
.today-activity .entry-kicker { margin-bottom:.6rem; font-size:.65rem; }
.today-activity .list-group-item { background:transparent; font-size:.8rem; padding-block:1rem; border-left:2px solid var(--bs-border-color); padding-left:1rem !important; }
/* Authentication uses a shared, branded split composition with untouched form controls. */
.auth-layout { max-width:70rem; margin:clamp(1rem,4vw,4rem) auto; display:grid; grid-template-columns:1fr 1fr; align-items:stretch; overflow:hidden; border-radius:1.3rem; border:1px solid var(--bs-border-color); background:var(--ui-surface,var(--bs-body-bg)); }
.auth-brand { display:flex; flex-direction:column; justify-content:space-between; padding:clamp(1.5rem,4vw,3rem); background:#101e30; color:#eef5fa; }
.auth-brand .entry-kicker { color:#68edc8; }
.auth-brand h2 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2.3rem,4vw,3.7rem); font-weight:500; letter-spacing:-.055em; line-height:1.08; max-width:8em; }
.auth-brand p:not(.entry-kicker) { color:#a9bdcc; font-size:.88rem; line-height:1.8; max-width:30rem; }
.auth-brand .entry-card-art { height:15rem; margin:1rem -1rem; background:transparent; }
.auth-brand .entry-card { top:1rem; transform:scale(.72) rotate(-5deg); transform-origin:top center; }
.auth-brand .entry-card-back { transform:scale(.72) rotate(-25deg) translateX(-3rem); }
.auth-brand .entry-card-middle { transform:scale(.72) rotate(17deg) translateX(3rem); }
.auth-product { width:100%; max-width:none; margin:0; border-radius:0; background:transparent; box-shadow:none !important; }
.auth-product .card-body { padding:clamp(1.5rem,4vw,3rem) !important; }
.auth-product h1 { font-family:'Space Grotesk',sans-serif; font-size:2rem; letter-spacing:-.055em; }
.auth-product .form-label { font-size:.8rem; font-weight:700; }
.auth-product .form-control, .auth-product .input-group > .btn { min-height:2.9rem; }
.auth-product .text-body-secondary { font-size:.86rem; line-height:1.75; }
.auth-product .form-check-label, .auth-product .d-flex, .auth-product .form-text { font-size:.78rem; }
.auth-password-page { max-width:48rem; margin:auto; }
/* Help and support: clear context rail and a single continuous form surface. */
.help-page { max-width:76rem; margin:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.help-page > header, .help-page > p, .help-page > #task-help { grid-column:1/-1; }
.help-page > .ui-surface { margin:0 !important; }
.help-page > header { padding:1.5rem 0 2rem; border-bottom:1px solid var(--bs-border-color); }
.help-page .ui-page-title { max-width:23ch; font-size:clamp(2rem,4vw,3.2rem); letter-spacing:-.055em; }
.help-page p, .help-page li { color:var(--bs-secondary-color); font-size:.88rem; line-height:1.8; }
.help-page .ui-surface-body { padding:1.6rem; }
.help-page #task-help .row { row-gap:2rem !important; margin-top:1rem; }
.help-page #task-help article { padding-top:1rem; border-top:1px solid var(--bs-border-color); }
.support-workspace { display:grid; grid-template-columns:minmax(12rem,.7fr) minmax(0,1.8fr); gap:clamp(1.5rem,4vw,4rem); max-width:72rem; margin:2rem auto; }
.support-intro { padding-block:1rem; }
.support-intro h1 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2rem,3vw,3rem); letter-spacing:-.055em; }
.support-intro p { font-size:.87rem; color:var(--bs-secondary-color); line-height:1.8; }
.support-intro .ui-actions { display:flex; flex-direction:column; align-items:stretch; gap:.45rem; margin-top:1.5rem; }
.support-intro .ui-actions a { text-align:left; }
.support-form { padding:clamp(1.25rem,3vw,2rem); background:var(--ui-surface,var(--bs-body-bg)); border:1px solid var(--bs-border-color); border-radius:1.1rem; }
.support-form .form-label { font-size:.8rem; font-weight:700; }
.support-form textarea { line-height:1.65; }
.work-items-page { max-width:76rem; margin:auto; }
.work-items-page > form { padding:1rem; border-radius:1rem; background:var(--ui-surface,var(--bs-tertiary-bg)); }
.entry-confirmation { max-width:52rem; margin:3rem auto; padding:clamp(1.5rem,5vw,3rem); border-top:3px solid var(--bs-primary); }
.entry-confirmation h1 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2rem,4vw,3rem); letter-spacing:-.05em; }
@media (max-width:991.98px) {
 .landing-hero { grid-template-columns:1fr; gap:2rem; }
 .landing-hero-copy { max-width:43rem; }
 .landing-visual { max-width:36rem; width:100%; margin:auto; }
 .entry-card-art { height:26rem; }
 .today-page { grid-template-columns:1fr; }
 .today-page > * { grid-column:1 !important; grid-row:auto !important; }
 .today-statistics { order:3; }
 .today-onboarding { order:4; }
 .today-activity { order:5; }
 .today-statistics .row { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .support-workspace { grid-template-columns:1fr; gap:1rem; }
 .support-intro .ui-actions { flex-direction:row; flex-wrap:wrap; }
}
@media (max-width:767.98px) {
 .landing-steps { grid-template-columns:1fr; gap:1.75rem; }
 .landing-steps li { display:grid; grid-template-columns:2.5rem 1fr; gap:.7rem; }
 .landing-step-number { font-size:1.2rem; }
 .landing-hero h1 { font-size:clamp(3rem,10vw,4.5rem); }
 .landing-hero-actions .btn { width:100%; }
 .landing-entry h2 { font-size:2rem; }
 .landing-area { padding:1.4rem 1.25rem 1.4rem 3.8rem; }
 .auth-layout { grid-template-columns:1fr; }
 .auth-brand { padding:1.5rem; }
 .auth-brand h2 { max-width:none; font-size:2.1rem; }
 .auth-brand .entry-card-art, .auth-brand p:not(.entry-kicker) { display:none; }
 .auth-brand .entry-kicker { margin-bottom:.75rem; }
 .help-page { grid-template-columns:1fr; }
 .help-page > * { grid-column:1 !important; }
}
@media (max-width:575.98px) {
 .today-header .ui-actions { width:100%; margin-top:.8rem; }
 .today-header .ui-actions .btn { flex:1 1 auto; }
 .today-work-grid { gap:.65rem; }
 .today-page .ui-work-card .ui-surface-body { padding:1rem; }
 .today-page .ui-work-card [data-work-count] { font-size:2.3rem; }
 .today-statistics .row { grid-template-columns:1fr 1fr; }
 .today-statistics .ui-surface-body, .today-activity .ui-surface-body, .today-onboarding .ui-surface-body { padding:1.2rem; }
 .entry-card-art { height:23rem; }
 .entry-card { top:3.2rem; width:9rem; height:13rem; left:calc(50% - 4.5rem); }
 .entry-card-symbol { font-size:5rem; }
 .entry-card-front b { font-size:.8rem; }
 .landing-product-preview { width:69%; margin-top:-3.7rem; }
 .landing-buyback { padding:1.5rem; }
 .landing-buyback .btn { width:100%; }
}
@media (prefers-reduced-motion:reduce) { .today-page .ui-work-card { transition:none; } .today-page a.ui-work-card:hover { transform:none; } }
/* Buyback shares the new card language; its inquiry and German legal copy stay intact. */
.buyback-page { max-width:88rem; }
.buyback-page .buyback-hero { grid-template-columns:1.2fr 1fr; padding-block:clamp(3rem,7vw,7rem); }
.buyback-page .buyback-hero h1 { font-family:'Space Grotesk',sans-serif; font-weight:500; letter-spacing:-.075em; font-size:clamp(3.7rem,7vw,7.5rem); }
.buyback-page .buyback-hero h1 span { color:var(--ui-accent-link,var(--bs-primary)); }
.buyback-page .buyback-summary { position:relative; background:radial-gradient(ellipse at top,#234352,#101e30 65%); color:#eef5fa; border:0; padding:2.5rem; border-radius:1.6rem; overflow:hidden; }
.buyback-page .buyback-summary::before { content:''; width:25rem; height:25rem; border:1px solid #68edc830; border-radius:50%; position:absolute; top:-6rem; right:-6rem; pointer-events:none; }
.buyback-page .buyback-summary .buyback-eyebrow { color:#68edc8; }
.buyback-page .buyback-summary .text-body-secondary { color:#a9bdcc !important; }
.buyback-page .buyback-card-stack { height:17rem; margin-bottom:2rem; }
.buyback-page .buyback-card-stack span { border-color:#68edc85a; background:repeating-linear-gradient(45deg,#244451 0 1px,#132c39 1px 9px); }
.buyback-page .buyback-card-stack span:nth-child(2) { background:#a6c6d5; border-color:#cbe3ee; }
.buyback-page .buyback-card-stack span:last-child { background:#68edc8; color:#0b2932; border-color:#adf8df; }
.buyback-page .buyback-card-stack b { color:#0b2932; font-size:5.5rem; line-height:1.15; align-self:center; }
.buyback-page .buyback-card-stack small { font-family:'Space Grotesk',sans-serif; letter-spacing:.06em; font-size:.65rem; line-height:1.4; }
.buyback-page .buyback-panel { background:var(--ui-surface,var(--bs-body-bg)); border:0; border-radius:1.1rem; }
.buyback-page .buyback-number { font-family:'Space Grotesk',sans-serif; font-size:1.9rem; font-weight:500; color:var(--ui-accent-link,var(--bs-primary)); }
.buyback-page .buyback-section > h2, .buyback-page .buyback-contact h2 { font-family:'Space Grotesk',sans-serif; font-weight:500; letter-spacing:-.05em; font-size:clamp(2rem,3.5vw,3.4rem); }
.buyback-page .buyback-form-panel { background:var(--ui-surface,var(--bs-body-bg)); border:1px solid var(--bs-border-color); }
@media (min-width:992px) {
 .today-page .today-work { grid-row:2; }
 .today-page .today-statistics { grid-row:2; }
 .today-page .today-onboarding, .today-page .today-activity { grid-row:3; }
 .today-page:has(#dashboardRefreshStatus) .today-work, .today-page:has(#dashboardRefreshStatus) .today-statistics { grid-row:3; }
 .today-page:has(#dashboardRefreshStatus) .today-onboarding, .today-page:has(#dashboardRefreshStatus) .today-activity { grid-row:4; }
}
@media (max-width:767.98px) {
 .buyback-page .buyback-hero { grid-template-columns:1fr; }
 .buyback-page .buyback-summary { padding:1.75rem; }
 .buyback-page .buyback-card-stack { height:13rem; }
 .buyback-page .buyback-card-stack b { font-size:4rem; }
}