/* Shared OКО52 website refinement. API contracts, page structure and form IDs
   remain in the page/application sources; all styling is self-hosted. */
:root{--radius:16px;--line:#2b3a42;--surface-raised:#18242b;--surface-hover:#203039;--subtle:#839AA6;--ui-space:24px;--ui-shadow:0 2px 5px #0002,0 12px 30px #0002;--ui-motion:150ms cubic-bezier(.2,0,0,1)}
body{font-size:15px;line-height:1.7;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em}
p{line-height:1.75}
.page-heading{align-items:flex-start;gap:24px;margin-bottom:32px}
.page-heading h1{font-size:clamp(32px,3.2vw,48px);line-height:1.17;letter-spacing:-.035em}
.page-heading p:not(.eyebrow){font-size:15px;line-height:1.75;max-width:680px;margin-top:14px}
.eyebrow,.rail-label{font-size:11px;line-height:1.6;letter-spacing:.085em}
.section-heading{margin-bottom:40px;gap:18px 56px}
.section-heading .eyebrow{margin-bottom:6px}
.section-heading>p:last-child{font-size:15px;line-height:1.8}
.section{padding-block:80px}

/* Header/navigation: one optical center and deliberate hit areas. */
.site-header{align-items:center;gap:28px;border-bottom-color:var(--line);box-shadow:0 1px 0 #0003}
.brand{align-items:center;gap:12px}
.brand>span{line-height:1.15}
.brand small{line-height:1.5;letter-spacing:.055em;margin-top:5px}
.desktop-nav>a{display:flex;align-items:center;min-height:44px;padding-inline:4px;font-weight:500}
.header-actions{align-items:center;flex:none}
.site-header .brand{min-height:44px}
.site-header .icon-button{width:44px;min-width:44px;min-height:44px}
.workspace-account{align-items:center}
.workspace-profile{border-radius:10px;min-height:44px}
.workspace-profile-copy strong{font-size:13px;line-height:1.5}
.workspace-profile-copy small{font-size:11px;line-height:1.5}
.mobile-nav{padding:8px;border-color:var(--line);border-radius:15px;box-shadow:var(--ui-shadow)}
.mobile-nav a{min-height:46px;display:flex;align-items:center;font-size:14px;padding:11px 14px}
.workspace-rail nav>a,.cabinet-tab,.cabinet-page-link{min-height:44px;font-size:13px;line-height:1.6;border-radius:9px;transition:background-color var(--ui-motion),color var(--ui-motion)}
.workspace-rail nav>a.is-active,.workspace-rail nav>a[aria-current],.cabinet-tab.is-active{color:var(--accent)}
.workspace-rail nav>a:hover,.cabinet-tab:hover,.cabinet-page-link:hover{background:var(--surface-raised)}
.rail-platform{font-size:12px;line-height:1.6}

/* Buttons/fields: one height scale, complete outlines, legible copy. */
.button,.icon-button,.workspace-exit{font-weight:500;line-height:1.5;border-radius:10px;transition:background-color var(--ui-motion),color var(--ui-motion),border-color var(--ui-motion),transform var(--ui-motion),box-shadow var(--ui-motion)}
.button{min-height:46px;padding:11px 17px;font-size:14px}
.button-primary{box-shadow:0 1px 0 #ffffff1a inset,0 4px 12px #0002}
.button-primary:hover{box-shadow:0 1px 0 #ffffff26 inset,0 6px 18px #0003}
.button-quiet:hover,.button-ghost:hover{background:var(--surface-raised)}
.button:active,.icon-button:active{transform:scale(.96)}
.button:disabled,.icon-button:disabled{box-shadow:none;transform:none}
button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
label{font-size:13px;line-height:1.6;gap:8px}
input,select,textarea{font-size:14px;line-height:1.6;padding:12px 14px;border-radius:10px;transition:border-color var(--ui-motion),box-shadow var(--ui-motion)}
input:not([type=checkbox]):not([type=radio]),select{min-height:48px}
textarea{min-height:120px}
input[type=checkbox],input[type=radio]{min-width:18px;min-height:18px;width:18px;height:18px}
.field-hint,.form-error,.auth-form-note p{font-size:12px;line-height:1.75}
.auth-fields,.auth-form-section,.auth-field-grid{gap:22px}
.auth-form-title{margin-bottom:28px}
.auth-form-title p{font-size:14px;line-height:1.8}
.auth-password-toggle{font-size:11px;min-height:38px;padding-inline:11px}
.auth-mode-tabs{padding:5px;gap:5px;margin-bottom:28px}
.auth-mode-tabs>button{min-height:44px;font-size:13px;line-height:1.5}
.auth-gateway-panel{padding:32px;border-radius:20px;box-shadow:var(--ui-shadow)}
.auth-form-note{margin-top:24px}

/* Public platform: quieter surfaces and a consistent editorial rhythm. */
.hero{padding-block:86px;gap:70px}
.hero h1{font-size:clamp(48px,6.1vw,84px);line-height:1.1;letter-spacing:-.045em}
.hero .lead{font-size:18px;line-height:1.8;margin-top:26px}
.hero .actions{gap:12px}
.ecosystem-visual{border-radius:24px;padding:28px;box-shadow:var(--ui-shadow)}
.visual-modules>div{border-color:var(--line);padding:14px 12px;font-size:12px}
.visual-caption,.visual-annotation{line-height:1.65}
.module-feature{padding-top:32px;padding-bottom:34px}
.module-feature h3{line-height:1.4;letter-spacing:-.02em}
.module-feature p{font-size:14px;line-height:1.85}
.feature-icon{width:48px;height:48px;border-radius:14px;margin-block:28px 22px}
.contact-card,.dashboard-card,.auth-gateway-panel,.gate-console{border-color:var(--line);box-shadow:var(--ui-shadow)}
.contact-card{--contact-inset:30px;position:relative;padding:30px;border-radius:18px;gap:0}
.contact-card p{font-size:14px;line-height:1.8}
.contact-person-list{display:grid;gap:8px;width:100%;margin-block:24px 0}
.contact-person-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:13px;line-height:1.6;color:var(--ink);transition:background-color var(--ui-motion),border-color var(--ui-motion)}
.contact-person-list>a:hover{background:var(--surface-raised);border-color:var(--accent-border)}
.contact-person-list .icon{width:17px;height:17px;color:var(--accent)}
.contact-copy-status{position:absolute;left:var(--contact-inset);right:var(--contact-inset);bottom:7px;min-height:20px;margin:0;font-size:12px!important;line-height:1.7!important;color:var(--muted)}
.contact-card .contact-copy{margin-top:auto}
.closing-cta{padding:36px 40px;border-radius:20px;box-shadow:var(--ui-shadow)}
.site-footer{padding-top:42px;row-gap:28px}
.site-footer nav{font-size:14px;gap:14px 28px}
.site-footer p,.site-footer>small{font-size:12px;line-height:1.75}
.faq summary{min-height:44px;line-height:1.5}
.faq details p{font-size:15px;line-height:1.9}

/* Cabinet, downloads, profiles: aligned panels with readable metadata. */
.cabinet-content,.workspace-main{padding:40px;min-width:0}
.dashboard-card{padding:26px;border-radius:16px}
.dashboard-card-head{align-items:center;gap:14px;padding-bottom:18px;font-size:12px;line-height:1.6}
.dashboard-card-head h3{font-size:20px;line-height:1.4}
.account-stats{gap:16px}
.account-stats span{font-size:12px;line-height:1.6}
.profile-state-chip{font-size:11px;padding:5px 9px;line-height:1.5}
.profile-details>div,.profile-facts>div{padding-block:14px;gap:20px}
.profile-details dt,.profile-facts dt{font-size:12px;line-height:1.6}
.profile-details dd,.profile-facts dd{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.current-release{padding:28px;gap:24px;margin-bottom:28px;border-radius:18px;box-shadow:var(--ui-shadow)}
.current-release h3{line-height:1.35;letter-spacing:-.025em}
.release-row{padding-block:20px;gap:20px}
.release-row strong{font-size:14px;line-height:1.6}
.release-row small,.release-row code,.current-release code{font-size:11px;line-height:1.75}
.notice{padding:20px;gap:16px;border-radius:14px}
.notice p{font-size:14px;line-height:1.8}

/* Content workspaces retain their existing data, actions and layout behavior. */
.news-entry-card{border-radius:16px;box-shadow:var(--ui-shadow)}
.news-entry-card p{font-size:15px;line-height:1.85}
.news-entry-card header,.news-entry-card footer{font-size:12px;line-height:1.6}
.news-filters,.release-filters{padding:5px;gap:5px;border-radius:12px}
.news-filters .button,.release-filters button{font-size:13px;min-height:42px;padding:9px 13px;border-radius:8px;box-shadow:none}
.news-filters .button-primary,.release-filters button.is-active{background:var(--accent-soft);color:var(--accent);box-shadow:none}
.forum-section,.forum-board,.forum-threads,.forum-thread,.forum-post{border-color:var(--line);border-radius:14px}
.forum-section-head,.forum-board-head,.forum-thread-head{gap:20px;align-items:center}
.thread-row{padding-block:20px;gap:16px}
.thread-row strong{font-size:15px;line-height:1.6}
.thread-row p,.thread-row small{font-size:12px;line-height:1.7}
.forum-post-content,.forum-comment-body,.forum-comment-text{font-size:15px;line-height:1.85;overflow-wrap:anywhere}
.chat-panel,.chat-channels,.chat-context-rail{border-radius:16px;overflow:hidden}
.chat-panel-head{padding:18px 20px;min-height:68px}
.chat-panel-head strong{font-size:14px;line-height:1.5}
.chat-channel-select{min-height:46px;font-size:13px;line-height:1.6}
.chat-message-text{font-size:15px;line-height:1.75;padding:12px 16px;border-radius:4px 13px 13px 13px}
.chat-message.mine .chat-message-text{border-radius:13px 4px 13px 13px}
.chat-message-meta>strong{font-size:12px;line-height:1.6}
.chat-message-meta>time{font-size:11px;line-height:1.6}
.chat-composer{padding:16px;gap:10px}
.chat-composer textarea{font-size:14px;line-height:1.7;min-height:48px}
.chat-composer .icon-button{width:44px;min-height:44px}
.chat-mobile-channel-switch,.chat-mobile-channel-switch select{font-size:13px}
.direction-chat-heading h2{font-size:17px;line-height:1.5}
.direction-chat-message{font-size:14px;line-height:1.75}
.direction-chat-composer textarea{font-size:14px;line-height:1.7}
.broadcast-heading h1{font-size:clamp(32px,3.2vw,46px);line-height:1.2}
.broadcast-heading p:last-child{font-size:14px;line-height:1.75}
.broadcast-connection{font-size:12px;line-height:1.6}
.broadcast-card{border-color:var(--line);border-radius:16px;box-shadow:var(--ui-shadow)}

/* Administrative content hierarchy; editor/create-user specifics are owned
   by their dedicated assets, loaded after this shared foundation. */
.admin-section-tabs{gap:7px}
.admin-section-tabs button{font-size:13px;min-height:44px;padding:10px 13px;border-radius:9px}
.admin-panel-heading{margin-bottom:28px;gap:20px}
.admin-panel-heading h2{font-size:27px;line-height:1.35}
.admin-panel-heading p,.admin-card-intro{font-size:14px;line-height:1.8}
.admin-user{padding-block:22px}
.admin-user-identity strong{font-size:14px;line-height:1.6}
.admin-user-meta,.admin-user-meta small{font-size:12px;line-height:1.75;gap:6px 12px}
.admin-user-status>span,.admin-expand{font-size:12px;line-height:1.6}
.admin-permissions{gap:18px}
.admin-permissions input:not([type=checkbox]),.admin-permissions select{font-size:14px;min-height:46px}
.admin-switch,.permission-chip{font-size:13px;line-height:1.7}
.admin-user-actions .icon-button{width:40px;min-height:40px}
.admin-news-item p{font-size:14px;line-height:1.8}
.security-event,.forum-action-item,.forum-action-row{padding:22px;border-radius:14px}
.security-event-copy h3{font-size:20px;line-height:1.5}
.security-event p,.forum-action-item p,.forum-action-row p{font-size:13px;line-height:1.8}
.security-event dl>div,.security-event-details,.security-event-meta{font-size:12px;line-height:1.75}
.forum-audit-toolbar label,.security-toolbar label{font-size:12px}
.forum-audit-toolbar input,.security-toolbar input,.forum-audit-toolbar select,.security-toolbar select{font-size:13px;min-height:46px}

@keyframes oko-page-enter{from{opacity:.15;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){main{animation:oko-page-enter 180ms cubic-bezier(.2,0,0,1)}}
@media(max-width:1100px){.hero{gap:44px}.cabinet-content,.workspace-main{padding:32px 28px}.section{padding-block:64px}.header-actions{gap:9px}.site-header{gap:20px}.chat-panel-head{padding-inline:16px}}
@media(max-width:760px){
 .site-header{gap:16px}.brand{gap:10px}.header-actions{gap:8px}
 .site-header .header-login{width:44px;min-height:44px;padding:10px;font-size:0}
 .hero{padding-block:48px;gap:36px}.hero h1{font-size:clamp(42px,9vw,64px)}.hero .lead{font-size:16px;line-height:1.8}
 .section{padding-block:48px}.section-heading{margin-bottom:28px;gap:16px}.section-heading>p:last-child{font-size:14px}
 .module-feature{padding:25px 20px!important}.module-feature h3{font-size:18px}.module-feature p{font-size:14px}
 .ecosystem-visual{padding:22px}.visual-modules>div{font-size:11px;padding:12px 10px}
 .cabinet-content,.workspace-main{padding:28px 20px}.page-heading{margin-bottom:26px;gap:18px}.page-heading p:not(.eyebrow){font-size:14px}
 .dashboard-card{padding:22px}.current-release{padding:24px;gap:18px}.release-row{gap:14px}
 .auth-gateway-panel{padding:24px}.auth-fields,.auth-form-section,.auth-field-grid{gap:20px}.auth-mode-tabs>button{font-size:12px}
 .closing-cta{padding:28px}.contact-card{--contact-inset:26px;padding:26px}.site-footer nav{font-size:13px}
 .chat-panel-head{padding:15px 16px;min-height:62px}.chat-message-text{font-size:14px;padding:11px 14px}.chat-composer{padding:12px;gap:8px}
 .admin-section-tabs button{font-size:12px;padding-inline:11px}.admin-panel-heading h2{font-size:25px}.admin-panel-heading p,.admin-card-intro{font-size:13px}
 .security-event,.forum-action-item,.forum-action-row{padding:18px}.security-event-copy h3{font-size:19px}.notice{padding:18px}
}
@media(max-width:430px){
 .site-header{padding-inline:12px;gap:6px}.site-header .brand{gap:8px}.site-header .brand small{display:none}.site-header .header-actions{gap:5px}.site-header .workspace-account{gap:3px}
 .hero h1{font-size:43px}.hero .lead{font-size:15px}.hero .actions{gap:9px}.hero .actions .button{font-size:12px;padding-inline:13px}
 .module-feature{padding:22px 14px!important}.module-feature h3{font-size:16px}.module-feature p{font-size:13px}
 .visual-modules>div{font-size:10px;padding:11px 8px;gap:6px}.ecosystem-visual{padding:18px;gap:14px 9px}
 .cabinet-content,.workspace-main{padding:25px 16px}.dashboard-card{padding:19px}.auth-gateway-panel{padding:20px}.auth-mode-tabs{gap:3px}
 .current-release{padding:21px}.page-heading h1{font-size:32px}.closing-cta{padding:24px}.notice p{font-size:13px}
 .admin-user-summary{gap:12px}.admin-user-identity{gap:10px}.admin-user-meta,.admin-user-meta small{font-size:11px}.admin-user-actions{gap:7px}
}
@media(max-width:360px){.site-header .brand>span{display:none}.site-header{padding-inline:12px}.site-header .header-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){main{animation:none}.button,.icon-button,.workspace-exit,.workspace-rail nav>a,.cabinet-tab,.cabinet-page-link,input,select,textarea{transition:none}.button:active,.icon-button:active{transform:none}}

/* Readable metadata floor across legacy public/workspace components.
   lockups retain their intentional compact subtitle size. */
body .activation-detail-grid small,
body .activation-dialog-actions .button,
body .activation-dialog>header small,
body .activation-network-card dd,
body .activation-network-card dl>div,
body .activation-network-card p,
body .activation-network-head,
body .admin-forum-board-head .admin-danger-action,
body .admin-forum-board-head p,
body .admin-forum-board-head>div>span,
body .admin-forum-empty,
body .admin-forum-metrics,
body .admin-forum-metrics button,
body .admin-forum-section>header p,
body .admin-forum-section>header small,
body .admin-forum-thread small,
body .admin-forum-tree small,
body .admin-news-category,
body .admin-news-item small,
body .admin-panel-heading .button,
body .admin-panel-heading small,
body .admin-recovery-actions .button,
body .admin-recovery-code small,
body .admin-recovery-code span,
body .admin-recovery-details dl>div,
body .admin-recovery-request>header div>span,
body .admin-recovery-request>header small,
body .admin-recovery-state,
body .admin-recovery-status,
body .admin-recovery-verification,
body .admin-request-actions .button,
body .admin-section-tabs b,
body .admin-summary-grid b,
body .admin-summary-grid p,
body .admin-summary-grid small,
body .admin-thread-actions button,
body .admin-user-identity .profile-avatar,
body .admin-user-telegram,
body .archive-releases>summary p,
body .auth-consent,
body .auth-intro .eyebrow,
body .auth-password-rules,
body .auth-registration-success>span,
body .chat-admin-badge,
body .chat-channel-dialog-actions .button,
body .chat-channel-dialog>small,
body .chat-channel-rail>header small,
body .chat-channel-select small,
body .chat-composer-note,
body .chat-connection,
body .chat-context-rail header small,
body .chat-context-rail section>small,
body .chat-date-divider,
body .chat-day-divider,
body .chat-file,
body .chat-file small,
body .chat-file-icon,
body .chat-message-avatar,
body .chat-message-head strong,
body .chat-message-head time,
body .chat-panel-actions button,
body .chat-pending-file,
body .chat-pending-file small,
body .chat-rail-link,
body .comment-form-head small,
body .compose-window>header small,
body .contact-card .eyebrow,
body .current-release .eyebrow,
body .dashboard-card-head>b,
body .feature-index,
body .file-icon,
body .forum-action-archived,
body .forum-action-controls>button,
body .forum-action-item small,
body .forum-action-kind,
body .forum-action-row small,
body .forum-archive-comments>article>small,
body .forum-archive-meta>div,
body .forum-archive-snapshot dl>div,
body .forum-archive-snapshot>header small,
body .forum-audit-toolbar .button,
body .forum-audit-toolbar label>span,
body .forum-board-copy small,
body .forum-board-lock,
body .forum-board-stat,
body .forum-board-stat small,
body .forum-delete-impact span,
body .forum-delete-target small,
body .forum-editor-actions .button,
body .forum-editor-foot,
body .forum-editor-head,
body .forum-editor-tabs button,
body .forum-editor-toolbar button,
body .forum-pending-file small,
body .forum-post-file small,
body .forum-section-head div>span,
body .forum-section-head>span,
body .forum-thread-mode small,
body .forum-toolbar .button,
body .forum-upload-zone p,
body .forum-upload-zone>div>span,
body .gate-confirm,
body .gate-console-head,
body .gate-console-head small,
body .gate-console-head strong,
body .gate-console-head>span,
body .gate-facts dd,
body .gate-facts dt,
body .gate-progress-copy,
body .gate-scan p,
body .gate-stages small,
body .gate-stages>li>span,
body .hero .eyebrow,
body .hero-caption,
body .launch-card>span,
body .module-feature .feature-index,
body .page-heading .eyebrow,
body .post-author small,
body .post-meta,
body .security-event code,
body .security-event dd>small,
body .security-event details,
body .security-event small,
body .security-event-copy p,
body .security-event-copy small,
body .security-event-top,
body .security-toolbar label>span,
body .security-visible-count,
body .security-visible-count span,
body .thread-row-stats small,
body .thread-status,
body .thread-title-actions .button,
body .visual-annotation,
body .visual-caption,
body .visual-core>span,
body .workspace-body .workspace-avatar,
body .workspace-main>.page-heading .eyebrow,
body .workspace-rail .rail-label{font-size:11px}