/* Portal UI 2026 v3.0.0 — generated by build.py */ /* Меняйте тему здесь. Все правила ограничены контейнером #arfg-home.portal-ui. */ #arfg-home.portal-ui { --ui-accent: #246bfd; --ui-accent-hover: #155eef; --ui-accent-text: #155eef; --ui-accent-soft: #e8f1ff; --ui-highlight: #9251e8; --ui-highlight-text: #6534ab; --ui-highlight-soft: #f0e6ff; --ui-highlight-border: #d9c0ff; --ui-text: #17365f; --ui-heading: #0b2f6b; --ui-muted: #586b85; --ui-border: #d8e5f8; --ui-input-border: #bfd2ef; --ui-success: #126551; --ui-success-bg: #ddf8ee; --ui-warning: #805315; --ui-warning-bg: #fff0c2; --ui-danger: #b42318; --ui-danger-bg: #ffe7e5; --ui-draft: #344054; --ui-draft-bg: #edf1f7; --ui-radius: 16px; --ui-control-radius: 11px; --ui-shadow: 0 8px 26px rgba(36,107,253,.08); --ui-font: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; --ui-font-size: 16px; --ui-space: 8px; --ui-control-height: 48px; } /* Основа, сетки и адаптация. Без глобального сброса стилей сайта. */ #arfg-home.portal-ui {box-sizing:border-box;min-width:0;color:var(--ui-text);font:var(--ui-font-size)/1.6 var(--ui-font)} #arfg-home.portal-ui *, #arfg-home.portal-ui *::before, #arfg-home.portal-ui *::after {box-sizing:border-box} #arfg-home.portal-ui h1,#arfg-home.portal-ui h2,#arfg-home.portal-ui h3 {color:var(--ui-heading);line-height:1.3;margin:0 0 16px} #arfg-home.portal-ui h1 {font-size:clamp(26px,4vw,36px)} #arfg-home.portal-ui h2 {font-size:23px}#arfg-home.portal-ui h3 {font-size:18px} #arfg-home.portal-ui p {margin:0 0 16px} #arfg-home.portal-ui a {color:var(--ui-accent);text-underline-offset:3px} #arfg-home.portal-ui button,#arfg-home.portal-ui input,#arfg-home.portal-ui select,#arfg-home.portal-ui textarea {font:inherit} #arfg-home.portal-ui :focus-visible {outline:3px solid var(--ui-accent);outline-offset:3px} #arfg-home.portal-ui [hidden] {display:none!important} #arfg-home.portal-ui .ui-page {max-width:1200px;margin:0 auto;padding:28px;border:1px solid #e2ecfa;border-radius:22px;background:linear-gradient(145deg,#fbfdff,#eef5ff)} #arfg-home.portal-ui .ui-stack > * + * {margin-top:24px} #arfg-home.portal-ui .ui-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} #arfg-home.portal-ui .ui-grid > * {min-width:0}#arfg-home.portal-ui .ui-wide {grid-column:1/-1} #arfg-home.portal-ui .ui-card {padding:24px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff;box-shadow:var(--ui-shadow)} #arfg-home.portal-ui .ui-muted,#arfg-home.portal-ui .ui-hint {color:var(--ui-muted)} #arfg-home.portal-ui .ui-hint {margin:6px 0 10px;font-size:14px;line-height:1.55} #arfg-home.portal-ui .ui-eyebrow {color:var(--ui-accent);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase} #arfg-home.portal-ui .ui-actions {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px} #arfg-home.portal-ui .ui-money {white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right} #arfg-home.portal-ui .ui-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:720px){#arfg-home.portal-ui .ui-page{padding:18px 12px;border-radius:16px}#arfg-home.portal-ui .ui-card{padding:18px 16px}#arfg-home.portal-ui .ui-grid{grid-template-columns:1fr}#arfg-home.portal-ui .ui-actions .ui-btn{flex:1 1 auto}} @media(prefers-reduced-motion:reduce){#arfg-home.portal-ui *{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* Таблицы и итоговые суммы; горизонтальная прокрутка остается внутри блока. */ #arfg-home.portal-ui .ui-table-scroll {max-width:100%;overflow:auto;border:1px solid var(--ui-border);border-radius:12px} #arfg-home.portal-ui .ui-table {width:100%;border-collapse:collapse;background:#fff} #arfg-home.portal-ui .ui-table th,#arfg-home.portal-ui .ui-table td {padding:12px;border-bottom:1px solid var(--ui-border);text-align:left;vertical-align:top;font-size:15px;line-height:1.5} #arfg-home.portal-ui .ui-table thead th {background:#eef4ff;color:#334e76;font-weight:700} #arfg-home.portal-ui .ui-table tbody tr:hover {background:#f8fbff} #arfg-home.portal-ui .ui-table tfoot {background:var(--ui-success-bg);color:var(--ui-success);font-weight:700} #arfg-home.portal-ui .ui-table .ui-money {text-align:right;min-width:120px} #arfg-home.portal-ui .ui-table--compact th,#arfg-home.portal-ui .ui-table--compact td {padding:8px 10px} #arfg-home.portal-ui .ui-table .ui-table-actions {min-width:170px} #arfg-home.portal-ui .ui-table small {display:block;color:var(--ui-muted);font-size:13px} #arfg-home.portal-ui .ui-table .ui-comment {background:#f8fbff;color:var(--ui-muted)} /* Кнопки, статусы, сообщения и показатели. */ #arfg-home.portal-ui .ui-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,var(--ui-accent),#2778f5);box-shadow:0 8px 20px rgba(21,94,239,.18);color:#fff;text-decoration:none;font-weight:700;line-height:1.35;cursor:pointer} #arfg-home.portal-ui .ui-btn:hover {background:var(--ui-accent-hover)} #arfg-home.portal-ui .ui-btn--secondary {background:#eef4ff;border-color:var(--ui-input-border);box-shadow:none;color:#174ea6} #arfg-home.portal-ui .ui-btn--secondary:hover {background:#dbeafe} #arfg-home.portal-ui .ui-btn--success {background:var(--ui-success-bg);border-color:#8ddfc1;box-shadow:none;color:var(--ui-success)} #arfg-home.portal-ui .ui-btn--success:hover {background:#d5efe4} #arfg-home.portal-ui .ui-btn--warning {background:var(--ui-warning-bg);border-color:#f4ca62;box-shadow:none;color:var(--ui-warning)} #arfg-home.portal-ui .ui-btn--warning:hover {background:#ffe6b3} #arfg-home.portal-ui .ui-btn--danger {background:var(--ui-danger-bg);border-color:#ffa69e;box-shadow:none;color:var(--ui-danger)} #arfg-home.portal-ui .ui-btn--danger:hover {background:#ffe1df} #arfg-home.portal-ui .ui-btn--small {min-height:34px;padding:6px 12px;border-radius:9px;font-size:14px} #arfg-home.portal-ui .ui-btn:disabled,#arfg-home.portal-ui .ui-btn[aria-disabled="true"] {opacity:.5;cursor:not-allowed;box-shadow:none} #arfg-home.portal-ui .ui-badge {display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--ui-input-border);border-radius:999px;background:#dbeafe;color:#174ea6;font-size:14px;font-weight:700} #arfg-home.portal-ui .ui-badge--success {background:var(--ui-success-bg);border-color:#8ddfc1;color:var(--ui-success)} #arfg-home.portal-ui .ui-badge--warning {background:var(--ui-warning-bg);border-color:#f4ca62;color:var(--ui-warning)} #arfg-home.portal-ui .ui-badge--draft {background:var(--ui-draft-bg);border-color:#98a2b3;color:var(--ui-draft)} #arfg-home.portal-ui .ui-badge--danger {background:var(--ui-danger-bg);border-color:#ffa69e;color:var(--ui-danger)} #arfg-home.portal-ui .ui-message {padding:15px 18px;border:1px solid var(--ui-border);border-radius:12px;background:#f8fbff;margin:0 0 16px} #arfg-home.portal-ui .ui-message--success {background:var(--ui-success-bg);border-color:#8ddfc1;color:var(--ui-success)} #arfg-home.portal-ui .ui-message--warning {background:var(--ui-warning-bg);border-color:#f4ca62;color:var(--ui-warning)} #arfg-home.portal-ui .ui-message--error {background:var(--ui-danger-bg);border-color:#ffa69e;color:var(--ui-danger)} #arfg-home.portal-ui .ui-stat {padding:16px;border:1px solid var(--ui-input-border);border-radius:14px;background:#eef4ff} #arfg-home.portal-ui .ui-stat span {display:block;font-size:14px;color:var(--ui-muted)} #arfg-home.portal-ui .ui-stat strong {display:block;margin-top:6px;color:var(--ui-heading);font-size:23px;overflow-wrap:anywhere} /* Дополнительный акцент для показателей: не обозначает статус. */ #arfg-home.portal-ui .ui-stat--highlight {border-color:var(--ui-highlight-border);background:#fff} #arfg-home.portal-ui .ui-stat--highlight strong {color:var(--ui-highlight-text)} #arfg-home.portal-ui .ui-stat--icon {display:flex;align-items:center;gap:16px} #arfg-home.portal-ui .ui-stat--icon > div {min-width:0} #arfg-home.portal-ui .ui-icon {display:inline-flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;height:56px;border-radius:14px;background:var(--ui-accent-soft);color:var(--ui-accent)} #arfg-home.portal-ui .ui-icon svg {width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #arfg-home.portal-ui .ui-icon--highlight {background:var(--ui-highlight-soft);color:var(--ui-highlight)} /* Общие поля, выбор, файлы и многострочный выбор. */ #arfg-home.portal-ui .ui-field {min-width:0;margin:0 0 18px} #arfg-home.portal-ui .ui-label {display:block;margin:0 0 8px;color:#334e76;font-size:16px;font-weight:700} #arfg-home.portal-ui .ui-required {color:var(--ui-danger)} #arfg-home.portal-ui .ui-input,#arfg-home.portal-ui .ui-textarea,#arfg-home.portal-ui .ui-select {display:block;width:100%;min-width:0;min-height:var(--ui-control-height);padding:11px 14px;border:1px solid var(--ui-input-border);border-radius:var(--ui-control-radius);background:#fff;color:var(--ui-text);transition:border-color .2s,box-shadow .2s} #arfg-home.portal-ui .ui-input:focus,#arfg-home.portal-ui .ui-textarea:focus,#arfg-home.portal-ui .ui-select:focus {border-color:var(--ui-accent);box-shadow:0 0 0 4px rgba(21,94,239,.12);outline:none} #arfg-home.portal-ui .ui-textarea {min-height:120px;resize:vertical} #arfg-home.portal-ui .ui-select {width:min(100%,420px);appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23246bfd' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center} #arfg-home.portal-ui .ui-select[multiple] {background-image:none;padding-right:14px;min-height:144px;appearance:auto} #arfg-home.portal-ui .ui-input--compact {max-width:160px} #arfg-home.portal-ui .ui-input:disabled,#arfg-home.portal-ui .ui-textarea:disabled,#arfg-home.portal-ui .ui-select:disabled {background:#f2f5fa;color:#64748b;cursor:not-allowed} #arfg-home.portal-ui .ui-input[readonly],#arfg-home.portal-ui .ui-textarea[readonly] {background:#f8fbff} #arfg-home.portal-ui [aria-invalid="true"] {border-color:var(--ui-danger)} #arfg-home.portal-ui .ui-field-error {display:block;margin:6px 0 0;color:var(--ui-danger);font-size:14px} #arfg-home.portal-ui .ui-counter {display:block;text-align:right;margin-top:6px;color:var(--ui-muted);font-size:13px} #arfg-home.portal-ui .ui-choices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #arfg-home.portal-ui .ui-choice {display:flex;align-items:flex-start;gap:11px;min-height:48px;padding:12px;border:1px solid var(--ui-border);border-radius:11px;background:#f8fbff;cursor:pointer} #arfg-home.portal-ui .ui-choice:hover {border-color:#8bb4f5;background:#eff6ff} #arfg-home.portal-ui .ui-choice input {flex:0 0 18px;width:18px;height:18px;margin:3px 0 0;accent-color:var(--ui-accent)} #arfg-home.portal-ui .ui-choice:has(input:checked) {border-color:var(--ui-accent);background:var(--ui-accent-soft)} #arfg-home.portal-ui .ui-choice:has(input:disabled) {opacity:.65;cursor:not-allowed} #arfg-home.portal-ui .ui-file {display:block;width:100%;max-width:100%;padding:8px;border:1px solid var(--ui-input-border);border-radius:11px;background:#fff;color:var(--ui-text)} #arfg-home.portal-ui .ui-file::file-selector-button {margin-right:12px;padding:10px 16px;border:0;border-radius:9px;background:#eef4ff;color:#174ea6;font:inherit;font-weight:700;cursor:pointer} #arfg-home.portal-ui .ui-file::file-selector-button:hover {background:#dbeafe} #arfg-home.portal-ui .ui-chips {display:flex;flex-wrap:wrap;gap:8px;width:100%;min-width:0;padding:11px 14px;border:1px solid var(--ui-input-border);border-radius:11px;background:#fff} #arfg-home.portal-ui .ui-chip {display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px;border-radius:9px;background:var(--ui-accent-soft);color:#174ea6;overflow-wrap:anywhere} #arfg-home.portal-ui .ui-chip button {flex-shrink:0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:20px} @media(max-width:720px){#arfg-home.portal-ui .ui-choices{grid-template-columns:1fr}#arfg-home.portal-ui .ui-select{width:100%}} /* Вкладки, прогресс и легенда; состояния всегда сопровождаются текстом. */ #arfg-home.portal-ui .ui-tabs {display:flex;gap:8px;overflow:auto;padding:6px 4px 10px} #arfg-home.portal-ui .ui-tab {display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;min-height:48px;padding:12px 16px;border:1px solid var(--ui-border);border-radius:11px;background:#f4f8ff;color:var(--ui-muted);text-decoration:none;font-weight:700} #arfg-home.portal-ui .ui-tab:hover {background:var(--ui-accent-soft)} #arfg-home.portal-ui .ui-tab[aria-current="page"],#arfg-home.portal-ui .ui-tab[aria-selected="true"] {outline:3px solid var(--ui-accent);outline-offset:-3px} #arfg-home.portal-ui .ui-tab--saved {background:var(--ui-accent);border-color:var(--ui-accent);color:#fff} #arfg-home.portal-ui .ui-tab--saved:hover {background:var(--ui-accent-hover)} #arfg-home.portal-ui .ui-tab--partial {background:var(--ui-warning-bg);border-color:#f4ca62;color:var(--ui-warning)} #arfg-home.portal-ui .ui-tab--draft {background:var(--ui-draft-bg);border-color:#98a2b3;color:var(--ui-draft)} #arfg-home.portal-ui .ui-step {display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--ui-input-border);border-radius:50%;background:#fff;color:#174ea6;font-size:14px;font-weight:800} #arfg-home.portal-ui .ui-progress {display:block;width:100%;height:8px;border:0;border-radius:999px;background:#e8effa;overflow:hidden;accent-color:var(--ui-accent)} #arfg-home.portal-ui .ui-progress::-webkit-progress-bar {background:#e8effa}#arfg-home.portal-ui .ui-progress::-webkit-progress-value {background:linear-gradient(90deg,var(--ui-accent),#3982f6)}#arfg-home.portal-ui .ui-progress::-moz-progress-bar {background:var(--ui-accent)} #arfg-home.portal-ui .ui-legend {display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:14px;color:var(--ui-muted);font-size:14px} #arfg-home.portal-ui .ui-legend span {display:inline-flex;align-items:center;gap:8px} #arfg-home.portal-ui .ui-dot {display:inline-block;width:12px;height:12px;border:1px solid var(--ui-input-border);border-radius:4px;background:#fff} #arfg-home.portal-ui .ui-dot--saved {background:var(--ui-accent)}#arfg-home.portal-ui .ui-dot--partial {background:#ffda88;border-color:#eaa22b}#arfg-home.portal-ui .ui-dot--draft {background:#98a2b3;border-color:#98a2b3} /* Описания и смысловые акценты; бизнес-статусы остаются отдельными. */ #arfg-home.portal-ui .ui-description {padding:18px 20px;border:1px solid var(--ui-highlight-border);border-left:4px solid var(--ui-highlight);border-radius:12px;background:var(--ui-highlight-soft);color:var(--ui-text)} #arfg-home.portal-ui .ui-description h3 {color:var(--ui-highlight-text)} #arfg-home.portal-ui .ui-description p:last-child {margin-bottom:0} #arfg-home.portal-ui .ui-highlight {color:var(--ui-highlight-text);font-weight:700} /* Меню портала: не использует цвет статуса заполнения. */ #arfg-home.portal-ui .ui-menu {display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:6px;list-style:none;border:1px solid var(--ui-border);border-radius:12px;background:#fff} #arfg-home.portal-ui .ui-menu-link {display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:44px;border-radius:9px;color:var(--ui-muted);text-decoration:none;font-size:15px;font-weight:600} #arfg-home.portal-ui .ui-menu-link:hover {background:#f8fbff;color:var(--ui-text)} #arfg-home.portal-ui .ui-menu-link[aria-current="page"] {background:var(--ui-accent-soft);color:var(--ui-accent-text);box-shadow:inset 0 0 0 1px #bfd2ef} #arfg-home.portal-ui .ui-menu--vertical {display:grid} #arfg-home.portal-ui .ui-breadcrumbs {display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0;margin:0 0 16px;list-style:none;font-size:14px;color:var(--ui-muted)} #arfg-home.portal-ui .ui-breadcrumbs li+li::before {content:"/";margin-right:8px;color:var(--ui-muted)} #arfg-home.portal-ui .ui-breadcrumbs a {text-decoration:none;color:var(--ui-muted)} #arfg-home.portal-ui .ui-breadcrumbs [aria-current="page"] {color:var(--ui-text)} @media(max-width:720px){#arfg-home.portal-ui .ui-menu:not(.ui-menu--vertical){flex-wrap:nowrap;overflow-x:auto}#arfg-home.portal-ui .ui-menu-link{white-space:nowrap}} /* Единая иерархия; декоративная величина не заменяет смысловой уровень h1–h3. */ #arfg-home.portal-ui h1,#arfg-home.portal-ui .ui-title {font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-.02em} #arfg-home.portal-ui h2 {font-size:24px;line-height:1.3;font-weight:700} #arfg-home.portal-ui h3 {font-size:20px;line-height:1.4;font-weight:600} #arfg-home.portal-ui .ui-lead {font-size:18px;line-height:1.6;color:var(--ui-muted)} #arfg-home.portal-ui .ui-prose {max-width:72ch} #arfg-home.portal-ui .ui-prose p {margin-bottom:16px} #arfg-home.portal-ui .ui-prose ul,#arfg-home.portal-ui .ui-prose ol {margin:0 0 16px;padding-left:24px} #arfg-home.portal-ui .ui-prose li+li {margin-top:6px} #arfg-home.portal-ui .ui-caption {font-size:13px;line-height:1.5;color:var(--ui-muted)} #arfg-home.portal-ui .ui-label {font-size:16px;line-height:1.45;font-weight:600} #arfg-home.portal-ui .ui-eyebrow {font-size:13px;line-height:1.5;font-weight:600;letter-spacing:.025em;text-transform:none} @media(max-width:720px){#arfg-home.portal-ui h1,#arfg-home.portal-ui .ui-title{font-size:28px}#arfg-home.portal-ui h2{font-size:22px}#arfg-home.portal-ui h3{font-size:18px}} /* Отдельные примеры показателей. Базовые стили и цвета не переопределяются. */ #arfg-home.portal-ui .ui-info-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #arfg-home.portal-ui .ui-info-card {--info-accent:#246bfd;--info-soft:#e8f1ff;min-width:0;padding:20px;border:1px solid #d8e5f8;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(22,72,145,.05)} #arfg-home.portal-ui .ui-info-card--green {--info-accent:#14a87a;--info-soft:#ddf8ee} #arfg-home.portal-ui .ui-info-card--purple {--info-accent:#9251e8;--info-soft:#f0e6ff} #arfg-home.portal-ui .ui-info-card--amber {--info-accent:#f3a52b;--info-soft:#fff0c2} #arfg-home.portal-ui .ui-info-card__main {display:flex;align-items:center;gap:16px;min-height:96px} #arfg-home.portal-ui .ui-info-card__icon {display:grid;place-items:center;flex:0 0 58px;width:58px;height:64px;border-radius:15px;color:var(--info-accent);background:var(--info-soft)} #arfg-home.portal-ui .ui-info-card__icon svg {width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #arfg-home.portal-ui .ui-info-card__value {display:block;color:#0b2f6b;font-size:30px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums} #arfg-home.portal-ui .ui-info-card__label {display:block;margin-top:6px;color:#586b85;font-size:15px;line-height:1.45} #arfg-home.portal-ui .ui-color-legend {display:flex;flex-wrap:wrap;gap:6px 10px;margin:18px 0 0;padding:12px 0 0;border-top:1px solid #d8e5f8;list-style:none;color:#586b85;font-size:13px;line-height:1.5} #arfg-home.portal-ui .ui-color-legend li {display:flex;align-items:center;gap:5px;min-width:0} #arfg-home.portal-ui .ui-color-legend i {display:inline-block;width:10px;height:10px;flex-shrink:0;border:1px solid #bfd2ef;border-radius:3px} #arfg-home.portal-ui .ui-color-legend code {font:inherit;color:#17365f} @media(max-width:1000px){#arfg-home.portal-ui .ui-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){#arfg-home.portal-ui .ui-info-grid{grid-template-columns:1fr}} /* Палитра показывается так же, как реальные поверхности интерфейса. */ #arfg-home.portal-ui .ui-palette {display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px} #arfg-home.portal-ui .ui-color-sample {--sample-bg:var(--ui-accent-soft);--sample-text:var(--ui-accent-text);--sample-marker:var(--ui-accent);padding:18px;border:1px solid #bfd2ef;border-radius:12px;background:var(--sample-bg);color:var(--sample-text)} #arfg-home.portal-ui .ui-color-sample--success {--sample-bg:var(--ui-success-bg);--sample-text:var(--ui-success);--sample-marker:var(--ui-success);border-color:#8ddfc1} #arfg-home.portal-ui .ui-color-sample--warning {--sample-bg:var(--ui-warning-bg);--sample-text:var(--ui-warning);--sample-marker:#eaa22b;border-color:#f4ca62} #arfg-home.portal-ui .ui-color-sample--danger {--sample-bg:var(--ui-danger-bg);--sample-text:var(--ui-danger);--sample-marker:var(--ui-danger);border-color:#ffa69e} #arfg-home.portal-ui .ui-color-sample--highlight {--sample-bg:var(--ui-highlight-soft);--sample-text:var(--ui-highlight-text);--sample-marker:var(--ui-highlight);border-color:var(--ui-highlight-border)} #arfg-home.portal-ui .ui-color-sample strong {display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.4} #arfg-home.portal-ui .ui-color-sample strong::before {content:"";display:block;width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--sample-marker)} #arfg-home.portal-ui .ui-color-sample dl {display:grid;grid-template-columns:auto 1fr;gap:4px 8px;margin:14px 0 0;font-size:13px;line-height:1.5} #arfg-home.portal-ui .ui-color-sample dd {margin:0;font-variant-numeric:tabular-nums} #arfg-home.portal-ui .ui-color-sample code {font:inherit} #arfg-home.portal-ui{--home-dark:#03152f;--home-card:#102542;--home-muted:#adc3e3;--canvas:#f7faff;background:var(--canvas);overflow-x:clip}#arfg-home.portal-ui .wrap{width:min(1440px,100%);margin:auto;padding-inline:44px}#arfg-home.portal-ui a{text-decoration:none}#arfg-home.portal-ui button{cursor:pointer}#arfg-home.portal-ui header{height:86px;display:flex;gap:28px;align-items:center;position:relative;z-index:10}#arfg-home.portal-ui .brand{display:flex;align-items:center;gap:12px;color:var(--ui-heading);font-size:12px;line-height:1.4;flex-shrink:0}#arfg-home.portal-ui .brand svg{width:46px;height:46px;stroke:var(--ui-accent);fill:none;stroke-width:1.8}#arfg-home.portal-ui .nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:14px;padding:14px 22px;border:1px solid var(--ui-border);border-radius:40px}#arfg-home.portal-ui .nav a{font-size:13px;line-height:1.4;color:var(--ui-heading);transition:color .2s}#arfg-home.portal-ui .nav a:hover{color:var(--ui-accent-text)}#arfg-home.portal-ui .menu{border:1px solid var(--ui-border);border-radius:12px;background:transparent;width:44px;height:44px;display:grid;place-items:center;color:var(--ui-heading)}#arfg-home.portal-ui .menu svg{width:24px;height:24px}#arfg-home.portal-ui .login{font-size:14px;color:var(--ui-heading)}#arfg-home.portal-ui .opening{height:25svh;min-height:260px;padding-block:14px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}#arfg-home.portal-ui .eyebrow{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ui-accent-text);line-height:1.6;margin:0 0 12px}#arfg-home.portal-ui .opening .eyebrow{font-size:11px;margin-bottom:7px}#arfg-home.portal-ui .opening h1{font-size:clamp(26px,2.35vw,36px);line-height:1.2;letter-spacing:-.025em;max-width:1250px;margin:0 0 9px}#arfg-home.portal-ui .opening .intro{font-size:14px;line-height:1.55;max-width:1200px;margin:0}#arfg-home.portal-ui .opening-end{display:flex;justify-content:space-between;align-items:center;gap:20px}#arfg-home.portal-ui .opening h2{font-size:clamp(22px,2vw,29px);line-height:1.3;margin:0;letter-spacing:-.02em}#arfg-home.portal-ui .section-index{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted);white-space:nowrap}#arfg-home.portal-ui .stage{height:75svh;min-height:640px;padding-block:32px;background:var(--canvas);color:var(--ui-text);position:relative;isolation:isolate;transition:background .35s,color .35s}#arfg-home.portal-ui .stage.dark{background:var(--home-dark);color:#f7faff}#arfg-home.portal-ui .stage.blue{background:radial-gradient(ellipse at 25% 10%,#285eb8,#16458d);color:white}#arfg-home.portal-ui .stage-grid{height:100%;display:grid;grid-template-columns:165px minmax(0,1.12fr) minmax(0,1fr);gap:34px;align-items:center}#arfg-home.portal-ui .rail{position:relative;height:440px;display:grid;grid-template-rows:repeat(4,1fr)}#arfg-home.portal-ui .rail:before{content:'';position:absolute;left:7px;top:55px;bottom:55px;width:1px;background:#91aaca55}#arfg-home.portal-ui .rail button{border:0;background:transparent;text-align:left;color:inherit;position:relative;padding:10px 0 10px 30px;font-size:13px;line-height:1.55;opacity:.65;transition:opacity .2s,color .2s}#arfg-home.portal-ui .rail button:before{content:'';position:absolute;left:1px;top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:#91aaca;transition:transform .2s,box-shadow .2s,background .2s}#arfg-home.portal-ui .rail button:hover,#arfg-home.portal-ui .rail button[aria-selected=true]{opacity:1}#arfg-home.portal-ui .rail button[aria-selected=true]{font-weight:700}#arfg-home.portal-ui .rail button[aria-selected=true]:before{background:var(--ui-accent);box-shadow:0 0 0 4px #246bfd30}#arfg-home.portal-ui .rail button:hover:before{transform:scale(1.3);background:var(--ui-accent);box-shadow:0 0 0 7px #246bfd25}#arfg-home.portal-ui .copy{min-width:0}#arfg-home.portal-ui .copy h2{font-size:clamp(27px,2.5vw,38px);line-height:1.22;letter-spacing:-.025em;margin-bottom:16px}#arfg-home.portal-ui .intro{font-size:16px;line-height:1.6;color:var(--ui-muted);margin-bottom:0}#arfg-home.portal-ui .dark h2,#arfg-home.portal-ui .dark h3,#arfg-home.portal-ui .blue h2,#arfg-home.portal-ui .blue h3{color:inherit}#arfg-home.portal-ui .dark .eyebrow{color:#8bb7ff}#arfg-home.portal-ui .blue .eyebrow{color:#c5dcff}#arfg-home.portal-ui .dark .intro,#arfg-home.portal-ui .dark .feature p{color:var(--home-muted)}#arfg-home.portal-ui .blue .intro,#arfg-home.portal-ui .blue .feature p{color:#e3edff}#arfg-home.portal-ui .features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}#arfg-home.portal-ui .features.two,#arfg-home.portal-ui .features.four{grid-template-columns:repeat(2,minmax(0,1fr))}#arfg-home.portal-ui .feature{padding:18px 16px;border:1px solid var(--ui-border);border-radius:16px;background:#ffffffc0;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;min-width:0}#arfg-home.portal-ui .feature svg{width:30px;height:30px;stroke:var(--ui-accent);fill:none;stroke-width:1.6;display:block;margin-bottom:16px;transition:transform .25s}#arfg-home.portal-ui .feature h3{font-size:18px;line-height:1.3;margin-bottom:9px;letter-spacing:-.02em}#arfg-home.portal-ui .feature p{font-size:14px;line-height:1.55;margin:0;color:var(--ui-muted)}#arfg-home.portal-ui .feature:hover{transform:translateY(-5px);border-color:#76a6ff;box-shadow:0 15px 30px #246bfd14}#arfg-home.portal-ui .feature:hover svg{transform:translateY(-2px) rotate(-4deg)}#arfg-home.portal-ui .dark .feature{background:var(--home-card);border-color:#284368}#arfg-home.portal-ui .dark .feature:hover{background:#173352;border-color:#76a6ff;box-shadow:0 15px 30px #0003}#arfg-home.portal-ui .dark .feature svg,#arfg-home.portal-ui .blue .feature svg{stroke:#7fb0ff}#arfg-home.portal-ui .blue .feature{background:#ffffff0b;border-color:#ffffff30}#arfg-home.portal-ui .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}#arfg-home.portal-ui .ui-btn{font-size:15px;padding:11px 18px;transition:transform .2s,box-shadow .2s,background .2s}#arfg-home.portal-ui .ui-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #246bfd35}#arfg-home.portal-ui .dark .ui-btn--secondary,#arfg-home.portal-ui .blue .ui-btn--secondary{background:transparent;border-color:#93b5df;color:#fff}#arfg-home.portal-ui figure{margin:0}#arfg-home.portal-ui .photo{display:block;width:100%;height:360px;object-fit:cover;border-radius:20px;transition:filter .3s}#arfg-home.portal-ui figure:hover .photo{filter:brightness(1.05)}#arfg-home.portal-ui figcaption{margin:-66px 18px 0;position:relative;background:#fff;border:1px solid var(--ui-border);border-radius:16px;padding:19px 20px;box-shadow:var(--ui-shadow);color:var(--ui-text);font-size:14px;line-height:1.55}#arfg-home.portal-ui figcaption strong{font-size:18px;font-weight:700;line-height:1.3;display:block;margin-bottom:8px}#arfg-home.portal-ui .controls{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:20px}#arfg-home.portal-ui .arrow{border:1px solid #91aaca70;background:transparent;color:inherit;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:22px;transition:background .2s,transform .2s}#arfg-home.portal-ui .arrow:hover{background:#246bfd20;transform:scale(1.08)}#arfg-home.portal-ui .dot{border:0;background:transparent;width:24px;height:24px;padding:0;position:relative;flex:0 0 24px}#arfg-home.portal-ui .dot:before{content:'';position:absolute;inset:7px;border-radius:50%;background:#91aaca;transition:transform .2s,box-shadow .2s,background .2s}#arfg-home.portal-ui .dot[aria-pressed=true]:before{background:var(--ui-accent);box-shadow:0 0 0 3px #246bfd25}#arfg-home.portal-ui .dot:hover:before{transform:scale(1.4);box-shadow:0 0 0 5px #246bfd25}#arfg-home.portal-ui .section-head{height:calc(100svh / 6);min-height:125px;display:flex;align-items:center;border-bottom:1px solid var(--ui-border);background:linear-gradient(100deg,#e8f1ff,#f7faff 60%);position:relative;overflow:hidden}#arfg-home.portal-ui .section-head:after{content:'';position:absolute;right:6%;width:300px;height:300px;border:1px solid #246bfd20;border-radius:50%;pointer-events:none}#arfg-home.portal-ui .section-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}#arfg-home.portal-ui .section-head h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.035em;line-height:1.1;margin:0}#arfg-home.portal-ui .section-head p{font-size:14px;margin:0;max-width:360px;position:relative;z-index:1}#arfg-home.portal-ui #formats{height:calc(500svh / 6);min-height:670px}#arfg-home.portal-ui #formats .stage-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) 170px}#arfg-home.portal-ui #formats .rail{grid-column:3;grid-row:1}#arfg-home.portal-ui #formats .copy{grid-column:1;grid-row:1}#arfg-home.portal-ui #formats .visual{grid-column:2;grid-row:1}#arfg-home.portal-ui .accredit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:10px}#arfg-home.portal-ui .accredit-card{grid-column:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:142px;background:white;border:1px solid var(--ui-border);border-radius:18px;padding:22px 12px;box-shadow:0 8px 25px #246bfd09;transition:transform .25s,box-shadow .25s,border-color .25s}#arfg-home.portal-ui .accredit-card:last-child{grid-column:2 / span 2}#arfg-home.portal-ui .accredit-card:hover{transform:translateY(-5px);border-color:#7daaff;box-shadow:0 16px 30px #246bfd18}#arfg-home.portal-ui .accredit-card svg{width:38px;height:38px;stroke:var(--ui-accent);fill:none;stroke-width:1.5;margin-bottom:12px}#arfg-home.portal-ui .accredit-card strong{font-size:16px;line-height:1.3;font-weight:600}#arfg-home.portal-ui .contest-art{background:radial-gradient(circle at 50% 25%,#e0ecff,transparent 65%);padding:20px 15px}#arfg-home.portal-ui .contest-crown{width:96px;height:96px;border-radius:28px;background:var(--ui-accent);display:grid;place-items:center;margin:0 auto 24px;transform:rotate(-5deg);box-shadow:0 15px 40px #246bfd25}#arfg-home.portal-ui .contest-crown svg{width:55px;height:55px;stroke:white;fill:none;stroke-width:1.5}#arfg-home.portal-ui .contest-item{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--ui-border);border-radius:16px;background:white;margin-top:12px;color:var(--ui-heading);transition:transform .25s,border-color .25s}#arfg-home.portal-ui .contest-item:hover{transform:translateX(5px);border-color:var(--ui-accent)}#arfg-home.portal-ui .contest-item span{font-size:12px;color:var(--ui-accent-text);font-variant-numeric:tabular-nums}#arfg-home.portal-ui .contest-item strong{font-size:16px;line-height:1.4;flex:1}#arfg-home.portal-ui .contest-item b{font-weight:400}#arfg-home.portal-ui .special-head{background:var(--home-dark);color:white;border-bottom:1px solid #284368;min-height:130px;padding-block:26px}#arfg-home.portal-ui .special-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}#arfg-home.portal-ui .special-head h2{color:inherit;font-size:36px;margin:0;letter-spacing:-.025em}#arfg-home.portal-ui .special-head p{font-size:14px;color:var(--home-muted);margin:0;max-width:380px}#arfg-home.portal-ui #specials{min-height:650px;height:75svh;padding-block:42px;color:#f7faff;background:radial-gradient(ellipse at 55% 40%,#052887,#021550 55%,#001035);position:relative;isolation:isolate;overflow:hidden;transition:background .35s}#arfg-home.portal-ui .special-grid{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:center;position:relative}#arfg-home.portal-ui .project-copy{position:relative;z-index:2;max-width:510px}#arfg-home.portal-ui .project-copy h3{font-size:clamp(50px,6vw,86px);line-height:1.05;letter-spacing:-.045em;color:inherit;margin-bottom:24px}#arfg-home.portal-ui .project-copy h3:after{content:'';display:block;width:80px;height:2px;background:var(--ui-accent);margin-top:28px}#arfg-home.portal-ui .project-copy .intro{font-size:20px;color:#e6efff;line-height:1.6}#arfg-home.portal-ui .project-copy .eyebrow{color:#91bdff}#arfg-home.portal-ui .project-copy .ui-btn{min-width:215px;justify-content:space-between}#arfg-home.portal-ui .project-visual{height:100%;min-width:0;position:relative;display:flex;align-items:center;justify-content:center}#arfg-home.portal-ui .profit-art{position:absolute;inset:-42px -15px;background-repeat:no-repeat;background-size:auto 100%;background-position:center;mask-image:linear-gradient(to right,transparent,#000 18%,#000 95%,transparent);z-index:-1}#arfg-home.portal-ui .special-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;z-index:3}#arfg-home.portal-ui .project-tabs{display:flex;gap:20px;align-items:center}#arfg-home.portal-ui .project-tab{border:0;border-bottom:2px solid transparent;padding:10px 0;color:#c1d5f4;background:transparent;font-size:13px;transition:color .2s,border-color .2s}#arfg-home.portal-ui .project-tab[aria-selected=true]{color:white;border-color:#4b8eff}#arfg-home.portal-ui .project-tab:hover{color:white}#arfg-home.portal-ui .project-count{font-size:12px;color:#b6d0f6;margin-left:auto;margin-right:25px}#arfg-home.portal-ui .special-arrows{display:flex;gap:12px}#arfg-home.portal-ui #specials[data-project=rid]{background:radial-gradient(ellipse at 80% 30%,#275da6,#092b58 65%,#031a39)}#arfg-home.portal-ui #specials[data-project=mediafin]{background:radial-gradient(ellipse at 80% 30%,#323d9f,#131d59 60%,#071b41)}#arfg-home.portal-ui #specials[data-project=finfin]{background:linear-gradient(110deg,#031b3a,#103d78)}#arfg-home.portal-ui .project-visual .symbol-art{width:100%;max-width:510px;position:relative;padding:55px 30px;text-align:center}#arfg-home.portal-ui .symbol-art:before,#arfg-home.portal-ui .symbol-art:after{content:'';position:absolute;border:1px solid #a6cbff38;border-radius:50%;inset:0 8%;z-index:-1}#arfg-home.portal-ui .symbol-art:after{inset:10% 0;transform:rotate(-30deg)}#arfg-home.portal-ui .symbol-main{width:180px;height:180px;margin:0 auto 28px;border-radius:40px;background:linear-gradient(135deg,#7cb9ff40,#246bfd30);border:1px solid #9ec8ff70;display:grid;place-items:center;transform:rotate(-6deg);box-shadow:0 30px 70px #0003}#arfg-home.portal-ui .symbol-main svg{width:100px;height:100px;fill:none;stroke:#dcecff;stroke-width:1.2;transform:rotate(6deg)}#arfg-home.portal-ui .symbol-title{font-size:42px;line-height:1.15;font-weight:700;letter-spacing:-.03em}#arfg-home.portal-ui .symbol-subtitle{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#b8d7ff;margin-top:16px}#arfg-home.portal-ui .finfin-art{width:100%;max-height:430px;object-fit:contain;mix-blend-mode:screen;border-radius:20px}#arfg-home.portal-ui .news{padding-block:64px 70px;background:linear-gradient(180deg,#edf4ff,#f7faff 220px)}#arfg-home.portal-ui .news-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}#arfg-home.portal-ui .news h2{font-size:38px;letter-spacing:-.025em;margin:0}#arfg-home.portal-ui .news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#arfg-home.portal-ui .news-card{display:flex;flex-direction:column;background:white;border:1px solid var(--ui-border);border-radius:20px;padding:26px;color:var(--ui-text);transition:transform .25s,box-shadow .25s,border-color .25s;min-height:290px}#arfg-home.portal-ui .news-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #246bfd14;border-color:#80adff}#arfg-home.portal-ui .news-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;font-size:12px;color:var(--ui-muted)}#arfg-home.portal-ui .news-category{color:var(--ui-accent-text);background:var(--ui-accent-soft);padding:5px 9px;border-radius:6px}#arfg-home.portal-ui .news-card h3{font-size:22px;line-height:1.35;margin-bottom:16px;letter-spacing:-.025em}#arfg-home.portal-ui .news-card p{font-size:14px;color:var(--ui-muted);line-height:1.6}#arfg-home.portal-ui .news-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ui-accent-text);padding-top:18px;border-top:1px solid var(--ui-border)}#arfg-home.portal-ui footer{padding-block:28px;border-top:1px solid var(--ui-border)}#arfg-home.portal-ui .footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}#arfg-home.portal-ui .footer-note{font-size:12px;color:var(--ui-muted);margin-top:20px;line-height:1.6}#arfg-home.portal-ui dialog{border:1px solid var(--ui-border);border-radius:20px;padding:30px;color:var(--ui-text);width:min(470px,calc(100% - 60px));max-height:80svh;overflow:auto}#arfg-home.portal-ui dialog::backdrop{background:#03152faa;backdrop-filter:blur(4px)}#arfg-home.portal-ui .close{float:right;background:transparent;border:0;font-size:26px;color:var(--ui-text)}#arfg-home.portal-ui .skip{position:absolute;top:-80px}#arfg-home.portal-ui .skip:focus{top:5px;background:white;padding:12px;z-index:20}#arfg-home.portal-ui .slide-enter{animation:slide-in .42s cubic-bezier(.2,.7,.2,1) both}#arfg-home.portal-ui .slide-enter .feature{animation:card-in .45s both}#arfg-home.portal-ui .slide-enter .feature:nth-child(2){animation-delay:.05s}#arfg-home.portal-ui .slide-enter .feature:nth-child(3){animation-delay:.1s}#arfg-home.portal-ui .slide-enter .feature:nth-child(4){animation-delay:.15s}#arfg-home.portal-ui .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}#arfg-home.portal-ui .reveal.visible{opacity:1;transform:translateY(0)}@keyframes slide-in{from{opacity:.2;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}@keyframes card-in{from{opacity:.1;translate:0 8px}to{opacity:1;translate:0 0}} @media(min-width:1150px){#arfg-home.portal-ui #audience[data-slide="0"] .visual,#arfg-home.portal-ui #audience[data-slide="3"] .visual{grid-column:2;grid-row:1}#arfg-home.portal-ui #audience[data-slide="0"] .copy,#arfg-home.portal-ui #audience[data-slide="3"] .copy{grid-column:3;grid-row:1}#arfg-home.portal-ui #audience[data-slide="0"] .features,#arfg-home.portal-ui #audience[data-slide="3"] .features{gap:9px}#arfg-home.portal-ui #audience[data-slide="0"] .feature,#arfg-home.portal-ui #audience[data-slide="3"] .feature{padding:16px 12px}} @media(max-width:1250px) and (min-width:901px){#arfg-home.portal-ui .wrap{padding-inline:28px}#arfg-home.portal-ui .stage-grid{grid-template-columns:145px minmax(0,1.05fr) minmax(0,1fr);gap:22px}#arfg-home.portal-ui .feature{padding:15px 12px}#arfg-home.portal-ui .feature h3{font-size:16px}#arfg-home.portal-ui .feature p{font-size:13px}#arfg-home.portal-ui .nav{padding:12px 17px;gap:12px}#arfg-home.portal-ui .nav a{font-size:12px}#arfg-home.portal-ui header{gap:18px}#arfg-home.portal-ui .stage{min-height:700px}#arfg-home.portal-ui #formats{min-height:730px}#arfg-home.portal-ui .photo{height:340px}#arfg-home.portal-ui .copy h2{font-size:29px}#arfg-home.portal-ui #formats .stage-grid{grid-template-columns:1fr 1fr 145px;gap:22px}} @media(max-width:900px){#arfg-home.portal-ui .wrap{padding-inline:24px}#arfg-home.portal-ui header{height:80px;justify-content:space-between}#arfg-home.portal-ui .nav{display:none}#arfg-home.portal-ui .nav.open{display:flex;position:absolute;top:74px;left:20px;right:20px;flex-wrap:wrap;background:#fff;border-radius:16px;padding:22px;box-shadow:var(--ui-shadow)}#arfg-home.portal-ui .login{margin-left:auto}#arfg-home.portal-ui .opening{height:auto;min-height:300px;padding-block:24px;gap:25px}#arfg-home.portal-ui .opening h1{font-size:32px}#arfg-home.portal-ui .opening .intro{font-size:15px}#arfg-home.portal-ui .section-index{display:none}#arfg-home.portal-ui .stage,#arfg-home.portal-ui #formats{height:auto;min-height:800px;padding-block:28px}#arfg-home.portal-ui .stage-grid,#arfg-home.portal-ui #formats .stage-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:100px 1fr;gap:25px}#arfg-home.portal-ui .rail,#arfg-home.portal-ui #formats .rail{grid-column:1/-1;grid-row:1;display:grid;grid-template-rows:1fr;grid-template-columns:repeat(4,minmax(140px,1fr));height:100px;overflow-x:auto}#arfg-home.portal-ui .rail:before{display:none}#arfg-home.portal-ui .rail button{padding:12px 8px 12px 28px}#arfg-home.portal-ui #formats .copy,#arfg-home.portal-ui .copy{grid-column:1;grid-row:2}#arfg-home.portal-ui #formats .visual,#arfg-home.portal-ui .visual{grid-column:2;grid-row:2}#arfg-home.portal-ui .features{grid-template-columns:1fr;gap:10px;margin-top:20px}#arfg-home.portal-ui .feature{display:grid;grid-template-columns:28px 1fr;gap:0 13px;padding:15px}#arfg-home.portal-ui .feature svg{grid-row:1/3;margin:0;width:28px;height:28px}#arfg-home.portal-ui .feature h3{margin-bottom:5px;font-size:17px}#arfg-home.portal-ui .feature p{font-size:14px;grid-column:2}#arfg-home.portal-ui .features.four{grid-template-columns:1fr}#arfg-home.portal-ui .copy h2{font-size:29px}#arfg-home.portal-ui .photo{height:390px}#arfg-home.portal-ui figcaption{margin-inline:12px;padding:17px}#arfg-home.portal-ui .section-head{min-height:135px;height:auto;padding-block:30px}#arfg-home.portal-ui .section-head h2{font-size:36px}#arfg-home.portal-ui .section-head p{max-width:280px}#arfg-home.portal-ui .accredit{gap:12px;padding:0}#arfg-home.portal-ui .accredit-card{min-height:135px;padding:16px 10px}#arfg-home.portal-ui .special-grid{grid-template-columns:1fr 1fr;gap:20px;padding-bottom:65px}#arfg-home.portal-ui #specials{height:auto;min-height:680px;padding-block:36px}#arfg-home.portal-ui .special-head h2{font-size:32px}#arfg-home.portal-ui .project-copy h3{font-size:54px}#arfg-home.portal-ui .project-copy .intro{font-size:18px}#arfg-home.portal-ui .symbol-main{width:140px;height:140px}#arfg-home.portal-ui .symbol-title{font-size:34px}#arfg-home.portal-ui .profit-art{inset:-36px -24px -101px}#arfg-home.portal-ui .news-grid{gap:14px}#arfg-home.portal-ui .news-card{padding:21px}#arfg-home.portal-ui .news-card h3{font-size:20px}#arfg-home.portal-ui .news-meta{align-items:start;flex-direction:column;gap:8px}#arfg-home.portal-ui .footer-row{flex-wrap:wrap}} @media(max-width:620px){#arfg-home.portal-ui .wrap{padding-inline:20px}#arfg-home.portal-ui header{height:75px;gap:12px}#arfg-home.portal-ui .brand{font-size:11px;gap:9px}#arfg-home.portal-ui .brand svg{width:39px;height:39px}#arfg-home.portal-ui .login{display:none}#arfg-home.portal-ui .opening{padding-block:20px 24px;min-height:0;gap:26px}#arfg-home.portal-ui .opening h1{font-size:28px;line-height:1.22}#arfg-home.portal-ui .opening .intro{font-size:15px}#arfg-home.portal-ui .opening h2{font-size:24px}#arfg-home.portal-ui .opening .eyebrow{font-size:10px}#arfg-home.portal-ui .stage,#arfg-home.portal-ui #formats{min-height:0;padding-block:20px 28px}#arfg-home.portal-ui .stage-grid,#arfg-home.portal-ui #formats .stage-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:24px}#arfg-home.portal-ui .rail,#arfg-home.portal-ui #formats .rail{grid-column:1;grid-row:1;height:88px;grid-template-columns:repeat(4,155px)}#arfg-home.portal-ui .rail button{font-size:13px}#arfg-home.portal-ui .copy,#arfg-home.portal-ui #formats .copy{grid-column:1;grid-row:2}#arfg-home.portal-ui .visual,#arfg-home.portal-ui #formats .visual{grid-column:1;grid-row:3}#arfg-home.portal-ui .copy h2{font-size:30px}#arfg-home.portal-ui .intro{font-size:16px}#arfg-home.portal-ui .features,#arfg-home.portal-ui .features.two,#arfg-home.portal-ui .features.four{grid-template-columns:1fr}#arfg-home.portal-ui .feature h3{font-size:18px}#arfg-home.portal-ui .feature p{font-size:14px}#arfg-home.portal-ui .ui-btn{font-size:15px}#arfg-home.portal-ui .actions .ui-btn{flex:1 1 auto}#arfg-home.portal-ui .photo{height:320px}#arfg-home.portal-ui figcaption{font-size:14px;margin-top:-50px}#arfg-home.portal-ui figcaption strong{font-size:18px}#arfg-home.portal-ui .section-head .wrap{align-items:start;flex-direction:column;gap:16px}#arfg-home.portal-ui .section-head h2{font-size:36px}#arfg-home.portal-ui .section-head p{max-width:100%}#arfg-home.portal-ui .section-head{min-height:145px}#arfg-home.portal-ui .accredit{gap:12px;padding:8px}#arfg-home.portal-ui .accredit-card{min-height:135px}#arfg-home.portal-ui .contest-art{padding:5px 0}#arfg-home.portal-ui .contest-item strong{font-size:15px}#arfg-home.portal-ui .special-head .wrap{flex-direction:column;align-items:start;gap:12px}#arfg-home.portal-ui .special-head h2{font-size:31px}#arfg-home.portal-ui .special-head{padding-block:28px}#arfg-home.portal-ui #specials{padding-block:28px;min-height:900px}#arfg-home.portal-ui .special-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto 360px auto;gap:24px;padding-bottom:0}#arfg-home.portal-ui .project-copy{grid-row:1;grid-column:1;max-width:100%}#arfg-home.portal-ui .project-copy h3{font-size:54px}#arfg-home.portal-ui .project-copy h3:after{margin-top:20px}#arfg-home.portal-ui .project-copy .intro{font-size:18px}#arfg-home.portal-ui .project-visual{grid-row:2;grid-column:1}#arfg-home.portal-ui .profit-art{inset:-15px -20px;background-size:auto 110%;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent)}#arfg-home.portal-ui .special-controls{grid-row:3;position:relative;flex-wrap:wrap;gap:16px;padding-top:6px}#arfg-home.portal-ui .project-tabs{width:100%;justify-content:space-between;gap:12px}#arfg-home.portal-ui .project-tab{font-size:13px}#arfg-home.portal-ui .project-count{margin-left:0;margin-right:auto}#arfg-home.portal-ui .special-arrows{margin-left:auto}#arfg-home.portal-ui .symbol-main{width:130px;height:130px;margin-bottom:18px}#arfg-home.portal-ui .symbol-main svg{width:75px;height:75px}#arfg-home.portal-ui .symbol-title{font-size:34px}#arfg-home.portal-ui .project-visual .symbol-art{padding:25px 20px}#arfg-home.portal-ui .finfin-art{height:320px}#arfg-home.portal-ui .news{padding-block:38px 44px}#arfg-home.portal-ui .news-top{align-items:start;flex-direction:column;gap:15px}#arfg-home.portal-ui .news h2{font-size:33px}#arfg-home.portal-ui .news-grid{grid-template-columns:1fr;gap:16px}#arfg-home.portal-ui .news-card{min-height:270px;padding:24px}#arfg-home.portal-ui .news-meta{flex-direction:row;align-items:center}#arfg-home.portal-ui .news-card h3{font-size:23px}#arfg-home.portal-ui .footer-row{flex-direction:column;align-items:start}#arfg-home.portal-ui .footer-note{font-size:11px}} @media(prefers-reduced-motion:reduce){#arfg-home.portal-ui *{animation:none!important;transition:none!important}#arfg-home.portal-ui .reveal{opacity:1;transform:none}} /* Резерв под постоянную навигацию спецпроектов. */ #arfg-home.portal-ui .special-grid{padding-bottom:64px}#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:clamp(40px,4.1vw,58px);line-height:1.12}#arfg-home.portal-ui #specials .project-copy{align-self:center}#arfg-home.portal-ui .stage{min-height:680px} @media(max-width:900px){#arfg-home.portal-ui .stage{min-height:800px}#arfg-home.portal-ui .special-grid{padding-bottom:70px}} @media(max-width:620px){#arfg-home.portal-ui .stage{min-height:0}#arfg-home.portal-ui .special-grid{padding-bottom:0}#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:43px}#arfg-home.portal-ui .project-copy{align-self:start}} /* Объединённые секции: заголовок, переключатель, содержание и баннер. */ #arfg-home.portal-ui .opening{justify-content:center;min-height:210px;height:25svh;padding-block:20px 26px} #arfg-home.portal-ui #audience,#arfg-home.portal-ui #specials{display:flex;flex-direction:column;height:calc(75svh + 80px);min-height:760px;padding-block:30px 34px} #arfg-home.portal-ui .stage-head{flex:0 0 auto;margin-bottom:28px} #arfg-home.portal-ui .stage-head>div{padding-bottom:22px;border-bottom:1px solid #91aaca40} #arfg-home.portal-ui .stage-head h2{color:inherit;font-size:clamp(26px,2.4vw,36px);line-height:1.25;letter-spacing:-.025em;margin:0} #arfg-home.portal-ui .stage-head .eyebrow{font-size:11px;margin-bottom:9px} #arfg-home.portal-ui #audience .stage-grid{flex:1;min-height:0;height:auto} #arfg-home.portal-ui #specials{background:var(--home-dark);color:#f7faff;overflow:hidden} #arfg-home.portal-ui #specials .stage-head .eyebrow{color:#8bb7ff} #arfg-home.portal-ui .special-grid{flex:1;min-height:0;height:auto;padding-bottom:0;grid-template-columns:165px minmax(0,1.12fr) minmax(0,1fr);gap:34px;align-items:center} #arfg-home.portal-ui .special-grid .project-tabs{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:0;grid-column:1;grid-row:1} #arfg-home.portal-ui .project-tabs .project-tab{border:0;text-align:left;font-size:14px;line-height:1.55;color:inherit;padding:10px 0 10px 30px;opacity:.65;position:relative} #arfg-home.portal-ui .project-tabs .project-tab[aria-selected=true]{opacity:1;font-weight:700} #arfg-home.portal-ui .project-copy{grid-column:2;grid-row:1;max-width:none;align-self:center} #arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:clamp(30px,3vw,43px);line-height:1.22;letter-spacing:-.025em;margin-bottom:20px} #arfg-home.portal-ui .project-copy h3:after{display:none} #arfg-home.portal-ui .project-copy .intro{font-size:17px;line-height:1.65;color:var(--home-muted)} #arfg-home.portal-ui .project-copy .eyebrow{font-size:12px;color:#8bb7ff} #arfg-home.portal-ui .project-visual{grid-column:3;grid-row:1;height:auto;display:block;position:relative;min-width:0} #arfg-home.portal-ui .project-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:420px;overflow:hidden;border:1px solid #577dba90;border-radius:24px;background:radial-gradient(ellipse at 60% 30%,#07378b,#02154d 80%);box-shadow:0 16px 40px #0002;transition:border-color .25s,box-shadow .25s} #arfg-home.portal-ui .project-banner:hover{border-color:#8bb7ff;box-shadow:0 20px 45px #0004} #arfg-home.portal-ui .project-banner .profit-art{inset:0;mask-image:none;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:0} #arfg-home.portal-ui #specials[data-project=rid],#arfg-home.portal-ui #specials[data-project=mediafin],#arfg-home.portal-ui #specials[data-project=finfin]{background:var(--home-dark)} #arfg-home.portal-ui #specials[data-project=rid] .project-banner{background:radial-gradient(ellipse at 65% 30%,#285e9e,#092b58 70%)} #arfg-home.portal-ui #specials[data-project=mediafin] .project-banner{background:radial-gradient(ellipse at 65% 30%,#414ba2,#142454 75%)} #arfg-home.portal-ui #specials[data-project=finfin] .project-banner{background:linear-gradient(135deg,#153960,#224c82)} #arfg-home.portal-ui .project-banner .symbol-art{padding:35px 20px} #arfg-home.portal-ui .project-banner .symbol-main{width:130px;height:130px;border-radius:30px;margin-bottom:25px} #arfg-home.portal-ui .project-banner .symbol-main svg{width:78px;height:78px} #arfg-home.portal-ui .project-banner .symbol-title{font-size:33px} #arfg-home.portal-ui .project-banner .symbol-subtitle{font-size:10px;letter-spacing:.13em} #arfg-home.portal-ui .project-banner .finfin-art{width:100%;height:100%;max-height:none;object-fit:contain;padding:18px;border-radius:0} #arfg-home.portal-ui .project-count{margin:0;min-width:68px;text-align:center} @media(max-width:1250px) and (min-width:901px){#arfg-home.portal-ui .special-grid{grid-template-columns:145px minmax(0,1.05fr) minmax(0,1fr);gap:22px}#arfg-home.portal-ui .project-banner{height:390px}#arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:32px}#arfg-home.portal-ui .project-copy .intro{font-size:16px}} @media(max-width:900px){#arfg-home.portal-ui .opening{height:auto;min-height:260px}#arfg-home.portal-ui #audience,#arfg-home.portal-ui #specials{height:auto;min-height:900px;padding-block:26px 32px}#arfg-home.portal-ui .stage-head{margin-bottom:20px}#arfg-home.portal-ui .stage-head h2{font-size:29px}#arfg-home.portal-ui .special-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:100px 1fr;gap:25px;padding-bottom:0}#arfg-home.portal-ui .special-grid .project-tabs{grid-column:1/-1;grid-row:1;grid-template-columns:repeat(4,minmax(140px,1fr));grid-template-rows:1fr;height:100px}#arfg-home.portal-ui .project-copy{grid-column:1;grid-row:2}#arfg-home.portal-ui .project-visual{grid-column:2;grid-row:2}#arfg-home.portal-ui .project-banner{height:390px}#arfg-home.portal-ui .project-copy .intro{font-size:16px}#arfg-home.portal-ui .project-banner .symbol-title{font-size:28px}} @media(max-width:620px){#arfg-home.portal-ui .opening{height:auto;min-height:0;padding-block:20px 28px}#arfg-home.portal-ui #audience,#arfg-home.portal-ui #specials{height:auto;min-height:0;padding-block:24px 28px}#arfg-home.portal-ui .stage-head h2{font-size:27px}#arfg-home.portal-ui .stage-head>div{padding-bottom:20px}#arfg-home.portal-ui .stage-head .eyebrow{font-size:10px}#arfg-home.portal-ui .special-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:24px;padding-bottom:0}#arfg-home.portal-ui .special-grid .project-tabs{grid-column:1;grid-row:1;grid-template-columns:repeat(4,155px);height:88px}#arfg-home.portal-ui .project-copy{grid-column:1;grid-row:2}#arfg-home.portal-ui .project-visual{grid-column:1;grid-row:3}#arfg-home.portal-ui .project-banner{height:360px;border-radius:22px}#arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:33px}#arfg-home.portal-ui .project-copy .intro{font-size:17px}#arfg-home.portal-ui .project-banner .symbol-title{font-size:32px}} /* Форматы работы: общий верхний край без скачка из-за надзаголовков. */ #arfg-home.portal-ui #formats .copy{align-self:start;padding-top:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:start} #arfg-home.portal-ui #formats .copy>.eyebrow{display:none} #arfg-home.portal-ui #formats .copy>h2{grid-column:1;grid-row:1;margin-top:0} #arfg-home.portal-ui #formats .copy>.intro{grid-column:1;grid-row:2} #arfg-home.portal-ui #formats .copy>.features{grid-column:1;grid-row:3} #arfg-home.portal-ui #formats .copy>.actions{grid-column:1;grid-row:4} /* Направления: сохранено верхнее выравнивание текстовой колонки. */ #arfg-home.portal-ui #audience .copy{align-self:start;padding-top:0} #arfg-home.portal-ui #audience .copy>.eyebrow,#arfg-home.portal-ui #audience .copy>h2{margin-top:0} /* Форматы: прежняя компоновка, мягкий фон и линия под названием. */ #arfg-home.portal-ui .section-head{background:radial-gradient(ellipse at 86% 20%,#d9e8ff,transparent 50%),linear-gradient(110deg,#f7faff,#edf3ff);border-bottom:0} #arfg-home.portal-ui .section-head:before,#arfg-home.portal-ui .section-head:after{display:none} #arfg-home.portal-ui .section-head h2:after{content:'';display:block;height:1px;background:#a9c6f2;width:100%;margin-top:19px} #arfg-home.portal-ui #formats{background:radial-gradient(ellipse at 58% 8%,#e7f0ff,transparent 60%),#f7faff} #arfg-home.portal-ui #formats.dark{background:radial-gradient(ellipse at 65% 20%,#123765,transparent 55%),#03152f} /* Одна гарнитура и начертание для всех надзаголовков. */ #arfg-home.portal-ui .eyebrow,#arfg-home.portal-ui .opening .eyebrow,#arfg-home.portal-ui .stage-head .eyebrow,#arfg-home.portal-ui .project-copy .eyebrow,#arfg-home.portal-ui .copy .eyebrow{font-family:var(--ui-font);font-size:13px;font-weight:700;line-height:1.6;letter-spacing:.04em;text-transform:uppercase} /* Навигация спецпроектов — тот же ряд точек между круглыми стрелками. */ #arfg-home.portal-ui .project-dots{display:flex;align-items:center;gap:14px} #arfg-home.portal-ui #specials .controls{gap:18px} #arfg-home.portal-ui #specials .controls .arrow{width:48px;height:48px;border:1px solid #91aaca70;background:transparent;color:#f7faff;border-radius:50%;font-size:26px} #arfg-home.portal-ui #specials .project-dots .dot{width:24px;height:24px;flex:0 0 24px} #arfg-home.portal-ui #specials .project-dots .dot:before{inset:6px;background:#91aaca} #arfg-home.portal-ui #specials .project-dots .dot[aria-pressed=true]:before{background:var(--ui-accent);box-shadow:0 0 0 4px #246bfd26} #arfg-home.portal-ui #specials .project-dots .dot:hover:before{transform:scale(1.25);box-shadow:0 0 0 5px #246bfd26} @media(max-width:620px){#arfg-home.portal-ui #specials .controls{gap:13px}#arfg-home.portal-ui .project-dots{gap:10px}} /* Одинаковая геометрия управления во всех трёх каруселях. */ #arfg-home.portal-ui .controls,#arfg-home.portal-ui #specials .controls{gap:14px} #arfg-home.portal-ui .controls .arrow{width:48px;height:48px;border-radius:50%;font-size:26px} #arfg-home.portal-ui .controls .dot:before{inset:6px} #arfg-home.portal-ui .controls .dot[aria-pressed=true]:before{background:var(--ui-accent);box-shadow:0 0 0 4px #246bfd26} @media(max-width:620px){#arfg-home.portal-ui .controls,#arfg-home.portal-ui #specials .controls{gap:10px}#arfg-home.portal-ui .project-dots{gap:10px}} /* Шапка и карточки форматов — единая синхронная цветовая тема. */ #arfg-home.portal-ui .formats-group{background:radial-gradient(ellipse at 60% 10%,#e7f0ff,transparent 65%),#f7faff;transition:background .35s,color .35s} #arfg-home.portal-ui .formats-group[data-theme=dark]{background:radial-gradient(ellipse at 65% 25%,#123765,transparent 65%),#03152f;color:#f7faff} #arfg-home.portal-ui .formats-group .section-head,#arfg-home.portal-ui .formats-group #formats,#arfg-home.portal-ui .formats-group #formats.dark{background:transparent;color:inherit} #arfg-home.portal-ui .formats-group[data-theme=dark] .section-head h2{color:#f7faff} #arfg-home.portal-ui .formats-group[data-theme=dark] .section-head .eyebrow{color:#8bb7ff} #arfg-home.portal-ui .formats-group[data-theme=dark] .section-head h2:after{background:#41638a} #arfg-home.portal-ui .formats-group[data-theme=dark] .section-head p:not(.eyebrow){color:var(--home-muted)} /* Спецпроекты: название и описание, графика как часть общего баннера. */ #arfg-home.portal-ui #specials{--project-bg:#031650;--project-ink:#f7faff;--project-muted:#b9cdef;--project-accent:#8bb7ff;--project-line:#91aaca40;background:radial-gradient(ellipse at 65% 40%,#062c89,transparent 65%),var(--project-bg);color:var(--project-ink);height:calc(75svh + 80px);min-height:760px} #arfg-home.portal-ui #specials[data-project=rid]{--project-bg:#f6fbff;--project-ink:#15365e;--project-muted:#526b83;--project-accent:#155eef;--project-line:#bfd6e9;background:radial-gradient(ellipse at 80% 55%,#dff3ff,transparent 65%),var(--project-bg)} #arfg-home.portal-ui #specials[data-project=finfin]{--project-bg:#fbfcff;--project-ink:#102b50;--project-muted:#52657e;--project-accent:#155eef;--project-line:#c9d9f0;background:radial-gradient(ellipse at 75% 50%,#edf2ff,transparent 65%),var(--project-bg)} #arfg-home.portal-ui #specials[data-project=mediafin]{--project-bg:#303f80;--project-ink:#fff;--project-muted:#e2e7ff;--project-accent:#a8baff;--project-line:#9baae34d;background:var(--project-bg)} #arfg-home.portal-ui #specials .stage-head>div{border-color:var(--project-line)} #arfg-home.portal-ui #specials .stage-head .eyebrow,#arfg-home.portal-ui #specials .project-copy .eyebrow{color:var(--project-accent)} #arfg-home.portal-ui #specials .special-grid{grid-template-columns:165px minmax(0,1fr) minmax(0,1.15fr);align-items:start} #arfg-home.portal-ui #specials .project-tabs{align-self:center} #arfg-home.portal-ui #specials .project-copy{padding-top:24px;align-self:start;position:relative;z-index:2} #arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:clamp(40px,4.4vw,64px);line-height:1.12;color:var(--project-ink);margin-bottom:20px;letter-spacing:-.035em} #arfg-home.portal-ui #specials .project-copy h3:after{display:block;content:'';width:80px;height:2px;background:var(--ui-accent);margin-top:24px} #arfg-home.portal-ui .project-tagline{font-size:14px;line-height:1.5;color:var(--project-accent);margin:0 0 18px} #arfg-home.portal-ui #specials .project-copy .intro{font-size:18px;line-height:1.65;color:var(--project-muted)} #arfg-home.portal-ui #specials .project-copy .actions{margin-top:30px} #arfg-home.portal-ui #specials .project-banner{height:460px;background:transparent!important;border:0;border-radius:0;box-shadow:none;overflow:visible} #arfg-home.portal-ui #specials .project-banner:hover{border:0;box-shadow:none} #arfg-home.portal-ui #specials .project-banner .profit-art{inset:-24px -20px;background-size:contain;mask-image:linear-gradient(to right,transparent,#000 15%,#000 95%,transparent)} #arfg-home.portal-ui .landing-art{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;isolation:isolate} #arfg-home.portal-ui .landing-art>img{position:relative;display:block;max-width:100%;max-height:100%;object-fit:contain} #arfg-home.portal-ui .rid-landing-art>img{width:92%;height:94%;z-index:1} #arfg-home.portal-ui .rid-orbit{position:absolute;inset:12% 2%;border:1px solid #bddded;border-radius:50%;rotate:-20deg;box-shadow:0 0 0 28px #d9eef933} #arfg-home.portal-ui .mediafin-landing-art>img{width:100%;height:100%;z-index:1} #arfg-home.portal-ui .media-orbit{position:absolute;inset:6% 0;border-radius:50%;border:1px solid #7595ff55;box-shadow:0 0 0 26px #7595ff08} #arfg-home.portal-ui .finfin-landing-art .finfin-network{position:absolute;width:110%;height:110%;max-width:none;max-height:none;opacity:.35;z-index:-1} #arfg-home.portal-ui .finfin-landing-art .finfin-shapes{position:absolute;width:95%;height:auto;top:0;left:0;z-index:0} #arfg-home.portal-ui .finfin-landing-art .finfin-mosaic{width:100%;height:88%;z-index:1;margin-top:34px} #arfg-home.portal-ui #specials .controls .arrow{color:var(--project-ink);border-color:var(--project-line)} #arfg-home.portal-ui #specials[data-project=mediafin] .project-copy .ui-btn{background:#fff;color:#303f80;box-shadow:none} #arfg-home.portal-ui #specials[data-project=mediafin] .project-copy .ui-btn:hover{background:#e6ecff} #arfg-home.portal-ui #specials[data-project=mediafin] .rail button[aria-selected=true]:before{background:#a4baff;box-shadow:0 0 0 4px #a4baff30} @media(max-width:1250px) and (min-width:901px){#arfg-home.portal-ui #specials .special-grid{grid-template-columns:145px minmax(0,1fr) minmax(0,1.1fr);gap:22px}#arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:44px}#arfg-home.portal-ui #specials .project-copy .intro{font-size:17px}#arfg-home.portal-ui #specials .project-banner{height:430px}} @media(max-width:900px){#arfg-home.portal-ui #specials{height:auto;min-height:900px}#arfg-home.portal-ui #specials .special-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:100px 1fr;align-items:start}#arfg-home.portal-ui #specials .project-copy{padding-top:0}#arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:43px}#arfg-home.portal-ui #specials .project-copy .intro{font-size:17px}#arfg-home.portal-ui #specials .project-banner{height:410px}} @media(max-width:620px){#arfg-home.portal-ui #specials{height:auto;min-height:0}#arfg-home.portal-ui #specials .special-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}#arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:42px}#arfg-home.portal-ui #specials .project-copy .intro{font-size:18px}#arfg-home.portal-ui #specials .project-banner{height:350px}#arfg-home.portal-ui #specials .project-banner .profit-art{inset:0 -10px;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 94%,transparent)}#arfg-home.portal-ui .finfin-landing-art .finfin-shapes{top:0}#arfg-home.portal-ui .project-tagline{font-size:14px}} /* Цвет и фоновая графика МедиаФин взяты с официального лендинга. */ #arfg-home.portal-ui #specials[data-project=mediafin]{--project-bg:#303f7f;background-size:cover;background-position:center} /* Форматы работы: две трети экрана, компактная компоновка. */ #arfg-home.portal-ui .formats-group #formats{height:calc(200svh / 3);min-height:0;padding-block:24px} #arfg-home.portal-ui .formats-group #formats .stage-grid{min-height:0} #arfg-home.portal-ui .formats-group #formats .copy{max-height:100%;overflow:auto;scrollbar-width:thin} #arfg-home.portal-ui .formats-group #formats .photo{height:clamp(240px,32svh,350px)} #arfg-home.portal-ui .formats-group #formats .rail{height:min(440px,100%)} #arfg-home.portal-ui .contest-list{display:grid;gap:14px} #arfg-home.portal-ui .contest-simple{display:grid;grid-template-columns:25px minmax(0,1fr) 18px;gap:16px;align-items:start;padding:22px;border:1px solid var(--ui-border);border-radius:15px;background:#fff;color:var(--ui-heading);transition:border-color .2s,background .2s} #arfg-home.portal-ui .contest-simple:hover{border-color:#86aff4;background:#f5f9ff} #arfg-home.portal-ui .contest-simple h3{font-size:18px;line-height:1.3;margin:0 0 8px} #arfg-home.portal-ui .contest-simple p{font-size:14px;line-height:1.55;color:var(--ui-muted);margin:0} #arfg-home.portal-ui .contest-number{font-size:12px;color:var(--ui-accent-text);padding-top:3px} /* Спецпроекты: графика без карточек и круглых обрамлений, как в референсе. */ #arfg-home.portal-ui #specials .project-banner,#arfg-home.portal-ui #specials .project-banner:hover{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible} #arfg-home.portal-ui .rid-orbit,#arfg-home.portal-ui .media-orbit,#arfg-home.portal-ui .landing-art:before,#arfg-home.portal-ui .landing-art:after{display:none} #arfg-home.portal-ui #specials{height:calc(75svh + 80px);min-height:760px;overflow:hidden} #arfg-home.portal-ui #specials .special-grid{position:relative;align-items:stretch;grid-template-columns:165px minmax(0,1fr) minmax(0,1.2fr)} #arfg-home.portal-ui #specials .project-copy{align-self:center;padding:0 0 35px} #arfg-home.portal-ui #specials .project-copy .eyebrow:before{content:'●';margin-right:10px;color:var(--ui-accent)} #arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:clamp(48px,5vw,74px);line-height:1.08;margin-bottom:29px} #arfg-home.portal-ui #specials .project-copy h3:after{margin-top:28px;width:90px} #arfg-home.portal-ui #specials .project-copy .intro{font-size:19px;line-height:1.65;color:var(--project-ink)} #arfg-home.portal-ui #specials .project-copy .actions{margin-top:32px} #arfg-home.portal-ui #specials .project-copy .ui-btn{min-width:250px;justify-content:space-between;min-height:54px} #arfg-home.portal-ui #specials .project-visual{align-self:stretch;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;position:relative} #arfg-home.portal-ui #specials .project-banner{height:auto;flex:1;min-height:0;position:relative;isolation:isolate} #arfg-home.portal-ui #specials .landing-art{position:absolute;inset:-35px -18px 0;width:auto;height:auto} #arfg-home.portal-ui #specials .project-banner .profit-art{inset:-105px -35px -30px;background-size:auto 115%;background-position:center;mask-image:linear-gradient(to right,transparent,#000 16%,#000 96%,transparent)} #arfg-home.portal-ui #specials .rid-landing-art>img{width:110%;height:105%;max-width:none;max-height:none;object-fit:contain;align-self:flex-end} #arfg-home.portal-ui #specials .mediafin-landing-art>img{width:115%;height:110%;max-width:none;max-height:none;object-fit:contain} #arfg-home.portal-ui #specials .finfin-landing-art .finfin-network{width:140%;height:130%;opacity:.38} #arfg-home.portal-ui #specials .finfin-landing-art .finfin-mosaic{width:115%;height:105%;max-width:none;max-height:none;margin-top:25px;object-fit:contain} #arfg-home.portal-ui #specials .finfin-landing-art .finfin-shapes{width:105%;top:-10px;left:-20px} #arfg-home.portal-ui #specials .project-visual>.controls{position:relative;z-index:3;flex:0 0 auto;margin-top:12px;padding-top:8px} @media(max-height:800px) and (min-width:901px){#arfg-home.portal-ui .formats-group #formats .copy h2{font-size:28px}#arfg-home.portal-ui .formats-group #formats .intro{font-size:14px}#arfg-home.portal-ui .formats-group #formats .feature{padding:12px}#arfg-home.portal-ui .formats-group #formats .feature h3{font-size:16px}#arfg-home.portal-ui .formats-group #formats .feature p{font-size:13px}#arfg-home.portal-ui .formats-group #formats .feature svg{margin-bottom:10px;width:26px;height:26px}#arfg-home.portal-ui .formats-group #formats .features{margin-top:16px}#arfg-home.portal-ui .formats-group #formats .actions{margin-top:18px}} @media(max-width:1250px) and (min-width:901px){#arfg-home.portal-ui #specials .special-grid{grid-template-columns:145px 1fr 1.1fr;gap:22px}#arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:50px}#arfg-home.portal-ui #specials .project-copy .intro{font-size:17px}} @media(max-width:900px){#arfg-home.portal-ui .formats-group #formats{height:auto;min-height:800px;padding-block:28px}#arfg-home.portal-ui .formats-group #formats .copy{max-height:none;overflow:visible}#arfg-home.portal-ui .formats-group #formats .rail{height:100px}#arfg-home.portal-ui .formats-group #formats .photo{height:360px}#arfg-home.portal-ui #specials{height:auto;min-height:900px}#arfg-home.portal-ui #specials .special-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:100px minmax(470px,1fr)}#arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:46px}#arfg-home.portal-ui #specials .project-copy{padding-bottom:20px}#arfg-home.portal-ui #specials .landing-art{inset:0 -10px 0}#arfg-home.portal-ui #specials .project-banner .profit-art{inset:-40px -20px 0;background-size:contain}} @media(max-width:620px){#arfg-home.portal-ui .formats-group #formats{min-height:0;height:auto;padding-block:20px 28px}#arfg-home.portal-ui .formats-group #formats .rail{height:88px}#arfg-home.portal-ui .formats-group #formats .photo{height:320px}#arfg-home.portal-ui .contest-simple{padding:20px;gap:12px}#arfg-home.portal-ui #specials{min-height:0;height:auto}#arfg-home.portal-ui #specials .special-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 380px}#arfg-home.portal-ui #specials .project-copy{padding:0;align-self:start}#arfg-home.portal-ui #specials .project-copy h3,#arfg-home.portal-ui #specials:not([data-project=profit]) .project-copy h3{font-size:47px}#arfg-home.portal-ui #specials .project-copy .intro{font-size:18px}#arfg-home.portal-ui #specials .project-banner{height:auto;min-height:0}#arfg-home.portal-ui #specials .project-visual{height:100%}#arfg-home.portal-ui #specials .landing-art{inset:0 0 0}#arfg-home.portal-ui #specials .project-banner .profit-art{inset:0 -15px;background-size:contain;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 95%,transparent)}#arfg-home.portal-ui #specials .mediafin-landing-art>img,#arfg-home.portal-ui #specials .rid-landing-art>img{width:100%;height:100%}#arfg-home.portal-ui #specials .finfin-landing-art .finfin-mosaic{width:100%;height:100%;margin:0}} /* Дополнительные персонажи взяты из графики лендинга РиД. */ #arfg-home.portal-ui #specials .rid-landing-art>img.rid-family{width:96%;height:100%;position:relative;z-index:2} #arfg-home.portal-ui #specials .rid-landing-art>img.rid-detail{position:absolute;width:18%;height:auto;max-height:30%;object-fit:contain;opacity:.4;z-index:0;filter:saturate(.65)} #arfg-home.portal-ui #specials .rid-landing-art>img.rid-detail-teacher{right:-1%;top:1%;rotate:7deg} #arfg-home.portal-ui #specials .rid-landing-art>img.rid-detail-expert{left:-5%;bottom:2%;rotate:-5deg} @media(max-width:620px){#arfg-home.portal-ui #specials .rid-landing-art>img.rid-family{width:90%;height:100%}#arfg-home.portal-ui #specials .rid-landing-art>img.rid-detail{width:16%}#arfg-home.portal-ui #specials .rid-landing-art>img.rid-detail-expert{left:0}} /* Иллюстрации взяты непосредственно со страниц конкурсов. */ #arfg-home.portal-ui .contest-simple{grid-template-columns:82px minmax(0,1fr) 18px;align-items:center;padding:18px;gap:17px} #arfg-home.portal-ui .contest-image{width:82px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:11px;overflow:hidden;background:#f1f6ff;flex-shrink:0} #arfg-home.portal-ui .contest-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s} #arfg-home.portal-ui .contest-image-mediafin{background:#303f7f;padding:5px} #arfg-home.portal-ui .contest-simple:hover .contest-image img{transform:scale(1.04)} @media(max-width:620px){#arfg-home.portal-ui .contest-simple{grid-template-columns:68px minmax(0,1fr) 14px;padding:16px;gap:12px}#arfg-home.portal-ui .contest-image{width:68px;height:68px}#arfg-home.portal-ui .contest-simple h3{font-size:17px}#arfg-home.portal-ui .contest-simple p{font-size:13px}} /* Новый баннер ПроФиТ: целиком, без обрезки, по правому краю. */ #arfg-home.portal-ui #specials[data-project=profit] .project-banner .profit-art{inset:0;background-size:contain;background-position:right center;background-repeat:no-repeat;mask-image:none} /* Lucide: единый линейный набор без декоративных подложек. */ #arfg-home.portal-ui .line-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #arfg-home.portal-ui .feature .line-icon{width:32px;height:32px;color:var(--ui-accent-text);fill:none;stroke:currentColor;stroke-width:1.8} #arfg-home.portal-ui .dark .feature .line-icon,#arfg-home.portal-ui .blue .feature .line-icon{color:#8bb7ff;stroke:currentColor} #arfg-home.portal-ui .arrow .line-icon{width:23px;height:23px;display:block;stroke:currentColor;stroke-width:1.8} #arfg-home.portal-ui .menu .line-icon{width:23px;height:23px;display:block;stroke:currentColor;stroke-width:1.8} /* Аккредитация: шесть продуктовых карточек с иллюстрациями референса. */ #arfg-home.portal-ui .accredit.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;background:none} #arfg-home.portal-ui .product-grid .accredit-card,#arfg-home.portal-ui .product-grid .accredit-card:last-child{grid-column:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;padding:10px 10px 13px;border:1px solid var(--ui-border);border-radius:16px;background:#fff;box-shadow:0 5px 18px #246bfd08} #arfg-home.portal-ui .product-grid .product-illustration{display:block;width:100%;height:104px;object-fit:contain;border-radius:10px;margin:0 0 8px} #arfg-home.portal-ui .product-grid strong{font-size:14px;line-height:1.35;font-weight:600;text-align:center;color:var(--ui-heading)} #arfg-home.portal-ui .product-grid .accredit-card:hover{transform:translateY(-3px);border-color:#8db7ff;box-shadow:0 10px 24px #246bfd16} /* ПроФиТ: изображение на полную высоту секции, привязка к правому краю. */ #arfg-home.portal-ui #specials[data-project=profit] .special-grid,#arfg-home.portal-ui #specials[data-project=profit] .project-visual,#arfg-home.portal-ui #specials[data-project=profit] .project-banner{position:static;isolation:auto} #arfg-home.portal-ui #specials[data-project=profit] .project-banner .profit-art{position:absolute;inset:0;background-size:auto 100%;background-position:right center;background-repeat:no-repeat;z-index:-1;pointer-events:none;mask-image:linear-gradient(to right,transparent 23%,#000 58%)} #arfg-home.portal-ui #specials[data-project=profit] .project-copy{position:relative;z-index:2} @media(max-width:900px){#arfg-home.portal-ui .product-grid .product-illustration{height:96px}#arfg-home.portal-ui .product-grid strong{font-size:13px}} @media(max-width:620px){#arfg-home.portal-ui .accredit.product-grid{gap:10px}#arfg-home.portal-ui .product-grid .product-illustration{height:105px}#arfg-home.portal-ui .product-grid strong{font-size:14px}#arfg-home.portal-ui #specials[data-project=profit] .special-grid{position:relative}#arfg-home.portal-ui #specials[data-project=profit] .project-visual{position:relative}#arfg-home.portal-ui #specials[data-project=profit] .project-banner{position:relative;isolation:isolate}#arfg-home.portal-ui #specials[data-project=profit] .project-banner .profit-art{inset:0 -20px;background-size:auto 100%;background-position:right center;z-index:0;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 94%,transparent)}} /* Анимация взаимодействия: свет вслед за курсором, лёгкая перспектива и живой контур. */ #arfg-home.portal-ui .motion-card{position:relative;isolation:isolate;--pointer-x:50%;--pointer-y:50%;--tilt-x:0deg;--tilt-y:0deg;transform-origin:center;transition:transform .38s cubic-bezier(.2,.75,.25,1),border-color .3s,box-shadow .3s;overflow:hidden} #arfg-home.portal-ui .motion-card:not(.button-motion):before{content:'';position:absolute;inset:0;background:radial-gradient(230px circle at var(--pointer-x) var(--pointer-y),#5d9cff26,transparent 72%);opacity:0;transition:opacity .35s;pointer-events:none;z-index:-1;border-radius:inherit} #arfg-home.portal-ui .motion-card:not(.button-motion):after{content:'';position:absolute;inset:-50% -100%;background:linear-gradient(110deg,transparent 40%,#ffffff3d 50%,transparent 60%);translate:-30% 0;opacity:0;pointer-events:none;z-index:2} @media(hover:hover) and (pointer:fine){ #arfg-home.portal-ui .motion-card.motion-hot{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-4px);border-color:#8cb8ff;box-shadow:0 15px 35px #246bfd1c} #arfg-home.portal-ui .dark .motion-card.motion-hot,#arfg-home.portal-ui .blue .motion-card.motion-hot{box-shadow:0 16px 34px #0003;border-color:#7ba9e8} #arfg-home.portal-ui .motion-card.motion-hot:not(.button-motion):before{opacity:1} #arfg-home.portal-ui .motion-card.motion-hot:not(.button-motion):after{animation:arfg-home-card-light-pass .85s ease-out both} #arfg-home.portal-ui .motion-card.motion-hot .line-icon{animation:arfg-home-icon-gesture .8s cubic-bezier(.22,.75,.25,1) both;transform-origin:50% 60%} #arfg-home.portal-ui .motion-card.motion-hot .line-icon>:is(path,rect,circle,line,polyline,polygon,ellipse){stroke-dasharray:1;animation:arfg-home-icon-redraw .72s cubic-bezier(.25,.6,.25,1) both} #arfg-home.portal-ui .motion-card.motion-hot .line-icon>:nth-child(2){animation-delay:.06s} #arfg-home.portal-ui .motion-card.motion-hot .line-icon>:nth-child(3){animation-delay:.12s} #arfg-home.portal-ui .motion-card.motion-hot .line-icon>:nth-child(n+4){animation-delay:.18s} #arfg-home.portal-ui .motion-card.motion-hot .product-illustration{animation:arfg-home-product-lift .75s cubic-bezier(.22,.7,.25,1) both;transform-origin:center 75%} #arfg-home.portal-ui .motion-card.motion-hot .contest-image img{transform:scale(1.065) translateY(-2px);transition:transform .55s cubic-bezier(.2,.8,.2,1)} #arfg-home.portal-ui .motion-card.motion-hot .news-link span{transform:translate(3px,-3px);transition:transform .4s} } #arfg-home.portal-ui .motion-card:focus-within{border-color:#8cb8ff;box-shadow:0 0 0 3px #246bfd18} @keyframes arfg-home-icon-redraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}} @keyframes arfg-home-icon-gesture{0%{transform:translateY(0) rotate(0) scale(1)}38%{transform:translateY(-3px) rotate(-6deg) scale(1.08)}70%{transform:translateY(-1px) rotate(2deg) scale(1.04)}100%{transform:translateY(0) rotate(0) scale(1.025)}} @keyframes arfg-home-card-light-pass{0%{translate:-30% 0;opacity:0}20%{opacity:.65}100%{translate:30% 0;opacity:0}} @keyframes arfg-home-product-lift{0%{transform:translateY(0) rotate(0) scale(1)}42%{transform:translateY(-7px) rotate(-1.6deg) scale(1.04)}72%{transform:translateY(-3px) rotate(.6deg) scale(1.025)}100%{transform:translateY(-4px) rotate(0) scale(1.035)}} @media(prefers-reduced-motion:reduce){#arfg-home.portal-ui .motion-card,#arfg-home.portal-ui .motion-card.motion-hot{transform:none!important;transition:none!important}#arfg-home.portal-ui .motion-card:not(.button-motion):before,#arfg-home.portal-ui .motion-card:not(.button-motion):after{display:none}#arfg-home.portal-ui .motion-card .line-icon,#arfg-home.portal-ui .motion-card .product-illustration,#arfg-home.portal-ui .motion-card .contest-image img,#arfg-home.portal-ui .motion-card .news-link span{animation:none!important;transform:none!important}#arfg-home.portal-ui .motion-card .line-icon>*{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}} /* Спецпроекты: единый вертикальный центр меню, описания и графики. */ #arfg-home.portal-ui #specials .special-grid,#arfg-home.portal-ui #specials[data-project=profit] .special-grid{position:relative;align-items:center} #arfg-home.portal-ui #specials .project-tabs{align-self:center} #arfg-home.portal-ui #specials .project-copy,#arfg-home.portal-ui #specials[data-project=profit] .project-copy{align-self:center;padding:0;margin:0;max-width:100%;min-width:0} #arfg-home.portal-ui #specials .project-copy h3{margin-top:0} #arfg-home.portal-ui #specials .project-visual,#arfg-home.portal-ui #specials[data-project=profit] .project-visual{position:relative;align-self:stretch;isolation:isolate;overflow:hidden;min-width:0;min-height:0;height:100%} #arfg-home.portal-ui #specials .project-banner,#arfg-home.portal-ui #specials[data-project=profit] .project-banner{position:relative;isolation:isolate;flex:1;width:100%;height:100%;overflow:hidden!important} #arfg-home.portal-ui #specials[data-project=profit] .project-banner .profit-art{position:absolute;inset:0;background-size:auto 100%;background-position:right center;mask-image:none;z-index:0;pointer-events:none} #arfg-home.portal-ui #specials .landing-art{inset:0;width:100%;height:100%} #arfg-home.portal-ui #specials .rid-landing-art>img.rid-family{width:100%;height:100%;object-fit:contain;align-self:center} #arfg-home.portal-ui #specials .mediafin-landing-art>img{width:100%;height:100%;object-fit:contain} #arfg-home.portal-ui #specials .finfin-landing-art .finfin-mosaic{width:100%;height:100%;max-width:100%;max-height:100%;margin-top:0;object-fit:contain} #arfg-home.portal-ui #specials .project-visual>.controls{position:absolute;left:0;right:0;bottom:0;margin:0;padding:8px 0 0;z-index:3} @media(max-width:900px){#arfg-home.portal-ui #specials .special-grid{align-items:center}#arfg-home.portal-ui #specials .project-visual{min-height:470px}} @media(max-width:620px){#arfg-home.portal-ui #specials .project-copy{align-self:start}#arfg-home.portal-ui #specials .project-visual{min-height:0;height:380px}#arfg-home.portal-ui #specials .project-visual>.controls{padding-top:0}#arfg-home.portal-ui #specials[data-project=profit] .project-banner .profit-art{background-size:auto 100%;background-position:center;mask-image:none}} /* Пять категорий аккредитации: последняя иллюстрированная карточка по центру. */ #arfg-home.portal-ui .accredit.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))} #arfg-home.portal-ui .product-grid .accredit-card{grid-column:span 2} #arfg-home.portal-ui .product-grid .accredit-card:last-child{grid-column:2 / span 2} /* Мягкое слияние ПроФиТ с фоном секции: без прямоугольного обрыва справа. */ #arfg-home.portal-ui #specials[data-project=profit] .project-banner .profit-art{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 78%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 4%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 78%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 4%,#000 94%,transparent 100%);mask-composite:intersect;mask-repeat:no-repeat;mask-size:100% 100%} /* Воздух под навигацией каруселей. */ #arfg-home.portal-ui #audience .visual>.controls,#arfg-home.portal-ui #formats .visual>.controls{padding-bottom:32px} #arfg-home.portal-ui #specials .project-visual>.controls{bottom:24px} @media(max-width:620px){#arfg-home.portal-ui #audience .visual>.controls,#arfg-home.portal-ui #formats .visual>.controls{padding-bottom:24px}#arfg-home.portal-ui #specials .project-visual>.controls{bottom:20px}} /* В аккредитации резервируем место под стрелки внутри фиксированной высоты секции. */ @media(min-width:901px){#arfg-home.portal-ui #formats[data-slide="3"] .visual{height:100%;min-height:0;display:flex;flex-direction:column;align-self:stretch}#arfg-home.portal-ui #formats[data-slide="3"] .product-grid{flex:1;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr))}#arfg-home.portal-ui #formats[data-slide="3"] .product-card{min-height:0}#arfg-home.portal-ui #formats[data-slide="3"] .product-illustration{flex:1;min-height:0;height:auto;max-height:104px}#arfg-home.portal-ui #formats[data-slide="3"] .product-card strong{flex-shrink:0}#arfg-home.portal-ui #formats[data-slide="3"] .visual>.controls{flex:0 0 auto}} /* Переход применяется к самому изображению и краю колонки, а не к пустому полю фона. */ #arfg-home.portal-ui #specials[data-project=profit] .project-banner .profit-art{display:flex;align-items:center;justify-content:flex-end;background:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-over;mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-composite:add;overflow:hidden} #arfg-home.portal-ui #specials[data-project=profit] .profit-image{display:block;height:100%;width:auto;max-width:none;flex:none;object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 92%,transparent 100%);mask-composite:intersect} /* Члены ассоциации — логотипы исходного сайта с горизонтальной прокруткой. */ #arfg-home.portal-ui .members{background:#f7faff;border-top:1px solid var(--ui-border);padding-block:50px 38px} #arfg-home.portal-ui .members-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px} #arfg-home.portal-ui .members h2{font-size:36px;line-height:1.25;letter-spacing:-.025em;margin:0} #arfg-home.portal-ui .members-track{position:relative;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a7c6f6 transparent;padding:4px 2px 22px;overscroll-behavior-x:contain} #arfg-home.portal-ui .member-card{flex:0 0 calc((100% - 72px)/5);min-width:180px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 12px;min-height:145px;border:1px solid var(--ui-border);border-radius:16px;background:white;color:var(--ui-text);transition:border-color .2s} #arfg-home.portal-ui .member-card:hover{border-color:#7da7eb} #arfg-home.portal-ui .member-card img{width:100%;max-width:170px;height:70px;object-fit:contain} #arfg-home.portal-ui .member-card span{font-size:12px;line-height:1.45;text-align:center} #arfg-home.portal-ui .members-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px} #arfg-home.portal-ui .members-count{font-size:13px;color:var(--ui-muted);font-variant-numeric:tabular-nums} #arfg-home.portal-ui .members-controls{display:flex;gap:12px} #arfg-home.portal-ui .members-controls .arrow{width:44px;height:44px;color:var(--ui-heading);border-color:var(--ui-border);background:white} #arfg-home.portal-ui .members-controls .arrow:disabled{opacity:.35;cursor:default;filter:none} @media(max-width:900px){#arfg-home.portal-ui .member-card{flex-basis:calc((100% - 36px)/3)}} @media(max-width:620px){#arfg-home.portal-ui .members{padding-block:34px 28px}#arfg-home.portal-ui .members-top{align-items:start;flex-direction:column;gap:18px}#arfg-home.portal-ui .members h2{font-size:30px}#arfg-home.portal-ui .member-card{flex-basis:175px;min-width:175px;min-height:135px}#arfg-home.portal-ui .member-card img{height:60px}} /* Все кнопки используют общий эффект карточек: локальный свет, блик и прорисовка иконок. */ #arfg-home.portal-ui :is(button,.ui-btn).button-motion{position:relative;isolation:isolate;filter:none!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;transition:background-color .25s,border-color .25s,box-shadow .3s,color .25s!important} #arfg-home.portal-ui :is(button,.ui-btn).button-motion:is(:hover,:active,:focus-visible,.motion-hot){filter:none!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;animation:none!important} #arfg-home.portal-ui .button-effects{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;z-index:1;opacity:0;transition:opacity .35s;background:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,50%),#5d9cff26,transparent 72%)} #arfg-home.portal-ui .ui-btn:not(.ui-btn--secondary)>.button-effects{background:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,50%),#d9eaff3d,transparent 72%)} #arfg-home.portal-ui .button-effects:after{content:'';position:absolute;inset:-50% -100%;background:linear-gradient(110deg,transparent 40%,#ffffff3d 50%,transparent 60%);translate:-30% 0;opacity:0;pointer-events:none} #arfg-home.portal-ui .dot.button-motion{border-radius:50%;overflow:visible} #arfg-home.portal-ui .rail button.button-motion{overflow:visible} #arfg-home.portal-ui .button-motion .line-icon{transform:none!important} @media(hover:hover) and (pointer:fine){ #arfg-home.portal-ui :is(button,.ui-btn).button-motion.motion-hot{border-color:#8cb8ff;box-shadow:0 15px 35px #246bfd1c} #arfg-home.portal-ui .dark .button-motion.motion-hot,#arfg-home.portal-ui .blue .button-motion.motion-hot,#arfg-home.portal-ui #specials .button-motion.motion-hot{border-color:#7ba9e8;box-shadow:0 16px 34px #0003} #arfg-home.portal-ui .button-motion.motion-hot>.button-effects{opacity:1} #arfg-home.portal-ui .button-motion.motion-hot>.button-effects:after{animation:arfg-home-card-light-pass .85s ease-out both} #arfg-home.portal-ui .button-motion.motion-hot .line-icon{animation:none!important} #arfg-home.portal-ui .button-motion.motion-hot .line-icon>:is(path,rect,circle,line,polyline,polygon,ellipse){stroke-dasharray:1;animation:arfg-home-icon-redraw .72s cubic-bezier(.25,.6,.25,1) both} #arfg-home.portal-ui .button-motion.motion-hot .line-icon>:nth-child(2){animation-delay:.06s} #arfg-home.portal-ui .button-motion.motion-hot .line-icon>:nth-child(3){animation-delay:.12s} #arfg-home.portal-ui .button-motion.motion-hot .line-icon>:nth-child(n+4){animation-delay:.18s} } #arfg-home.portal-ui .button-motion:disabled>.button-effects{display:none} @media(prefers-reduced-motion:reduce){#arfg-home.portal-ui :is(button,.ui-btn).button-motion{transition:none!important}#arfg-home.portal-ui .button-effects{display:none!important}#arfg-home.portal-ui .button-motion .line-icon>*{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}} /* Вертикальные меню: без hover-эффектов, только состояние выбранной вкладки. */ #arfg-home.portal-ui .rail button{transition:none!important;animation:none!important;transform:none!important;filter:none!important} #arfg-home.portal-ui .rail button:hover{opacity:.65;box-shadow:none!important;background:transparent!important;transform:none!important;color:inherit} #arfg-home.portal-ui .rail button[aria-selected=true],#arfg-home.portal-ui .rail button[aria-selected=true]:hover{opacity:1;font-weight:700} #arfg-home.portal-ui .rail button:before,#arfg-home.portal-ui .rail button:hover:before{transform:none!important;transition:none!important;background:#91aaca;box-shadow:none} #arfg-home.portal-ui .rail button[aria-selected=true]:before,#arfg-home.portal-ui .rail button[aria-selected=true]:hover:before{background:var(--ui-accent);box-shadow:0 0 0 4px #246bfd30} #arfg-home.portal-ui #specials[data-project=mediafin] .rail button[aria-selected=true]:before{background:#a4baff;box-shadow:0 0 0 4px #a4baff30} #arfg-home.portal-ui .rail button>.button-effects{display:none!important} /* В вертикальных меню анимируются только точки-маркеры. */ #arfg-home.portal-ui .rail button:before{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important} #arfg-home.portal-ui .rail button:hover:before{transform:scale(1.3)!important;background:var(--ui-accent);box-shadow:0 0 0 7px #246bfd25} #arfg-home.portal-ui .rail button[aria-selected=true]:hover:before{transform:scale(1.3)!important;background:var(--ui-accent);box-shadow:0 0 0 7px #246bfd25} #arfg-home.portal-ui #specials[data-project=mediafin] .rail button:hover:before{background:#a4baff;box-shadow:0 0 0 7px #a4baff30} @media(prefers-reduced-motion:reduce){#arfg-home.portal-ui .rail button:before{transition:none!important}#arfg-home.portal-ui .rail button:hover:before{transform:none!important}} /* Первый слайдер: фон второго слайда «Обучение» из «Форматов работы». */ #arfg-home.portal-ui #audience.dark{background:radial-gradient(ellipse at 65% 25%,#123765,transparent 65%),#03152f;color:#f7faff} /* Минимальная изоляция от типографики и широких селекторов темы. */ #arfg-home.portal-ui{width:100%;margin:0;min-width:0} #arfg-home.portal-ui main{display:block;margin:0;padding:0;max-width:none;width:100%} #arfg-home.portal-ui .ui-btn[disabled]{opacity:.55;cursor:default} #arfg-home.portal-ui .reveal{opacity:1;transform:none} #arfg-home.portal-ui [hidden]{display:none!important}