/* Platina — ReflectiveCard (порт React Bits), подложка карты в плитке «Виртуальные карты» на главной */
.reflective-card{position:relative;box-sizing:border-box;width:var(--rc-width,100%);height:var(--rc-height,auto);max-width:100%;perspective:900px;color:var(--rc-ink,#f4f4f5);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.reflective-card__body{position:relative;box-sizing:border-box;width:100%;height:100%;overflow:hidden;border-radius:var(--rc-radius,24px);background:var(--rc-base,#1d1c22);box-shadow:var(--rc-shadow,0 22px 44px -20px rgba(0,0,0,.8));transform:translate3d(0,var(--rc-lift,0px),0) rotateX(var(--rc-rotate-x,0deg)) rotateY(var(--rc-rotate-y,0deg));opacity:var(--rc-presence,1);isolation:isolate;will-change:transform}
.reflective-card__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.reflective-card--static .reflective-card__canvas{display:none}
.reflective-card--static .reflective-card__body{background:linear-gradient(135deg,#2A2930 0%,#1d1c22 42%,#3A3944 58%,#1a191f 100%)}
.reflective-card__content{position:relative;z-index:1;box-sizing:border-box;display:flex;height:100%;flex-direction:column;padding:var(--rc-pad,20px)}
.reflective-card__header{display:flex;align-items:center;gap:12px;font-size:13px;line-height:20px}
.reflective-card__badge{display:inline-flex;align-items:center;gap:6px;color:var(--rc-ink);font-weight:500}
.reflective-card__badge svg{display:block}
.reflective-card__status{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:var(--rc-muted);white-space:nowrap}
.reflective-card__dot{width:6px;height:6px;border-radius:50%;background:var(--rc-status,#22c55e)}
.reflective-card__identity{margin-top:auto}
.reflective-card__name{margin:0;color:var(--rc-ink);font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
.reflective-card__role{margin:4px 0 0;color:var(--rc-muted);font-size:14px;line-height:1.4}
.reflective-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:24px}
.reflective-card__id{display:flex;min-width:0;flex-direction:column;gap:4px}
.reflective-card__label{color:var(--rc-muted);font-size:12px;line-height:16px}
.reflective-card__value{overflow:hidden;color:var(--rc-ink);font-family:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.reflective-card__tile{position:relative;box-sizing:border-box;display:flex;width:44px;height:44px;flex:none;align-items:center;justify-content:center;border-radius:var(--rc-tile-radius,12px);background:var(--rc-tile);box-shadow:var(--rc-tile-shadow);color:var(--rc-muted)}
.reflective-card__tile::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--rc-tile-edge),inset 0 1px 0 var(--rc-tile-highlight);pointer-events:none}
.reflective-card__rim{position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--rc-rim),inset 0 1px 0 var(--rc-rim-highlight);pointer-events:none}
/* Вариант «банковская карта» в плитке на главной: горизонтальный формат 1.586, компактные поля */
.rc-card{--rc-width:100%;--rc-height:auto;width:100%;height:auto;aspect-ratio:1.586;margin:14px 0 auto}
.rc-card .reflective-card__content{padding:16px 18px}
.rc-card .reflective-card__name{font-size:19px}
.rc-card .reflective-card__role{font-size:13px;margin-top:2px}
.rc-card .reflective-card__footer{margin-top:12px}
.rc-card .reflective-card__value{font-size:14px}
.rc-card .reflective-card__tile{width:40px;height:40px}
@media (max-width:640px){.rc-card{margin:10px 0 14px}}
/* Первый экран страницы «Карты»: одна карта в фигуре 470px, над бейджем «Проверка личности» */
.rc-hero{--rc-width:100%;--rc-height:auto;width:100%;height:auto;position:absolute;right:0;top:5%;aspect-ratio:1.586;margin:0;--rc-shadow:0 50px 90px rgba(0,0,0,.55),0 10px 24px -10px rgba(0,0,0,.6)}
.rc-hero .reflective-card__content{padding:24px 26px}
.rc-hero .reflective-card__name{font-size:24px}
.rc-hero .reflective-card__role{font-size:13.5px;margin-top:4px}
.rc-hero .reflective-card__footer{margin-top:18px}
.rc-hero .reflective-card__value{font-size:17px;letter-spacing:.08em}
@media (max-width:640px){.rc-hero{--rc-width:100%;top:0}.rc-hero .reflective-card__content{padding:18px 20px}.rc-hero .reflective-card__name{font-size:20px}.rc-hero .reflective-card__value{font-size:15px}}