:root { --ink:#10251e; --muted:#60756d; --mint:#d9f5e5; --green:#087443; --gold:#d4af37; --lime:#b7efc7; --paper:#f6fbf7; --line:#dcebe1; --shadow:0 18px 55px rgba(16,37,30,.1); }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 90% 0%, #dff8e8, transparent 35%), var(--paper); font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
a { color:inherit; }
.starkac-nav { display:flex; align-items:center; justify-content:space-between; max-width:1160px; margin:auto; padding:18px 24px; }
.starkac-nav-links { display:flex; align-items:center; gap:22px; margin-left:auto; margin-right:16px; }
.starkac-nav-links a { color:var(--muted); font:700 13px Arial,sans-serif; text-decoration:none; }
.starkac-nav-links a:hover { color:var(--green); }
.profile-trigger { padding:10px 15px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--green); cursor:pointer; font:700 13px Arial,sans-serif; }
.starkac-brand { display:flex; align-items:center; gap:9px; font-size:24px; font-weight:800; text-decoration:none; letter-spacing:-.04em; white-space:nowrap; }
.starkac-brand .sk-wordmark { white-space:nowrap; }
.starkac-brand .sk-gold { color:var(--gold); }
.starkac-brand .sk-green { color:var(--green); }
.starkac-logo { height:34px; width:auto; }
.starkac-nav a:not(.starkac-brand) { color:var(--green); font:600 14px Arial,sans-serif; text-decoration:none; }
.starkac-shell { max-width:1160px; margin:auto; padding:42px 24px 80px; }
.starkac-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:center; padding:50px 0 70px; }
.eyebrow { color:var(--green); font:700 12px Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
h1 { max-width:680px; margin:12px 0 18px; font-size:clamp(42px,7vw,78px); line-height:.96; letter-spacing:-.06em; }
.lede { max-width:590px; color:var(--muted); font-size:19px; line-height:1.55; }
.hero-card, .form-card, .info-card, .dashboard-card { padding:28px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.86); box-shadow:var(--shadow); }
.hero-card { background:var(--ink); color:#fff; transform:rotate(1.5deg); }
.hero-card h2 { margin:0 0 12px; font-size:34px; line-height:1; }
.hero-card p { color:#cfe8d8; line-height:1.6; }
.hero-stat { display:flex; justify-content:space-between; padding:14px 0; border-top:1px solid rgba(255,255,255,.16); font:600 14px Arial,sans-serif; }
.hero-stat strong { color:var(--lime); }
.section-title { max-width:650px; margin:0 0 22px; font-size:38px; letter-spacing:-.04em; }
.plans { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; margin-bottom:60px; }
.plan-card { position:relative; padding:24px; border:1px solid var(--line); border-radius:18px; background:#fff; color:var(--ink); text-align:left; cursor:pointer; font:inherit; }
.plan-card:hover { border-color:var(--green); box-shadow:0 12px 32px rgba(8,116,67,.12); transform:translateY(-3px); }
.plan-card.featured { border:2px solid var(--green); box-shadow:0 12px 32px rgba(8,116,67,.12); }
.plan-card h3 { margin:0 0 8px; font-size:26px; }
.price { margin:16px 0; color:var(--green); font-size:40px; font-weight:800; }
.price s { color:var(--muted); font-size:20px; font-weight:600; }
.offer-note { margin:-9px 0 14px; color:#9a5b00; font:700 12px Arial,sans-serif; }
.plan-action { display:block; margin-top:20px; color:var(--green); font:700 14px Arial,sans-serif; }
.plan-card ul { margin:0; padding-left:20px; color:var(--muted); line-height:1.8; }
.starkac-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:22px; align-items:start; }
.form-card h2, .info-card h2 { margin-top:0; font-size:28px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
label { display:grid; gap:7px; color:var(--muted); font:700 12px Arial,sans-serif; letter-spacing:.03em; }
input, select, textarea { width:100%; padding:13px 14px; border:1px solid #cbded2; border-radius:11px; background:#fbfefc; color:var(--ink); font:15px Arial,sans-serif; }
.password-field { position:relative; display:flex; align-items:center; width:100%; }
.password-field input { padding-right:56px; }
.password-reveal { position:absolute; right:8px; display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:8px; background:transparent; color:var(--green); cursor:pointer; }
.password-reveal svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.password-reveal:hover, .password-reveal:focus-visible { background:var(--mint); }
input:focus, select:focus, textarea:focus { outline:0; border-color:var(--green); box-shadow:0 0 0 4px rgba(8,116,67,.12); }
.full { grid-column:1/-1; }
.btn { display:inline-flex; justify-content:center; padding:13px 18px; border:0; border-radius:11px; background:var(--green); color:#fff; cursor:pointer; font:700 14px Arial,sans-serif; }
.btn.secondary { background:var(--mint); color:var(--green); }
.form-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.form-status { min-height:20px; margin-top:12px; color:var(--green); font:13px Arial,sans-serif; }
.login-box { margin-top:24px; padding-top:22px; border-top:1px solid var(--line); }
.login-box[hidden] { display:none; }
.starkac-footer { padding:28px 24px; border-top:1px solid var(--line); color:var(--muted); text-align:center; font:13px Arial,sans-serif; }
.pathway { margin:0 0 50px; padding:38px; border-radius:22px; background:var(--ink); color:#fff; }
.pathway h2 { margin:10px 0 28px; font-size:38px; letter-spacing:-.04em; }
.pathway-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.pathway-steps div { padding:18px; border:1px solid rgba(255,255,255,.16); border-radius:14px; }
.pathway-steps strong { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--lime); color:var(--ink); }
.pathway-steps h3 { margin:15px 0 7px; font-size:18px; }.pathway-steps p { margin:0; color:#cfe8d8; font-size:14px; line-height:1.5; }
.modal[hidden] { display:none; }.modal { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:20px; }.modal-backdrop { position:absolute; inset:0; background:rgba(6,27,18,.58); backdrop-filter:blur(4px); }.modal-card { position:relative; z-index:1; width:min(760px,100%); max-height:calc(100vh - 40px); overflow:auto; padding:30px; border-radius:22px; background:#fff; box-shadow:0 25px 80px rgba(0,0,0,.3); }.modal-card h2 { margin:8px 0; font-size:30px; }.modal-intro { margin:0 0 16px; color:var(--muted); }.modal-close { position:absolute; top:14px; right:16px; border:0; background:transparent; color:var(--muted); cursor:pointer; font-size:30px; }.stepper { display:flex; gap:8px; margin:0 0 22px; overflow:auto; }.stepper span { white-space:nowrap; padding:7px 10px; border-radius:999px; background:#edf4ef; color:var(--muted); font:700 11px Arial,sans-serif; }.stepper .active { background:var(--green); color:#fff; }.modal-open { overflow:hidden; }
.starkac-footer .footer-socials { display:flex; justify-content:center; gap:10px; margin-top:14px; }
.starkac-footer .footer-social-link { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:50%; background:#fff; }
.starkac-footer .footer-social-link svg { width:17px; height:17px; }
.dashboard-header { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:24px; }
.dashboard-header h1 { margin:6px 0 0; font-size:clamp(36px,5vw,60px); }
.status-pill { display:inline-flex; padding:8px 12px; border-radius:999px; background:var(--mint); color:var(--green); font:700 12px Arial,sans-serif; }
.dashboard-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:22px; }
.dashboard-card { margin-bottom:18px; }.dashboard-card:first-child { border-top:3px solid var(--green); }
.dashboard-card h3 { margin:8px 0; font-size:25px; }
.dashboard-card p { color:var(--muted); line-height:1.6; }
.activity-list { display:grid; gap:10px; }
.activity-row { display:flex; justify-content:space-between; gap:15px; padding:15px; border:1px solid var(--line); border-radius:12px; background:#fff; font:14px Arial,sans-serif; }
.activity-row span { color:var(--muted); }
.link-chip-row { display:flex; flex-wrap:wrap; gap:10px; }
.link-chip { display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border:1px solid var(--line); border-radius:999px; background:#fff; text-decoration:none; color:var(--ink); font:700 13px Arial,sans-serif; }
.link-chip:hover { border-color:var(--green); color:var(--green); }
.class-link-box { display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding:18px; border-radius:14px; background:var(--mint); }
.class-link-box .schedule { color:var(--muted); font:13px Arial,sans-serif; }
.video-row, .assignment-row, .submission-row { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:12px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.video-row + .video-row, .assignment-row + .assignment-row, .submission-row + .submission-row { margin-top:10px; }
.row-title { font:700 15px Arial,sans-serif; }
.row-meta { color:var(--muted); font:13px Arial,sans-serif; }
.badge { display:inline-flex; padding:4px 10px; border-radius:999px; font:700 11px Arial,sans-serif; text-transform:uppercase; letter-spacing:.03em; }
.badge.pending, .badge.waiting, .badge.submitted { background:#fef3c7; color:#92400e; }
.badge.done, .badge.onboarded, .badge.paid, .badge.reviewed { background:var(--mint); color:var(--green); }
.badge.blocked, .badge.failed, .badge.needs_revision { background:#fee2e2; color:#b91c1c; }
.mini-table { width:100%; border-collapse:collapse; font:13px Arial,sans-serif; }
.mini-table th, .mini-table td { padding:9px 10px; border-bottom:1px solid var(--line); text-align:left; }
.mini-table th { color:var(--muted); font-weight:700; text-transform:uppercase; font-size:11px; letter-spacing:.03em; }
.tab-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.tab-btn { padding:9px 16px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--muted); cursor:pointer; font:700 13px Arial,sans-serif; }
.tab-btn.active { background:var(--green); border-color:var(--green); color:#fff; }
.plan-tag { display:inline-flex; padding:3px 10px; border-radius:999px; background:var(--mint); color:var(--green); font:700 11px Arial,sans-serif; text-transform:capitalize; }
.inline-form { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; }
.inline-form label { min-width:140px; flex:1; }
.stat-mini { display:flex; gap:16px; flex-wrap:wrap; }
.stat-mini div { padding:14px 18px; border:1px solid var(--line); border-radius:12px; background:#fff; min-width:120px; }
.stat-mini strong { display:block; font-size:22px; color:var(--green); }
.stat-mini span { color:var(--muted); font:12px Arial,sans-serif; }
.module-card { border:1px solid var(--line); border-radius:14px; padding:16px; margin-top:12px; background:#fff; }
.module-card.locked { opacity:.6; }
.module-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; }
.module-head .row-title { font-size:16px; }
.module-detail { margin-top:14px; padding-top:14px; border-top:1px dashed var(--line); }
.question-row { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); }
.question-row:last-child { border-bottom:none; }
.option-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
@media (max-width:980px) { .plans, .pathway-steps { grid-template-columns:1fr 1fr; } .option-grid { grid-template-columns:1fr; } }
@media (max-width:800px) { .starkac-nav { padding:14px 16px; flex-wrap:wrap; gap:12px; } .starkac-nav-links { order:3; width:100%; margin:0; justify-content:space-between; gap:10px; } .starkac-shell { padding:30px 16px 56px; } .starkac-hero, .starkac-grid { grid-template-columns:1fr; gap:28px; } .hero-card { transform:none; } .dashboard-cards, .pathway-steps, .plans { grid-template-columns:1fr; } .form-grid { grid-template-columns:1fr; } .full { grid-column:auto; } .dashboard-header { display:block; } .dashboard-header .status-pill { margin-top:12px; } .dashboard-card { padding:20px; } .activity-row { display:block; }.activity-row span { display:block; margin-top:6px; }.video-row, .assignment-row { padding:13px; }.pathway { padding:24px 18px; }.pathway h2 { font-size:32px; }.modal { padding:10px; }.modal-card { max-height:calc(100vh - 20px); padding:26px 18px; } }

/* ============================================================================
   Trainee dashboard only: X.com-inspired dark theme with a web3 card touch.
   Scoped entirely to body.trainee-dashboard so admin.html/trainer.html/
   index.html keep their existing light look untouched.
   ============================================================================ */
body.trainee-dashboard { background:#000; color:#e7e9ea; }
body.trainee-dashboard .starkac-nav { border-bottom:1px solid #2f3336; background:#000; position:sticky; top:0; z-index:20; }
body.trainee-dashboard .starkac-nav a:not(.starkac-brand) { color:#e7e9ea; }
body.trainee-dashboard .starkac-shell { max-width:1280px; }
body.trainee-dashboard .eyebrow { color:#1d9bf0; }
body.trainee-dashboard h1, body.trainee-dashboard h2, body.trainee-dashboard h3, body.trainee-dashboard h4 { color:#e7e9ea; }
body.trainee-dashboard .lede { color:#71767b; }
body.trainee-dashboard .status-pill { background:rgba(29,155,240,.15); color:#1d9bf0; }
body.trainee-dashboard .dashboard-card { background:#16181c; border:1px solid #2f3336; border-radius:18px; color:#e7e9ea; box-shadow:0 10px 30px rgba(0,0,0,.5); }
body.trainee-dashboard .dashboard-card:first-child { border-top:1px solid #2f3336; }
body.trainee-dashboard .row-meta { color:#71767b; }
body.trainee-dashboard .row-title { color:#e7e9ea; }
body.trainee-dashboard .btn { background:linear-gradient(135deg,#1d9bf0,#7c3aed); color:#fff; border-radius:999px; font-weight:800; }
body.trainee-dashboard .btn.secondary { background:#000; color:#e7e9ea; border:1px solid #536471; }
body.trainee-dashboard input, body.trainee-dashboard select, body.trainee-dashboard textarea { background:#000; border:1px solid #2f3336; color:#e7e9ea; }
body.trainee-dashboard .link-chip { background:#16181c; border-color:#2f3336; color:#e7e9ea; }
body.trainee-dashboard .link-chip:hover { border-color:#1d9bf0; color:#1d9bf0; }
body.trainee-dashboard .activity-row, body.trainee-dashboard .video-row, body.trainee-dashboard .assignment-row, body.trainee-dashboard .class-link-box { background:#16181c; border-color:#2f3336; color:#e7e9ea; }
body.trainee-dashboard .class-link-box { background:rgba(29,155,240,.1); }
body.trainee-dashboard .badge.pending, body.trainee-dashboard .badge.waiting, body.trainee-dashboard .badge.submitted { background:rgba(245,158,11,.15); color:#f59e0b; }
body.trainee-dashboard .badge.done, body.trainee-dashboard .badge.onboarded, body.trainee-dashboard .badge.paid, body.trainee-dashboard .badge.reviewed { background:rgba(0,186,124,.15); color:#00ba7c; }
body.trainee-dashboard .badge.blocked, body.trainee-dashboard .badge.failed, body.trainee-dashboard .badge.needs_revision { background:rgba(244,33,46,.15); color:#f4212e; }
body.trainee-dashboard .stat-mini div { background:#16181c; border-color:#2f3336; }
body.trainee-dashboard .stat-mini strong { color:#1d9bf0; }
body.trainee-dashboard .starkac-footer { color:#71767b; border-color:#2f3336; }
body.trainee-dashboard .module-card { background:#16181c; border:1px solid #2f3336; transition:box-shadow .2s, transform .15s; }
body.trainee-dashboard .module-card:hover { transform:translateY(-2px); box-shadow:0 0 0 1px rgba(29,155,240,.35), 0 12px 30px rgba(29,155,240,.1); }
body.trainee-dashboard .module-card.locked { opacity:.45; }
body.trainee-dashboard .module-card.passed { box-shadow:0 0 0 1px rgba(0,186,124,.45); }
body.trainee-dashboard .module-detail { border-top:1px dashed #2f3336; }
body.trainee-dashboard .question-row, body.trainee-dashboard .submission-row { background:#16181c; border-color:#2f3336; color:#e7e9ea; }
body.trainee-dashboard .mini-table th, body.trainee-dashboard .mini-table td { color:#e7e9ea; border-color:#2f3336; }
body.trainee-dashboard .mini-table th { color:#71767b; }
body.trainee-dashboard .plan-tag { background:rgba(29,155,240,.15); color:#1d9bf0; }
.tb-plan-select { background:#16181c; color:#e7e9ea; border:1px solid #2f3336; border-radius:10px; padding:8px 12px; font:700 13px Arial,sans-serif; max-width:200px; }

/* Crypto-dashboard app shell: persistent sidebar nav + one screen at a time
   in the main pane (no scrolling between sections - each nav item is its
   own full screen), matching a wallet/exchange-style dashboard layout. */
.tb-topbar { display:flex; align-items:center; gap:14px; padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid #2f3336; }
.tb-topbar h2 { margin:0; font-size:19px; letter-spacing:-.02em; flex:1; min-width:0; }
.tb-menu-toggle { display:none; width:38px; height:38px; border-radius:10px; border:1px solid #2f3336; background:#16181c; color:#e7e9ea; align-items:center; justify-content:center; cursor:pointer; font-size:18px; flex-shrink:0; }
.tb-topbar-pill { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px; background:#16181c; border:1px solid #2f3336; font:700 12px Arial,sans-serif; color:#e7e9ea; white-space:nowrap; }
.tb-topbar-pill strong { color:#1d9bf0; font-family:'Courier New',monospace; }

.x-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:24px; align-items:start; }
.tb-sidebar-backdrop { display:none; }
.x-rail { display:flex; flex-direction:column; gap:2px; position:sticky; top:24px; }
.x-rail-group { margin:18px 0 6px; padding:0 14px; font:700 11px Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#536471; }
.x-rail-group:first-child { margin-top:0; }
.x-rail-item { display:flex; align-items:center; gap:12px; width:100%; padding:11px 14px; border:0; border-radius:12px; background:transparent; color:#e7e9ea; text-decoration:none; font:700 14px Arial,sans-serif; cursor:pointer; text-align:left; }
.x-rail-item svg { width:18px; height:18px; flex-shrink:0; }
.x-rail-item:hover { background:#16181c; }
.x-rail-item.active { background:linear-gradient(135deg,rgba(29,155,240,.18),rgba(124,58,237,.14)); color:#1d9bf0; box-shadow:inset 0 0 0 1px rgba(29,155,240,.35); }
.x-feed { min-width:0; }
.tb-screen[hidden] { display:none; }

/* Tablet: keep the sidebar persistent but collapse it to icons only. */
@media (max-width:1180px) and (min-width:769px) {
  .x-layout { grid-template-columns:72px minmax(0,1fr); gap:16px; }
  .x-rail-group { display:none; }
  .x-rail-item { justify-content:center; padding:12px 0; }
  .x-rail-item .label { display:none; }
}

/* Mobile: sidebar becomes a slide-in drawer behind the hamburger toggle. */
@media (max-width:768px) {
  .x-layout { grid-template-columns:1fr; }
  .tb-menu-toggle { display:flex; }
  .x-rail { position:fixed; top:0; left:0; bottom:0; width:78vw; max-width:300px; background:#000; border-right:1px solid #2f3336; padding:76px 10px 20px; z-index:40; transform:translateX(-105%); transition:transform .25s ease; overflow-y:auto; }
  body.tb-nav-open .x-rail { transform:translateX(0); }
  body.tb-nav-open .tb-sidebar-backdrop { display:block; position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:35; }
}

/* Stat tiles - crypto-dashboard overview cards */
.tb-stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; }
.tb-stat-tile { padding:18px; border-radius:16px; background:linear-gradient(145deg,#16181c,#0a0b0d); border:1px solid #2f3336; position:relative; overflow:hidden; }
.tb-stat-tile::after { content:''; position:absolute; inset:-40% -40% auto auto; width:120px; height:120px; background:radial-gradient(circle,rgba(29,155,240,.18),transparent 70%); pointer-events:none; }
.tb-stat-tile span { position:relative; display:block; color:#71767b; font:700 11px Arial,sans-serif; text-transform:uppercase; letter-spacing:.06em; margin-bottom:8px; }
.tb-stat-tile strong { position:relative; display:block; font-size:25px; font-family:'Courier New',monospace; color:#e7e9ea; }
.tb-stat-tile.accent strong { color:#1d9bf0; }

/* Lock badges, score ring, quiz UI */
.lock-badge { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font:700 11px Arial,sans-serif; background:rgba(255,255,255,.08); color:#71767b; }
.score-ring { --pct:0; position:relative; width:104px; height:104px; border-radius:50%; background:conic-gradient(#1d9bf0 calc(var(--pct) * 1%), #2f3336 0); display:grid; place-items:center; margin:0 auto; }
.score-ring::before { content:''; position:absolute; inset:8px; border-radius:50%; background:#16181c; }
.score-ring strong { position:relative; z-index:1; font-size:24px; color:#e7e9ea; }
.score-ring span { position:relative; z-index:1; font-size:10px; color:#71767b; text-transform:uppercase; letter-spacing:.05em; }
.score-breakdown { display:flex; justify-content:space-between; gap:8px; margin-top:12px; font-size:12px; color:#71767b; text-align:center; }
.score-breakdown strong { display:block; color:#e7e9ea; font-size:15px; }
.quiz-option { display:block; width:100%; text-align:left; padding:12px 16px; border:1px solid #2f3336; border-radius:12px; background:#000; color:#e7e9ea; cursor:pointer; margin-bottom:8px; font:600 14px Arial,sans-serif; }
.quiz-option:hover { border-color:#1d9bf0; }
.quiz-option.selected { border-color:#1d9bf0; background:rgba(29,155,240,.12); }
.quiz-option.correct { border-color:#00ba7c; background:rgba(0,186,124,.12); }
.quiz-option.incorrect { border-color:#f4212e; background:rgba(244,33,46,.12); }
.reader-body { white-space:pre-wrap; line-height:1.7; color:#d7dbdc; max-height:360px; overflow:auto; padding:14px; border-radius:12px; background:#000; border:1px solid #2f3336; margin:12px 0; }

.link-tasks { display:flex; flex-direction:column; gap:8px; margin:12px 0; }
.link-task-btn { display:flex; justify-content:space-between; align-items:center; width:100%; text-align:left; padding:12px 16px; border:1px solid #2f3336; border-radius:12px; background:#000; color:#e7e9ea; cursor:pointer; font:600 14px Arial,sans-serif; }
.link-task-btn:hover { border-color:#1d9bf0; }
.link-task-btn.done { border-color:#00ba7c; background:rgba(0,186,124,.12); color:#00ba7c; }
.link-task-countdown { font-weight:800; color:#d4af37; }