﻿.tests-home-section{padding-top:18px}.tests-home-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding:64px 70px;border-radius:26px;background:linear-gradient(135deg,#dceaff,#edf5ff 55%,#dff0e8);border:1px solid #bfd2e7}.tests-home-copy h2{font:400 clamp(46px,4.5vw,70px)/1 Georgia,serif;letter-spacing:-.045em;margin:20px 0}.tests-home-copy p{max-width:700px;color:#50615b;font-size:18px;margin-bottom:28px}.tests-home-visual{position:relative;min-height:300px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#123f34;color:white;box-shadow:0 25px 55px rgba(18,63,52,.18)}.tests-home-visual b{font:400 58px/1 Georgia,serif;color:var(--lime)}.tests-home-visual i,.tests-home-visual em{position:absolute;padding:10px 14px;background:var(--white);color:var(--ink);border-radius:30px;font:800 12px Arial;font-style:normal;box-shadow:0 10px 25px rgba(16,44,38,.12)}.tests-home-visual i{left:-20px;top:58px}.tests-home-visual em{right:-18px;bottom:58px}.tests-orbit{position:absolute;inset:22px;border:1px solid rgba(200,240,74,.55);border-radius:50%}.tests-orbit-two{inset:54px;border-color:rgba(255,255,255,.22)}
.tests-page{min-height:70vh}.tests-hero{padding:90px 0 70px;display:grid;grid-template-columns:1fr 300px;gap:70px;align-items:center}.tests-hero h1{font:400 clamp(58px,6vw,92px)/.98 Georgia,serif;letter-spacing:-.05em;margin:22px 0}.tests-hero h1 em{font-style:normal;color:var(--green)}.tests-hero p{font-size:20px;color:var(--muted);max-width:760px}.tests-hero-mark{width:260px;height:260px;border-radius:50%;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;box-shadow:0 22px 50px rgba(16,44,38,.18)}.tests-hero-mark b{font:400 52px/1 Georgia,serif;color:var(--lime)}.tests-hero-mark span{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.tests-catalog{padding-top:65px}.tests-heading{margin-bottom:40px}.tests-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.test-card{position:relative;min-height:370px;padding:34px;background:var(--white);border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.test-card:before{content:"";position:absolute;width:180px;height:180px;border:28px solid #dceaff;border-radius:50%;right:-58px;top:-72px}.test-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.test-card-top span{font:700 14px Georgia,serif}.test-card-top b{padding:7px 11px;border-radius:30px;background:#e7f4d7;color:#3f6620;font-size:12px;text-transform:uppercase}.test-card>small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--green)}.test-card h2{font:400 38px/1.05 Georgia,serif;letter-spacing:-.035em;margin:10px 0 14px}.test-card p{color:var(--muted);font-size:15px;max-width:620px}.test-card-footer{position:relative;z-index:2;margin-top:auto;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.test-card-footer>span:first-child{font-size:12px;font-weight:800}.tests-empty{text-align:center;padding:70px 30px;border:1px dashed #aeb9b4;border-radius:20px;background:rgba(255,255,255,.35)}.tests-empty b{font:400 38px Georgia,serif}.tests-empty p{color:var(--muted);margin:10px 0 25px}
@media(max-width:1050px){.tests-home-card{grid-template-columns:1fr;padding:50px}.tests-home-visual{max-width:480px;width:100%;justify-self:center}.tests-hero{grid-template-columns:1fr}.tests-hero-mark{display:none}}
@media(max-width:700px){.tests-home-card{padding:32px 24px;gap:35px}.tests-home-copy p{font-size:16px}.tests-home-visual{min-height:240px}.tests-home-visual i{left:8px}.tests-home-visual em{right:8px}.tests-hero{padding:55px 0 25px}.tests-hero h1{font-size:52px}.tests-hero p{font-size:17px}.tests-grid{grid-template-columns:1fr}.test-card{padding:26px;min-height:350px}.test-card h2{font-size:34px}.test-card-footer{align-items:flex-start;flex-direction:column}.test-card-footer .button{width:100%}}
.tests-hero-mark{text-decoration:none}
.tests-hero-mark img{display:block;width:210px;height:auto;margin:0 auto 12px}

/* Главная: интерактивный визуал психологических тестов */
.tests-home-visual{position:relative;min-height:330px;border-radius:24px;padding:24px;display:block;text-align:left;background:linear-gradient(145deg,#123f34,#0d3028);color:white;box-shadow:0 25px 55px rgba(18,63,52,.2);overflow:hidden}
.tests-home-visual:before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(200,240,74,.22);border-radius:50%;right:-90px;top:-90px}
.tests-visual-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#b9cec7}
.tests-home-visual .tests-visual-head b{padding:7px 11px;border-radius:30px;background:rgba(200,240,74,.14);color:var(--lime);font:900 10px Arial,sans-serif}
.tests-stroop-card{position:relative;z-index:2;margin-top:22px;padding:24px 24px 20px;border-radius:17px;background:#f7f4ea;color:var(--ink);box-shadow:0 16px 32px rgba(0,0,0,.18)}
.tests-stroop-card small{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:#718079}
.tests-stroop-card strong{display:block;margin:10px 0 18px;font:900 clamp(34px,3.5vw,52px)/1 Arial,sans-serif;letter-spacing:-.045em;color:#e4574f}
.tests-color-choices{display:flex;gap:9px}
.tests-home-visual .tests-color-choices i{position:static;padding:0;width:32px;height:10px;border-radius:20px;box-shadow:none}
.tests-color-choices .choice-red{background:#e4574f}.tests-color-choices .choice-yellow{background:#e2b73a}.tests-color-choices .choice-green{background:#2b8a68}
.tests-reaction-row{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-right:24px}
.tests-reaction-row span{padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#9fb6ae;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.tests-home-visual .tests-reaction-row b{display:block;margin-bottom:2px;color:white;font:700 20px Georgia,serif;text-transform:none;letter-spacing:0}
.tests-traffic-light{position:absolute;z-index:3;right:13px;bottom:22px;display:grid;gap:5px;padding:7px;border-radius:14px;background:#081c18;transform:rotate(8deg);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.tests-home-visual .tests-traffic-light i{position:static;padding:0;width:11px;height:11px;border-radius:50%;background:#e4574f;box-shadow:none}.tests-home-visual .tests-traffic-light i:nth-child(2){background:#e2b73a}.tests-home-visual .tests-traffic-light i:nth-child(3){background:#2b8a68}
@media(max-width:1050px){.tests-home-visual{max-width:540px}}
@media(max-width:700px){.tests-home-copy,.tests-home-visual{min-width:0}.tests-home-copy h2{font-size:34px;overflow-wrap:normal}.tests-home-visual{min-height:310px;padding:18px}.tests-stroop-card{padding:20px}.tests-stroop-card strong{font-size:38px}.tests-home-visual .tests-reaction-row b{font-size:17px}}

/* Универсальная иконографика раздела психологии водителя. */
.driver-psych-visual{min-height:330px;padding:24px;display:flex;flex-direction:column;text-align:left}
.driver-mind-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(150px,.8fr) 1.2fr;align-items:center;gap:18px;flex:1;margin:18px 0 14px;padding:18px 22px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(247,243,235,.96);color:var(--ink)}
.driver-mind-card svg{display:block;width:100%;max-height:150px}.driver-mind-card small{display:block;margin-bottom:8px;color:#6a7e78;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.driver-mind-card strong{display:block;font:400 clamp(24px,2.2vw,34px)/1.05 Georgia,serif;letter-spacing:-.03em}
.driver-profile{fill:#dce9e4;stroke:#123f34;stroke-width:4;stroke-linejoin:round}.driver-face,.mind-link,.steering-spokes{fill:none;stroke:#123f34;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mind-node{fill:var(--lime);stroke:#123f34;stroke-width:3}.node-b{fill:#77d8c0}.node-c{fill:#f1bd48}.driver-road{fill:none;stroke:#b8cbc4;stroke-width:7;stroke-linecap:round;stroke-dasharray:11 10}.steering{fill:none;stroke:#123f34;stroke-width:7}
.driver-skill-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.driver-skill-row span{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#dbe8e3;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.driver-skill-row i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(200,240,74,.13);color:var(--lime);font-style:normal;font-size:15px}
@media(max-width:700px){.driver-psych-visual{min-height:330px}.driver-mind-card{grid-template-columns:120px 1fr;padding:14px;gap:12px}.driver-mind-card strong{font-size:23px}.driver-skill-row{gap:5px}.driver-skill-row span{justify-content:center;padding:8px 5px;font-size:8px}.driver-skill-row i{display:none}}

/* Главная: три навыка без перегруженной инфографики. */
.tests-home-benefits{display:flex;flex-wrap:wrap;gap:10px;margin:-8px 0 24px}
.tests-home-benefits span{padding:8px 12px;border:1px solid #b9cfe2;border-radius:30px;background:rgba(255,255,255,.58);color:#294e45;font-size:12px;font-weight:900}
.tests-home-visual.psych-skills-panel{min-height:390px;padding:26px;display:flex;flex-direction:column;border-radius:24px;background:linear-gradient(145deg,#123f34,#0b2d26);color:white;overflow:hidden}
.tests-home-visual.psych-skills-panel:before{content:"";display:block;position:absolute;width:240px;height:240px;right:-120px;top:-120px;border:1px solid rgba(200,240,74,.2);border-radius:50%}
.psych-panel-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#b9cec7;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.psych-panel-head b{padding:7px 11px;border-radius:30px;background:rgba(200,240,74,.14);color:var(--lime);font:900 10px Arial,sans-serif}
.psych-skill-list{position:relative;z-index:1;display:grid;gap:11px;margin-top:24px}
.psych-skill-card{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:16px;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07)}
.psych-skill-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--lime);color:var(--ink)}
.psych-skill-icon svg{display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.psych-skill-card:nth-child(2) .psych-skill-icon svg{fill:currentColor;stroke:none}
.psych-skill-card strong{display:block;margin-bottom:2px;font:400 26px/1 Georgia,serif;letter-spacing:-.02em}
.psych-skill-card small{display:block;color:#b8cbc4;font-size:11px}
@media(max-width:1050px){.tests-home-visual.psych-skills-panel{max-width:620px;width:100%;min-height:370px;justify-self:center}}
@media(max-width:700px){.tests-home-benefits{margin-bottom:20px}.tests-home-visual.psych-skills-panel{min-height:auto;padding:18px}.psych-skill-list{margin-top:18px}.psych-skill-card{grid-template-columns:50px 1fr;padding:13px;gap:12px}.psych-skill-icon{width:48px;height:48px;border-radius:13px}.psych-skill-icon svg{width:29px;height:29px}.psych-skill-card strong{font-size:22px}.psych-skill-card small{font-size:10px}}
.test-card>small,.test-card h2,.test-card>p{position:relative;z-index:2}
