@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@500;600;700&family=Golos+Text:wght@400;500;600;700&display=swap");
/* ===== Конструктор квизов LOOK — kviz.lookmy.info. Стили сайта (раздел «Свой CSS»).
   Админ: инлайн-редактор оборачивает каждое слово в span.word-highlight —
   поэтому никаких правил на голый span и никакого текста прямо во flex/grid. ===== */
body{
 --kq-ink:#121735; --kq-blue:#3355ff; --kq-blue-2:#2440d8; --kq-sun:#ffcb3d; --kq-mint:#1fbf86;
 --kq-paper:#f5f6fb; --kq-line:#e2e5f1; --kq-muted:#5b6283; --kq-card:#ffffff;
 font-family:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
body:not(.theme-dark){background:#fff;color:var(--kq-ink)}
body.theme-dark{--kq-ink:#e8eaf6;--kq-paper:#141833;--kq-line:#2a3058;--kq-muted:#a6acd0;--kq-card:#1a1f40}
html,body{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}}
.kq .word-highlight,.kq-footer .word-highlight{display:inline!important}

/* --- Шапка --- */
#main-menu-panel{border-bottom:1px solid var(--kq-line)!important;box-shadow:none!important}
@media (min-width:1000px){#main-menu-panel{padding-left:24px!important;padding-right:24px!important}}
#main-menu-panel [data-module="informer_logo"]{height:auto!important}
#main-menu-panel [data-module="informer_logo"] img{height:40px!important;width:auto!important;max-height:none!important}
#main-menu-panel .menu-item-wrapper.no-admin:has(> a.menu-btn[href="/"]){display:none!important}
#main-menu-panel .menu-zone-top-center{flex:0 1 auto!important;gap:2px!important}
#main-menu-panel .menu-zone-top-center .menu-item-wrapper{padding:0!important;margin:0!important;background:transparent!important}
#main-menu-panel .menu-zone-top-center .menu-item-wrapper:hover{transform:none!important}
#main-menu-panel .menu-zone-top-center a.menu-btn{margin:0!important;padding:8px 11px!important;border-radius:10px;font-weight:600;font-size:15px;line-height:1.2}
:where(body:not(.theme-dark)) #main-menu-panel .menu-zone-top-center a.menu-btn{color:var(--kq-ink)!important}
:where(body:not(.theme-dark)) #main-menu-panel .menu-zone-top-center .menu-item-wrapper:hover{background:var(--kq-paper)!important}
#main-menu-panel a.menu-btn[href="/sozdat-kviz"]{background:var(--kq-blue)!important;color:#fff!important;border-radius:12px;padding:9px 16px!important;font-weight:700}
#main-menu-panel a.menu-btn[href="/sozdat-kviz"]:hover{background:var(--kq-blue-2)!important}
.menu-item-wrapper[data-module="auth"] .menu-icon{display:none!important}
.section-block h1.editable-title{font-family:"Rubik",sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--kq-ink)}

/* --- Главная во всю ширину --- */
.page-content > div:has(.kq-home){padding:0!important}
.page-content > div:has(.kq-home) .section-block > div:has(> h1.editable-title){display:none!important}
.kq{color:var(--kq-ink);font-size:17px;line-height:1.6}
.kq *,.kq *::before,.kq *::after{box-sizing:border-box}
.kq p{margin:0 0 1em}
.kq a{color:var(--kq-blue)}
.kq img{max-width:100%;height:auto}
.kq h1,.kq h2,.kq h3{font-family:"Rubik","Golos Text",sans-serif;letter-spacing:-.02em}
.kq-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.kq-sec{padding:96px 0;scroll-margin-top:72px}
.kq-sec--paper{background:var(--kq-paper)}
.kq-sec--ink{background:var(--kq-ink);color:#e6e9ff}
.kq h2{font-size:clamp(28px,3.6vw,46px);line-height:1.08;font-weight:700;margin:0 0 16px;max-width:22ch}
.kq-sec--ink h2{color:#fff}
.kq h3{font-size:20px;line-height:1.25;font-weight:600;margin:0 0 8px}
.kq-lead{font-size:19px;color:var(--kq-muted);max-width:62ch;margin-bottom:44px!important}
.kq-sec--ink .kq-lead{color:#b9bfe6}

.kq-btn{display:inline-block;padding:16px 26px;border-radius:14px;font-weight:700;font-size:17px;line-height:1.2;text-decoration:none!important;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s}
.kq-btn--go{background:var(--kq-blue);color:#fff!important;border-color:var(--kq-blue)}
.kq-btn--go:hover{background:var(--kq-blue-2);border-color:var(--kq-blue-2)}
.kq-btn--sun{background:var(--kq-sun);color:var(--kq-ink)!important;border-color:var(--kq-sun)}
.kq-btn--sun:hover{background:#ffbe0b;border-color:#ffbe0b}
.kq-btn--line{color:var(--kq-ink)!important;border-color:var(--kq-line);background:var(--kq-card)}
.kq-btn--line:hover{border-color:var(--kq-ink)}
.kq a:focus-visible,.kq summary:focus-visible{outline:3px solid var(--kq-sun);outline-offset:3px}

/* --- Первый экран: живой квиз --- */
.kq-hero{padding:56px 0 96px;background:var(--kq-paper)}
.kq-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.kq-hero__brand{display:inline-block;font-weight:600;font-size:15px;color:var(--kq-blue);margin-bottom:18px}
.kq-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.02;font-weight:700;letter-spacing:-.035em;margin:0 0 22px;max-width:14ch}
.kq-hero__sub{font-size:19px;line-height:1.55;color:var(--kq-muted);max-width:50ch;margin-bottom:30px!important}
.kq-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.kq-ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kq-ticks li{position:relative;padding-left:30px;font-size:16px}
.kq-ticks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--kq-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.kq-live{position:relative}
.kq-live__card{background:var(--kq-card);border-radius:26px;padding:10px;box-shadow:18px 18px 0 0 var(--kq-sun),0 0 0 1px var(--kq-line);min-height:520px;margin-right:18px}
.kq-live__note{margin:30px 0 0!important;font-size:15px;color:var(--kq-muted);text-align:center}

/* --- Квиз против формы --- */
.kq-vs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.kq-vs__col{border-radius:24px;padding:32px}
.kq-vs__col--form{background:var(--kq-card);border:1px solid var(--kq-line)}
.kq-vs__col--quiz{background:var(--kq-ink);color:#e6e9ff}
.kq-vs__col--quiz h3{color:#fff}
.kq-vs__col p{margin:0;color:inherit;opacity:.85}
.kq-mock{margin:0 0 24px;padding:18px;border-radius:16px;background:var(--kq-paper);display:grid;gap:8px}
.kq-mock i{display:block;height:12px;border-radius:6px;background:var(--kq-line)}
.kq-mock i:nth-child(odd){width:38%}
.kq-mock i:nth-child(even){height:26px;border-radius:8px;background:#fff;border:1px solid var(--kq-line)}
.kq-mock--quiz{background:rgba(255,255,255,.07)}
.kq-mock--quiz .kq-mock__bar{height:6px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}
.kq-mock--quiz .kq-mock__bar b{display:block;width:40%;height:100%;background:var(--kq-sun)}
.kq-mock__q{color:#fff;font-weight:600;font-size:16px;margin:6px 0 4px}
.kq-mock__opts{display:flex;flex-wrap:wrap;gap:8px}
.kq-mock__opts em{display:inline-block;font-style:normal;font-size:14px;padding:7px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);color:#e6e9ff}
.kq-mock__opts em.kq-on{background:var(--kq-sun);border-color:var(--kq-sun);color:var(--kq-ink);font-weight:600}

/* --- Что умеет квиз --- */
.kq-can{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 44px;list-style:none;margin:0;padding:0}
.kq-can li{position:relative;padding-top:18px;border-top:3px solid var(--kq-ink)}
.kq-can li:nth-child(1){border-top-color:var(--kq-blue)}
.kq-can li:nth-child(4){border-top-color:var(--kq-sun)}
.kq-can p{color:var(--kq-muted);margin:0;font-size:16px}

/* --- Примеры --- */
.kq-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.kq-case{display:flex;flex-direction:column;background:var(--kq-card);border:1px solid var(--kq-line);border-radius:22px;padding:24px;text-decoration:none!important;color:var(--kq-ink)!important;transition:border-color .15s,transform .15s}
.kq-case:hover{border-color:var(--kq-blue);transform:translateY(-2px)}
.kq-case__tag{display:inline-block;align-self:flex-start;font-size:13.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--kq-paper);color:var(--kq-muted);margin-bottom:16px}
.kq-case__tag--real{background:#e3f7ef;color:#0b7a52}
.kq-case h3{font-size:19px}
.kq-case p{font-size:15.5px;color:var(--kq-muted);margin:0 0 18px}
.kq-case__go{margin-top:auto;font-weight:700;color:var(--kq-blue)}

/* --- Как работает --- */
.kq-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:st}
.kq-steps li{counter-increment:st;position:relative;padding:28px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.kq-steps li::before{content:counter(st);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--kq-sun);color:var(--kq-ink);font-family:"Rubik",sans-serif;font-weight:700;font-size:20px;margin-bottom:18px}
.kq-steps h3{color:#fff}
.kq-steps p{color:#b9bfe6;margin:0;font-size:16px}
.kq-sec--ink .kq-hero__cta{margin:44px 0 0}

/* --- Конструктор форм: всё внутри --- */
.kq-all{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--kq-line);border-left:1px solid var(--kq-line)}
.kq-all li{padding:26px 24px;border-right:1px solid var(--kq-line);border-bottom:1px solid var(--kq-line)}
.kq-all h3{font-size:18px}
.kq-all p{margin:0;font-size:15.5px;color:var(--kq-muted)}

/* --- Интеграции --- */
.kq-int{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none;margin:0;padding:0}
.kq-int li{background:var(--kq-card);border-radius:18px;padding:22px;border:1px solid var(--kq-line)}
.kq-int h3{font-size:17px}
.kq-int p{margin:0;font-size:14.5px;color:var(--kq-muted);line-height:1.5}
.kq-int__more{margin-top:24px!important;font-size:16px;color:var(--kq-muted)}

/* --- Тарифы --- */
.kq-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kq-plan{border:1px solid var(--kq-line);border-radius:24px;padding:32px 28px;background:var(--kq-card);display:flex;flex-direction:column;position:relative}
.kq-plan h3{font-size:21px;margin-bottom:12px}
.kq-plan__price{font-family:"Rubik",sans-serif;font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1;margin:0 0 6px!important}
.kq-plan__price small{font-size:17px;font-weight:500;letter-spacing:0;color:var(--kq-muted)}
.kq-plan__alt{font-size:15px;color:var(--kq-muted);margin:0!important;min-height:24px}
.kq-plan ul{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:8px}
.kq-plan li{position:relative;padding-left:22px;font-size:16px}
.kq-plan li::before{content:"";position:absolute;left:2px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--kq-mint)}
.kq-plan .kq-btn{margin-top:auto;text-align:center}
.kq-plan--hit{border:2px solid var(--kq-blue)}
.kq-plan__tag{position:absolute;top:-14px;left:28px;background:var(--kq-blue);color:#fff;font-size:13.5px;font-weight:700;padding:5px 12px;border-radius:999px}
.kq-plans__note{margin-top:22px!important;font-size:15.5px;color:var(--kq-muted)}

/* --- Вопросы --- */
.kq-faq{max-width:860px}
.kq-faq details{border-bottom:1px solid var(--kq-line)}
.kq-faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-weight:600;font-size:19px;position:relative;font-family:"Rubik",sans-serif}
.kq-faq summary::-webkit-details-marker{display:none}
.kq-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:28px;line-height:1;font-weight:400;color:var(--kq-blue)}
.kq-faq details[open] summary::after{content:"−"}
.kq-faq details p{color:var(--kq-muted);margin:0 0 22px;max-width:70ch}

/* --- Финал --- */
.kq-final{background:var(--kq-blue);color:#fff;border-radius:32px;padding:64px 56px;display:grid;grid-template-columns:1.4fr auto;gap:32px;align-items:center}
.kq-final h2{color:#fff;margin:0 0 10px}
.kq-final p{color:#dfe5ff;margin:0;font-size:18px}

/* --- Внутренние страницы (интеграции, документы) --- */
.kq-doc{max-width:860px;font-size:16.5px;line-height:1.7}
.kq-doc h2{font-family:"Rubik",sans-serif;font-size:24px;font-weight:600;margin:2em 0 .6em;line-height:1.3}
.kq-doc pre{background:var(--kq-paper);border:1px solid var(--kq-line);border-radius:12px;padding:16px;overflow:auto;font-size:13.5px;line-height:1.5}
.kq-doc ol,.kq-doc ul{padding-left:1.3em}
.kq-doc li{margin-bottom:.4em}

/* --- Страница «Интеграции» (разметка fl-* как на forms.lookmy.info, в цветах квизов) --- */
.fl{--fl-ink:var(--kq-ink);--fl-text:var(--kq-ink);--fl-muted:var(--kq-muted);--fl-surface:var(--kq-card);--fl-line:var(--kq-line);--fl-primary:#3355ff;--fl-primary-2:#2440d8;--fl-teal:#1fbf86;--fl-accent:#ffcb3d;--fl-tint:#eef1ff;--fl-radius:20px;--fl-shadow:none;--fl-max:1180px;--fl-font:"Golos Text",system-ui,sans-serif;--fl-head:"Rubik","Golos Text",sans-serif}
.page-content > div:has(.fl) .section-block > div:has(> h1.editable-title){display:none!important}
.fl .word-highlight{display:inline!important}
.fl { font-family: var(--fl-font); color: var(--fl-text); line-height: 1.6; font-size: 17px; }
.fl *, .fl *::before, .fl *::after { box-sizing: border-box; }
.fl-wrap { max-width: var(--fl-max); margin: 0 auto; padding: 0 16px; }
.fl h1, .fl h2, .fl h3 { font-family: var(--fl-head); color: var(--fl-ink); letter-spacing: -.02em; margin: 0; }
.fl p { margin: 0 0 12px; }
.fl a { color: var(--fl-primary); }
.fl-h1 { font-size: clamp(32px, 5.2vw, 58px); line-height: 1.06; font-weight: 800; margin: 14px 0 18px !important; }
.fl-h2 { font-size: clamp(26px, 3.4vw, 40px); line-height: 1.15; font-weight: 800; text-align: center; margin-bottom: 12px !important; }
.fl-sub { text-align: center; color: var(--fl-muted); max-width: 680px; margin: 0 auto 36px !important; font-size: 18px; }
.fl-lead { font-size: clamp(17px, 1.6vw, 20px); color: var(--fl-muted); max-width: 560px; }
.fl-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: var(--fl-tint); color: var(--fl-primary); font-weight: 700; font-size: 14px; }
.fl-kicker::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--fl-teal); box-shadow: 0 0 0 4px rgba(14, 165, 164, .18); }
.fl-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0 0 !important; }
.fl-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 26px; border-radius: 14px; font-weight: 700; font-size: 16px; text-decoration: none !important; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.fl-btn:hover { transform: translateY(-2px); }
.fl-btn--primary { background: linear-gradient(135deg, var(--fl-primary), var(--fl-primary-2)); color: #fff !important; box-shadow: 0 12px 28px -12px rgba(79, 70, 229, .7); }
.fl-btn--ghost { background: var(--fl-surface); color: var(--fl-ink) !important; border: 1px solid var(--fl-line); }
.fl-btn--accent { background: var(--fl-accent); color: var(--fl-accent-ink) !important; box-shadow: 0 12px 28px -12px rgba(255, 138, 61, .8); }
.fl-ico { display: inline-grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 10px; color: #fff; font: 800 13px/1 var(--fl-head); }
.fl-ico--mail { background: #64748b; } .fl-ico--mail::before { content: '@'; font-size: 17px; }
.fl-ico--b24 { background: #2fc6f6; } .fl-ico--b24::before { content: 'Б24'; }
.fl-ico--amo { background: #2d6bff; } .fl-ico--amo::before { content: 'amo'; }
.fl-ico--gs { background: #1fa463; } .fl-ico--gs::before { content: '⊞'; font-size: 18px; }
.fl-ico--netos { background: #7c5cff; } .fl-ico--netos::before { content: 'N'; font-size: 16px; }
.fl-ico--table { background: var(--fl-accent); } .fl-ico--table::before { content: '≡'; font-size: 20px; }
.fl-doc { padding: 48px 0 72px; }
.fl-doc .fl-h1 { font-size: clamp(30px, 4.4vw, 48px); }
.fl-toc { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 8px; padding: 0; list-style: none; }
.fl-toc a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 8px; border-radius: 12px; background: var(--fl-surface); border: 1px solid var(--fl-line); font-weight: 700; color: var(--fl-ink) !important; text-decoration: none !important; }
.fl-toc .fl-ico { width: 28px; height: 28px; border-radius: 8px; font-size: 11px; }
.fl-block { background: var(--fl-surface); border: 1px solid var(--fl-line); border-radius: var(--fl-radius); padding: 30px; margin-top: 24px; box-shadow: var(--fl-shadow); scroll-margin-top: 90px; }
.fl-block__head { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
.fl-block__head .fl-ico { width: 48px; height: 48px; border-radius: 14px; }
.fl-block h2 { font-size: 26px; font-weight: 800; }
.fl-block h3 { font-size: 18px; font-weight: 700; margin: 18px 0 6px !important; }
.fl-block ol { padding-left: 22px; margin: 8px 0 14px; }
.fl-block ol li { margin-bottom: 8px; }
.fl-block code { background: var(--fl-tint); color: var(--fl-primary); padding: 2px 6px; border-radius: 6px; font-size: .9em; word-break: break-word; }
.fl-block pre { background: #0f1426; color: #dfe3f5; border-radius: 14px; padding: 18px; overflow: auto; font-size: 13.5px; line-height: 1.5; margin: 12px 0; }
.fl-block pre code { background: none; color: inherit; padding: 0; word-break: normal; }
.fl-note { border-left: 4px solid var(--fl-teal); background: rgba(14, 165, 164, .08); padding: 12px 16px; border-radius: 0 12px 12px 0; color: var(--fl-text); font-size: 15.5px; margin: 12px 0 0 !important; }
.fl-kicker { display: inline-block; }
.fl-kicker::before { display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; }
.fl-doc .fl-lead { max-width: 860px; }
@media (max-width:720px){.fl-block{padding:22px 18px}.fl-btn{width:100%}}

/* --- Кнопки Bootstrap на сайте --- */
.page-content .btn-primary{--bs-btn-bg:#3355ff;--bs-btn-border-color:#3355ff;--bs-btn-hover-bg:#2440d8;--bs-btn-hover-border-color:#2440d8;--bs-btn-active-bg:#2440d8;--bs-btn-active-border-color:#2440d8}

/* --- Подвал --- */
#menu-footer:has(.kq-footer){padding:0!important;margin:0!important;display:block!important}
#menu-footer:has(.kq-footer) .footer-col:has(.kq-footer){display:block!important;width:100%;padding:0!important}
#menu-footer:has(.kq-footer) .footer-col:not(:has(.kq-footer)):not(:has(.admin-mode)){display:none!important}
#menu-footer .menu-zone-bottom-left:has(.kq-footer){display:block!important}
#menu-footer .menu-item-wrapper:has(.kq-footer){width:100%!important;display:block!important;padding:0!important}
.kq-footer{background:var(--kq-ink);color:#b9bfe6;padding:56px 24px 28px;font-size:15px;line-height:1.6}
.kq-footer__grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.kq-footer b{display:block;color:#fff;margin-bottom:12px;font-size:15px}
.kq-footer a{display:block;color:#cfd4f5!important;text-decoration:none!important;margin-bottom:8px}
.kq-footer a:hover{color:#fff!important}
.kq-footer__brand p{max-width:320px;margin:0 0 10px}
.kq-footer__name{font-family:"Rubik",sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:10px!important}

/* --- Адаптив --- */
@media (max-width:1100px){
 .kq-cases{grid-template-columns:1fr 1fr}
 .kq-int{grid-template-columns:repeat(3,1fr)}
 .kq-all{grid-template-columns:1fr 1fr}
}
@media (max-width:1000px){
 .kq-hero__grid,.kq-vs{grid-template-columns:1fr}
 .kq-can{grid-template-columns:1fr 1fr}
 .kq-steps{grid-template-columns:1fr}
 .kq-plans{grid-template-columns:1fr;max-width:520px}
 .kq-final{grid-template-columns:1fr;padding:44px 32px}
 .kq-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
 .kq{font-size:16px}
 .kq-sec{padding:64px 0}
 .kq-wrap{padding:0 16px}
 .kq-hero{padding:32px 0 64px}
 .kq-hero__sub{font-size:17px}
 .kq-live__card{box-shadow:10px 10px 0 0 var(--kq-sun),0 0 0 1px var(--kq-line);margin-right:10px}
 .kq-live__card{min-height:480px;padding:6px}
 .kq-can,.kq-cases,.kq-all,.kq-int{grid-template-columns:1fr}
 .kq-vs__col{padding:24px}
 .kq-final{padding:36px 22px;border-radius:24px}
 .kq-footer__grid{grid-template-columns:1fr}
 .kq-footer{padding:40px 16px 24px}
}