/*
Theme Name: Урок+
Theme URI: https://урокплюс.рф/
Author: Урок+
Description: Корпоративная тема WordPress для компании «Урок+» — образовательные решения под ключ.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: urok-plus
*/

:root{
 --bg:#031f3d;--bg2:#062f59;--panel:#083f73;--panel2:#0a4d86;
 --cyan:#19d4e9;--cyan2:#57e7f4;--orange:#ff6b4f;--white:#f8fcff;
 --muted:#a9c9dd;--line:rgba(25,212,233,.22);--shadow:0 25px 70px rgba(0,0,0,.24);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:
 radial-gradient(circle at 15% 5%,rgba(25,212,233,.09),transparent 26%),
 radial-gradient(circle at 90% 40%,rgba(255,107,79,.07),transparent 25%),var(--bg);line-height:1.5}
body:before,body:after{content:"";position:fixed;z-index:-1;width:520px;height:180px;border:1px solid rgba(25,212,233,.12);border-radius:50%;transform:rotate(-12deg);pointer-events:none}
body:before{right:-230px;top:150px;box-shadow:0 24px rgba(25,212,233,.05),0 48px rgba(25,212,233,.04),0 72px rgba(25,212,233,.03)}
body:after{left:-250px;bottom:120px;transform:rotate(14deg)}
a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}
header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(3,31,61,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(25,212,233,.16)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-size:27px;font-weight:950;letter-spacing:.04em}.logo i{color:var(--orange);font-style:normal}
nav{display:flex;gap:26px;font-size:14px;color:#d8edf7}nav a{transition:.2s}nav a:hover{color:var(--cyan)}
.nav-actions{display:flex;gap:10px;align-items:center}.phone{font-weight:800;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:12px;font-weight:850;border:1px solid transparent;transition:.25s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}.primary{background:var(--orange);box-shadow:0 12px 35px rgba(255,107,79,.18)}.outline{border-color:var(--line);background:rgba(255,255,255,.035)}
.menu{display:none;background:none;border:0;color:white;font-size:25px}
.hero{padding:150px 0 70px;min-height:820px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:65px;align-items:center}
.eyebrow{color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:13px}
h1{font-size:clamp(70px,9vw,116px);line-height:.84;margin:15px 0 17px;font-weight:1000;letter-spacing:-.045em}
h1 span{color:var(--orange)}.lead{font-size:23px;max-width:590px;color:#eaf7fc;margin:0 0 24px}
.slogan{font-size:clamp(27px,3.25vw,47px);font-weight:900;line-height:1.08;letter-spacing:-.025em}
.slogan b{color:var(--orange)}.hero-copy{color:var(--muted);font-size:16px;max-width:550px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-card{position:relative;border:1px solid var(--line);border-radius:30px;padding:13px;background:linear-gradient(145deg,rgba(25,212,233,.16),rgba(255,255,255,.03));box-shadow:var(--shadow)}
.hero-card img{width:100%;height:510px;object-fit:cover;object-position:center;border-radius:22px;display:block;filter:saturate(1.05)}
.badge{position:absolute;left:28px;bottom:28px;padding:14px 17px;border-radius:14px;background:rgba(3,31,61,.88);border:1px solid var(--line);backdrop-filter:blur(10px);font-weight:850}
.badge small{display:block;color:var(--cyan);font-weight:700;margin-bottom:2px}
.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.025)}
.mini-stat{padding:22px 14px;text-align:center;border-right:1px solid var(--line)}.mini-stat:last-child{border:0}
.mini-stat strong{display:block;font-size:28px;color:var(--orange)}.mini-stat span{font-size:12px;color:var(--muted)}
section{padding:100px 0}.dark{background:linear-gradient(180deg,rgba(6,47,89,.6),rgba(3,31,61,.4));border-top:1px solid rgba(25,212,233,.08);border-bottom:1px solid rgba(25,212,233,.08)}
.section-head{text-align:center;margin-bottom:48px}.section-head h2{font-size:clamp(36px,5vw,57px);line-height:1.02;margin:8px 0 13px;letter-spacing:-.03em}.section-head p{max-width:700px;margin:auto;color:var(--muted)}
.features{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.feature{padding:28px 18px;min-height:185px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,rgba(10,77,134,.6),rgba(3,31,61,.65));transition:.3s}
.feature:hover{transform:translateY(-7px);border-color:rgba(25,212,233,.6);box-shadow:0 20px 45px rgba(0,0,0,.18)}
.feature .num{color:var(--orange);font-size:13px;font-weight:900}.feature .ico{font-size:34px;color:var(--cyan);margin:13px 0 10px}.feature h3{margin:0 0 5px;font-size:17px}.feature p{margin:0;color:var(--muted);font-size:13px}
.solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.solution{overflow:hidden;border-radius:23px;background:linear-gradient(160deg,#0a4d86,#063661);border:1px solid var(--line);transition:.3s}
.solution:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(25,212,233,.55)}
.solution .photo{height:215px;position:relative;overflow:hidden}.solution img{width:100%;height:100%;object-fit:cover;display:block;transition:.45s}.solution:hover img{transform:scale(1.045)}
.solution .label{position:absolute;top:0;left:0;background:var(--orange);padding:10px 15px;font-weight:950;border-radius:0 0 13px 0}.solution .body{padding:22px}.solution h3{margin:0 0 8px;font-size:22px}.solution p{color:var(--muted);font-size:14px;margin:0 0 15px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{font-size:11px;border:1px solid var(--line);padding:6px 9px;border-radius:100px;color:#d9f8fc}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split h2{font-size:clamp(36px,5vw,58px);line-height:1.02;margin:10px 0 18px}.split p{color:var(--muted);font-size:17px}
.checks{display:grid;gap:12px;margin-top:26px}.check{display:flex;gap:12px;align-items:flex-start}.check i{color:var(--cyan);font-style:normal;font-weight:900}.check span{color:#dceff7}
.numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.number{padding:28px;border-radius:20px;border:1px solid var(--line);background:rgba(8,63,115,.45)}.number strong{display:block;font-size:39px;color:var(--orange)}.number span{color:var(--muted);font-size:13px}
.process{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.step{padding:23px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(8,63,115,.38)}.step b{font-size:29px;color:var(--orange)}.step h3{font-size:15px;margin:8px 0}.step p{font-size:12px;color:var(--muted);margin:0}
.cta{padding:75px 0}.cta-box{border-radius:28px;border:1px solid var(--line);padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:
radial-gradient(circle at 80% 30%,rgba(25,212,233,.18),transparent 32%),linear-gradient(135deg,#074a82,#032b52);box-shadow:var(--shadow)}
.cta h2{font-size:clamp(32px,4.5vw,55px);margin:0 0 10px;line-height:1.02}.cta p{margin:0;color:var(--muted);max-width:620px}
.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}.contact h2{font-size:clamp(38px,5vw,62px);line-height:1.02;margin:10px 0}.contact p{color:var(--muted);font-size:17px}.person{font-size:27px;font-weight:900;margin-top:28px}.contact-phone{font-size:30px;font-weight:950;margin:6px 0 20px}.qrs{display:flex;gap:18px;justify-content:center}.qr{background:white;padding:9px;border-radius:18px;width:170px}.qr img{width:100%;display:block}.qr small{display:block;text-align:center;color:#173d5f;font-weight:900;padding-top:6px}
footer{padding:25px 0;background:#021b34;color:#7fa9c1;font-size:12px}.footer{display:flex;justify-content:space-between;gap:15px}
.modal{position:fixed;inset:0;z-index:200;background:rgba(0,10,25,.76);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{width:min(520px,100%);background:#06365f;border:1px solid var(--line);border-radius:24px;padding:30px;position:relative;box-shadow:var(--shadow)}.close{position:absolute;right:16px;top:12px;border:0;background:none;color:white;font-size:28px;cursor:pointer}.modal h3{font-size:28px;margin:0 0 7px}.modal p{color:var(--muted);margin:0 0 20px}.field{margin:12px 0}.field label{display:block;font-size:12px;color:#bcd9e7;margin-bottom:6px}.field input,.field textarea{width:100%;border:1px solid var(--line);background:#032b52;color:white;border-radius:11px;padding:13px;font:inherit;outline:none}.field textarea{min-height:100px;resize:vertical}.form-note{font-size:11px;color:#7fa9c1;margin-top:10px}
@media(max-width:1000px){nav{display:none}.menu{display:block}.phone{display:none}.hero-grid{grid-template-columns:1fr}.hero-card img{height:420px}.features{grid-template-columns:repeat(2,1fr)}.solutions{grid-template-columns:1fr 1fr}.process{grid-template-columns:repeat(3,1fr)}.split,.contact-grid{grid-template-columns:1fr}.cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.nav{height:66px}.nav-actions .btn{display:none}.hero{padding-top:110px}.hero-card img{height:300px}.hero-grid{gap:35px}.lead{font-size:19px}.slogan{font-size:30px}.actions .btn{width:100%}.mini-stats{grid-template-columns:repeat(2,1fr)}.mini-stat:nth-child(2){border-right:0}.mini-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}section{padding:70px 0}.features,.solutions,.process,.numbers{grid-template-columns:1fr}.cta-box{padding:32px}.qrs{justify-content:flex-start}.qr{width:145px}.footer{flex-direction:column}}