/* Личный кабинет, октябрь 2026, по принципу сообщества, страниц тренеров и сайтов-образцов владельца: тёмная шапка
   с дорожками стадиона, приветствие с именем салатовым, плитки календаря команды, карточки разделов с номерами и стрелками.
   Только для account.html: account.css общий со входом, админкой, модерацией и восстановлением доступа. */
@font-face{font-family:Oswald;src:url(assets/calendar/oswald.woff2) format('woff2'),url(assets/calendar/oswald.ttf) format('truetype');font-weight:200 700;font-display:swap}/* Arial с подгонкой под метрики Oswald: пока грузится шрифт, строки занимают почти то же место и не прыгают при подмене. */@font-face{font-family:'Oswald Fallback';src:local('Arial'),local('ArialMT'),local('Liberation Sans'),local('LiberationSans'),local('Roboto'),local('Roboto-Regular');font-weight:200 500;size-adjust:80%;ascent-override:149.13%;descent-override:36.13%;line-gap-override:0%}@font-face{font-family:'Oswald Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold'),local('LiberationSans-Bold'),local('Roboto Bold'),local('Roboto-Bold');font-weight:600 700;size-adjust:83%;ascent-override:143.73%;descent-override:34.82%;line-gap-override:0%}
.account-home{--ink:#07172d;--navy:#07294d;--lime:#dcff68;--paper:#f1f4f5;--line:#d3dce4;--muted:#59677d;--mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace;--ease:cubic-bezier(.16,1,.3,1);display:block;width:min(1240px,calc(100% - 40px));max-width:none;padding:24px 0 64px;color:var(--ink)}
body:has(.account-home){background:#f1f4f5}
.account-home :focus-visible{outline:3px solid #175bdf;outline-offset:3px}

/* Шапка. */
.account-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;margin:0 0 20px;padding:44px 52px;border-radius:22px;background:var(--ink);color:#fff}
.account-hero:before{content:'';position:absolute;z-index:-1;right:-110px;top:50%;width:720px;height:432px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360'%3E%3Cg fill='none' stroke='%23dcff68' stroke-opacity='.16' stroke-width='2'%3E%3Crect x='4' y='4' width='592' height='352' rx='176'/%3E%3Crect x='36' y='36' width='528' height='288' rx='144'/%3E%3Crect x='68' y='68' width='464' height='224' rx='112'/%3E%3Crect x='100' y='100' width='400' height='160' rx='80'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.account-hero:after{content:'';position:absolute;z-index:-1;right:2%;top:50%;width:420px;height:420px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(220,255,104,.2),rgba(220,255,104,0) 68%)}
.account-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 10px;border-radius:5px;background:var(--lime);color:var(--ink);font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.account-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ink)}
.account-home .account-hero h1{margin:0 0 14px;color:#fff;font:700 clamp(40px,5.4vw,80px)/1 Oswald,'Oswald Fallback',sans-serif;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere}
.account-name{display:block;color:var(--lime)}
.account-who{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 24px;color:#c4d0df;font-size:16px;overflow-wrap:anywhere}
.account-who:empty{display:none}
.account-home .role-badge{min-height:28px;padding:5px 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:transparent;color:#fff;font:600 11px/1 var(--mono);letter-spacing:.06em}
.account-stats{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:10px;margin:0}
.account-stats[hidden]{display:none}
.account-stats div{display:flex;flex-direction:column;gap:6px;min-width:150px;max-width:300px;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.04)}
.account-stats dd{order:-1;margin:0;color:var(--lime);font:600 32px/1 Oswald,'Oswald Fallback',sans-serif;font-variant-numeric:tabular-nums}
.account-stats dt{display:-webkit-box;overflow:hidden;color:#c4d0df;font:600 11px/1.35 var(--mono);letter-spacing:.05em;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.account-hero-side{display:flex;flex-direction:column;align-items:center;gap:18px}
.account-avatar{display:grid;place-items:center;width:150px;height:150px;border:6px solid var(--lime);border-radius:50%;background:var(--navy);color:#fff;font:700 54px/1 Oswald,'Oswald Fallback',sans-serif;letter-spacing:.02em;box-shadow:0 0 0 10px rgba(220,255,104,.12)}
.account-home .account-session-action{margin:0;text-align:center}
.account-home #sign-out{min-height:40px;padding:8px 20px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:#fff;font-weight:600;cursor:pointer}
.account-home #sign-out:hover{border-color:var(--lime);color:var(--lime)}
.account-home #sign-out:focus-visible{outline-color:#fff}
.account-home #account-status{margin:0 0 16px}

/* Карточки разделов: номер, заголовок, пояснение, стрелка. «Профиль» — салатовый, панель администратора — тёмная. */
.account-home .account-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.account-home .action-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:200px;height:auto;padding:22px 22px 66px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .25s var(--ease),transform .25s var(--ease)}
.account-home .action-card[hidden]{display:none}
.account-home .action-card:hover{border-color:var(--ink);background:#fff;box-shadow:0 16px 34px rgba(7,23,45,.08);transform:translateY(-3px)}
.account-home .action-card>.action-number{padding:5px 8px;border-radius:6px;background:var(--ink);color:var(--lime);font:600 12px/1 var(--mono);letter-spacing:.04em}
.account-home .action-card strong{margin:6px 0 0;font:600 clamp(22px,2vw,27px)/1.15 Oswald,'Oswald Fallback',sans-serif}
.account-home .action-card small{color:var(--muted);font-size:15px;line-height:1.5}
.action-arrow{position:absolute;right:20px;bottom:18px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--paper);font-weight:600;transition:background-color .2s,transform .25s var(--ease)}
.account-home .action-card:hover .action-arrow{background:var(--lime);transform:translateX(3px)}
.account-home .action-card>.action-badge,.account-home .action-card>.action-new{position:absolute;top:20px;right:20px;padding:6px 10px;border-radius:999px;background:var(--lime);color:var(--ink);font:600 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.account-home .action-card.is-primary{border-color:var(--lime);background:var(--lime)}
.account-home .action-card.is-primary small{color:#2e3a1b}
.account-home .action-card.is-primary .action-arrow{background:var(--ink);color:var(--lime)}
.account-home .action-card.is-primary:hover .action-arrow{background:var(--ink)}
.account-home .action-card.is-admin{border-color:var(--ink);background:var(--ink);color:#fff}
.account-home .action-card.is-admin small{color:#c4d0df}
.account-home .action-card.is-admin>.action-number{background:var(--lime);color:var(--ink)}
.account-home .action-card.is-admin .action-arrow{background:rgba(255,255,255,.12);color:#fff}
.account-home .action-card.is-admin:hover .action-arrow{background:var(--lime);color:var(--ink)}

/* Появление: шапка поднимается, карточки выходят по очереди. Выключено при «меньше движения». */
@media(prefers-reduced-motion:no-preference){
  .account-hero-copy>*,.account-hero-side{animation:account-up .7s var(--ease) both}
  .account-hero-copy>:nth-child(2){animation-delay:.06s}
  .account-hero-copy>:nth-child(3){animation-delay:.12s}
  .account-hero-copy>:nth-child(4){animation-delay:.18s}
  .account-hero-side{animation-delay:.12s}
  .account-actions:not([hidden]) .action-card{animation:account-up .6s var(--ease) both}
  .account-actions .action-card:nth-child(2){animation-delay:.05s}
  .account-actions .action-card:nth-child(3){animation-delay:.1s}
  .account-actions .action-card:nth-child(4){animation-delay:.15s}
  .account-actions .action-card:nth-child(5){animation-delay:.2s}
  .account-actions .action-card:nth-child(n+6){animation-delay:.25s}
}
@media(prefers-reduced-motion:reduce){.account-home .action-card{transition:none}.account-home .action-card:hover{transform:none}}
@keyframes account-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

@media(max-width:1000px){
  .account-home .account-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-hero{padding:40px 36px}
  .account-avatar{width:120px;height:120px;font-size:44px}
}
@media(max-width:700px){
  .account-home{width:calc(100% - 24px);padding-top:12px}
  .account-hero{grid-template-columns:minmax(0,1fr);gap:22px;padding:26px 20px 24px;border-radius:18px}
  .account-hero:before{right:-280px;width:560px;height:336px}
  .account-hero-side{order:-1;flex-direction:row;justify-content:space-between;width:100%}
  .account-avatar{width:64px;height:64px;border-width:4px;font-size:24px;box-shadow:0 0 0 6px rgba(220,255,104,.12)}
  .account-home .account-hero h1{font-size:clamp(34px,10vw,46px)}
  .account-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .account-stats div{min-width:0;max-width:none;padding:10px 12px}
  .account-stats dd{font-size:26px}
  .account-home .account-actions{grid-template-columns:minmax(0,1fr);gap:12px}
  .account-home .action-card{min-height:0;padding:18px 18px 18px;padding-right:70px;border-radius:16px}
  .action-arrow{top:50%;bottom:auto;right:16px;transform:translateY(-50%)}
  .account-home .action-card:hover .action-arrow{transform:translate(3px,-50%)}
  .account-home .action-card>.action-badge,.account-home .action-card>.action-new{top:14px;right:66px}
}