:root{--navy:#142c3a;--navy2:#0d2330;--coral:#ce7458;--ivory:#f8f6f0;--ice:#eaf1f1;--ink:#18303e;--muted:#66757d;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}button,input{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#fff}.eyebrow:after{content:"";display:block;width:50px;height:4px;border-radius:4px;background:var(--coral);margin-top:16px}.eyebrow.dark{color:#2b6d73}
.access-page{min-height:100vh;color:#fff;background:radial-gradient(circle at 78% 30%,#1a3d4e 0,var(--navy) 34%,var(--navy2) 100%)}.brand-bar,.viewer-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid rgba(255,255,255,.1);font-weight:800}.brand-bar a{color:rgba(255,255,255,.72);text-decoration:none}.access-layout{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr minmax(390px,560px);align-items:center;gap:8vw;padding:60px max(6vw,32px)}.access-copy h1,.viewer-hero h1{font-size:clamp(54px,6.4vw,96px);line-height:.94;letter-spacing:-.055em;margin:26px 0}.access-copy>p:last-of-type{max-width:650px;font-size:clamp(18px,1.6vw,26px);line-height:1.5;color:rgba(255,255,255,.78)}.family-silhouette{height:190px;display:flex;align-items:end;gap:10px;margin-top:36px;opacity:.62}.family-silhouette i{display:block;width:48px;height:126px;border-radius:26px 26px 9px 9px;background:#604a3b;position:relative}.family-silhouette i:before{content:"";position:absolute;width:39px;height:39px;border-radius:50%;background:#75553f;left:5px;top:-20px}.family-silhouette .active{height:160px;background:#9b5b3e}.access-card{background:var(--ivory);color:var(--ink);border-radius:28px;padding:clamp(28px,4vw,58px);box-shadow:0 28px 70px rgba(0,0,0,.2)}.access-card h2{font-size:clamp(32px,3.4vw,50px);line-height:1;margin:10px 0 18px;letter-spacing:-.04em}.access-card>p:not(.card-kicker){color:var(--muted);line-height:1.5}.card-kicker{color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.access-card label{display:block;margin:34px 0 20px}.access-card label>span{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #bac8cc;border-radius:14px;padding:0 16px;background:#fff}.input-wrap input,.access-card .otp{width:100%;height:60px;border:0;outline:0;background:transparent;color:var(--ink)}.access-card .otp{border:1px solid #bac8cc;border-radius:14px;background:#fff;padding:0 18px;text-align:center;letter-spacing:.48em;font-size:26px;font-weight:800}.access-card>button:not(.link-button){border:0;border-radius:999px;background:var(--coral);color:#fff;width:100%;height:58px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px}.access-card>button:disabled{opacity:.55}.link-button{width:100%;border:0;background:none;color:var(--ink);text-decoration:underline;margin-top:18px}.form-message{display:block;margin-top:16px;border-radius:12px;background:var(--ice);padding:12px 14px;color:var(--ink);font-size:14px;text-align:center}
.viewer-page{background:var(--navy);color:#fff;min-height:100vh}.viewer-header div{display:flex;align-items:center;gap:18px}.viewer-header small{color:rgba(255,255,255,.7)}.viewer-header button{border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;background:transparent;padding:10px 16px;display:flex;gap:8px}.viewer-hero{padding:62px max(5vw,28px) 84px}.viewer-hero h1{margin-bottom:16px}.viewer-lead{color:rgba(255,255,255,.7);font-size:18px}.player-shell{aspect-ratio:16/9;max-width:1420px;margin:42px auto 0;border:1px solid rgba(255,255,255,.22);border-radius:22px;overflow:hidden;background:#07141b;box-shadow:0 24px 80px rgba(0,0,0,.28)}#kinescope-player{width:100%;height:100%}.practice-section{background:var(--ivory);color:var(--ink);border-radius:36px 36px 0 0;padding:78px max(5vw,28px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2{font-size:clamp(36px,4vw,64px);letter-spacing:-.05em;margin:18px 0 0}.section-heading>p{max-width:430px;color:var(--muted);line-height:1.55}.practice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.practice-card{color:var(--ink);text-decoration:none;background:#fff;border:1px solid #dfe8e7;border-radius:18px;overflow:hidden;box-shadow:0 9px 25px rgba(20,44,58,.06)}.practice-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(20,44,58,.12)}.practice-card img{display:block;width:100%;height:auto}.practice-card span{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:700}.practice-card span b{color:var(--coral)}.viewer-page footer{display:flex;justify-content:space-between;padding:30px max(5vw,28px);background:var(--ivory);color:var(--ink);border-top:1px solid #dde4e3;font-size:13px}
.admin-page{min-height:100vh;display:grid;grid-template-columns:270px 1fr;background:var(--ivory)}.admin-sidebar{background:var(--navy);color:#fff;padding:38px 22px}.admin-sidebar>b{display:block;margin:0 14px 50px}.admin-sidebar nav{display:grid;gap:9px}.admin-sidebar a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;color:rgba(255,255,255,.7);font-size:14px}.admin-sidebar a svg{width:20px}.admin-sidebar a.active{background:var(--coral);color:#fff;font-weight:700}.admin-content{padding:42px clamp(24px,4vw,64px)}.admin-content>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.admin-content h1{font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;margin:10px 0}.admin-content>header>a{padding:12px 18px;border:1px solid #bac8cc;border-radius:999px;color:var(--ink);text-decoration:none}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #dfe8e7;border-radius:18px;padding:24px;display:flex;align-items:center;justify-content:space-between}.stat-card span{font-weight:700;color:#51666f}.stat-card b{font-size:42px}.viewer-panel{background:#fff;border:1px solid #dfe8e7;border-radius:18px;overflow:hidden}.panel-tools{display:flex;align-items:center;gap:12px;padding:18px}.panel-tools form{display:flex;gap:8px}.panel-tools input{height:44px;border:1px solid #c9d5d7;border-radius:10px;padding:0 13px}.panel-tools button,.upload-button{height:44px;border:0;border-radius:10px;background:var(--coral);color:#fff;padding:0 16px;font-weight:700;display:flex;align-items:center;gap:8px}.panel-tools button svg,.upload-button svg{width:18px}.upload-button{background:#fff;color:var(--ink);border:1px solid #c9d5d7;cursor:pointer}.upload-button input{display:none}.search{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid #c9d5d7;border-radius:10px;padding:0 11px}.search input{border:0;padding:0;outline:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px 18px;border-top:1px solid #e7edec;white-space:nowrap}th{background:var(--ice);color:#4d626a;font-size:12px}.status{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.status.allowed{background:#e2f5e8;color:#2d7143}.status.disabled{background:#fae6e1;color:#a74831}.progress{min-width:200px;display:grid;grid-template-columns:1fr 40px;align-items:center;gap:8px}.progress:before{content:"";grid-column:1;grid-row:1;height:8px;background:#e5ecec;border-radius:9px}.progress i{grid-column:1;grid-row:1;height:8px;background:var(--coral);border-radius:9px;z-index:1}.progress span{grid-column:2}.toggle{border:0;background:none;color:var(--coral);font-size:12px;text-decoration:underline}
.admin-label{font-size:12px;color:#6d7f86}
[hidden]{display:none!important}.form-message.error{background:#fae6e1;color:#a74831}.practice-card i{font-style:normal;font-size:18px}.admin-sidebar a{cursor:default;text-decoration:none}.panel-tools button:disabled,.access-card button:disabled{cursor:wait}.access-card button span{font-size:22px}.input-wrap>b{font-size:17px;color:#55717b}
@media(max-width:1100px){.practice-grid{grid-template-columns:repeat(3,1fr)}.admin-page{grid-template-columns:90px 1fr}.admin-sidebar>b{font-size:0}.admin-sidebar>b:after{content:"НР";font-size:16px}.admin-sidebar a{font-size:0;justify-content:center}.admin-sidebar a svg{width:22px}.panel-tools{flex-wrap:wrap}.search{margin-left:0}.search input{width:160px}}
@media(max-width:760px){.brand-bar,.viewer-header{height:68px;padding:0 20px}.brand-bar a,.viewer-header small{display:none}.access-layout{grid-template-columns:1fr;padding:42px 20px}.access-copy h1,.viewer-hero h1{font-size:52px}.family-silhouette{display:none}.access-card{padding:26px;border-radius:20px}.viewer-hero{padding:44px 20px 58px}.viewer-header div{gap:0}.player-shell{border-radius:12px}.practice-section{padding:52px 20px}.section-heading{display:block}.practice-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.practice-card{min-width:78vw;scroll-snap-align:start}.viewer-page footer{display:grid;gap:8px}.admin-page{display:block}.admin-sidebar{display:none}.admin-content{padding:24px 14px}.admin-content>header{align-items:flex-start}.admin-content>header>a{font-size:12px}.stats-row{gap:8px}.stat-card{padding:14px;display:grid;gap:10px}.stat-card b{font-size:30px}.panel-tools form{width:100%}.panel-tools form input{min-width:0;flex:1}.search{width:100%}.search input{width:100%}}