:root{--blue:#0b4ea2;--dark:#062f62;--orange:#f59e0b;--ink:#172033;--muted:#68758a;--line:#e3eaf2;--soft:#f5f8fc;--shadow:0 16px 48px rgba(16,48,85,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.75}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{color:#d9e7f7;background:#082f61;font-size:13px}.topbar .container{height:38px;display:flex;align-items:center;justify-content:space-between}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);box-shadow:0 3px 18px rgba(12,46,84,.08);backdrop-filter:blur(12px)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;min-width:310px}.logo{width:49px;height:49px;display:grid;place-items:center;flex:0 0 auto;color:#fff;border-radius:13px;background:linear-gradient(145deg,#1670d6,#083b7d);box-shadow:0 8px 18px #0b4ea23b}.logo svg{width:35px;fill:currentColor}.brand strong,.brand small{display:block}.brand strong{color:#173b66;font-size:17px;line-height:1.3;white-space:nowrap}.brand small{color:#8290a5;font-size:9px;letter-spacing:1.4px;margin-top:3px}.header nav{display:flex;gap:22px;font-size:14px;font-weight:700}.header nav a{position:relative;padding:29px 0 26px;white-space:nowrap}.header nav a:after{content:"";position:absolute;bottom:15px;left:50%;right:50%;height:3px;border-radius:3px;background:var(--blue);transition:.25s}.header nav a:hover,.header nav a.active{color:var(--blue)}.header nav a:hover:after,.header nav a.active:after{left:0;right:0}.menu{display:none;width:42px;height:42px;border:0;border-radius:8px;background:#eaf3ff}.menu i{display:block;height:2px;margin:5px;background:var(--blue)}.hero{min-height:650px;display:flex;align-items:center;position:relative;color:#fff;background:#123d6c url(../images/hero-driving-school.png) center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,52,.95),rgba(5,47,94,.82) 42%,rgba(5,45,88,.22) 74%)}.hero-content{position:relative;padding:75px 0 65px}.eyebrow{color:#d5e7ff;letter-spacing:3px}.eyebrow:before{content:"";display:inline-block;width:34px;height:3px;margin:0 12px 4px 0;background:var(--orange)}.hero h1{max-width:760px;margin:12px 0;font-size:clamp(42px,5vw,68px);line-height:1.2}.hero h1 em{color:#ffc45f;font-style:normal}.hero-copy{max-width:650px;color:#d9e3ee;font-size:18px}.actions{display:flex;gap:13px;margin-top:28px}.btn{min-height:48px;padding:0 29px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;cursor:pointer;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,#faaa10,#ed8300);box-shadow:0 10px 24px #e986004a}.ghost{color:#fff;border:1px solid #ffffff80;background:#ffffff0f}.hero-points{display:flex;padding:0;margin:46px 0 0;list-style:none}.hero-points li{min-width:155px;padding:0 26px;border-left:1px solid #ffffff3b}.hero-points li:first-child{padding-left:0;border:0}.hero-points b,.hero-points span{display:block}.hero-points b{font-size:21px}.hero-points span{color:#ffffffa8;font-size:12px}.quick{position:relative;z-index:3;margin-top:-38px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);border-radius:15px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.quick-grid a{padding:25px 26px;display:flex;align-items:center;gap:15px;border-right:1px solid var(--line);transition:.25s}.quick-grid a:last-child{border:0}.quick-grid a:hover{color:#fff;background:var(--blue)}.quick-grid i{width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;color:var(--blue);border-radius:50%;background:#eaf3ff;font-style:normal;font-weight:900}.quick-grid a:hover i{background:#fff}.quick-grid b,.quick-grid small{display:block}.quick-grid small{color:var(--muted);font-size:11px}.quick-grid a:hover small{color:#ffffffb5}.section{padding:92px 0}.soft{background:var(--soft)}.heading{text-align:center;margin:0 auto 42px}.heading small{color:var(--blue);font-weight:900;letter-spacing:2.4px}.heading h2{margin:3px 0 10px;color:#193b64;font-size:34px;line-height:1.4}.heading h2:after{content:"";display:block;width:45px;height:3px;margin:12px auto;background:var(--orange)}.heading p{max-width:680px;margin:auto;color:var(--muted)}.heading.left{text-align:left;margin-bottom:18px}.heading.left h2:after,.heading.row h2:after{margin-left:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-photo{min-height:470px;position:relative;border-radius:18px;background:linear-gradient(145deg,#0b4ea21c,#083f7d45),url(../images/hero-driving-school.png) 72% center/cover;box-shadow:var(--shadow)}.about-photo>div{position:absolute;right:-25px;top:-28px;width:135px;height:135px;display:grid;place-content:center;text-align:center;color:#fff;border:7px solid #fff;border-radius:50%;background:linear-gradient(145deg,#ffb22d,#e67a00)}.about-photo b,.about-photo span{display:block}.about-photo b{font-size:29px}.about-photo span{font-size:12px}.copy h3{font-size:18px}.copy p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:27px}.stats div{padding:14px 7px;text-align:center;border-radius:10px;background:var(--soft)}.stats b,.stats span{display:block}.stats b{color:var(--blue);font-size:25px}.stats span{color:var(--muted);font-size:11px}.cards{display:grid;gap:23px}.three{grid-template-columns:repeat(3,1fr)}.six{grid-template-columns:repeat(3,1fr)}.course{padding:32px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(20,49,84,.06);transition:.25s}.course:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.course>div{display:flex;align-items:center;justify-content:space-between}.course>div span{padding:4px 10px;color:#a55b00;border-radius:20px;background:#fff0d5;font-size:11px}.course>div b{width:62px;height:62px;display:grid;place-items:center;color:var(--blue);border-radius:17px;background:#eaf3ff;font-size:27px}.course h3{margin:22px 0 8px}.course p{color:var(--muted);font-size:14px}.course ul{padding:17px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}.course li{position:relative;padding:4px 0 4px 20px;color:#506075;font-size:13px}.course li:before{content:"✓";position:absolute;left:0;color:#1eaa68;font-weight:900}.course>a{color:var(--blue);font-weight:800;font-size:14px}.note{text-align:center;color:#8995a5;font-size:12px}.advantages{color:#fff;background:radial-gradient(circle at 90% 5%,#176ec45c,transparent 28%),linear-gradient(135deg,#052a59,#0a478f)}.heading.light h2{color:#fff}.heading.light small{color:#7bb9ff}.heading.light p{color:#ffffffa6}.adv{padding:30px;border:1px solid #ffffff1f;border-radius:14px;background:#ffffff0e;transition:.25s}.adv:hover{transform:translateY(-5px);background:#ffffff17}.adv i,.steps i,.contact-list i{width:48px;height:48px;display:grid;place-items:center;color:#ffd27c;border:1px solid #ffc55b80;border-radius:12px;font-style:normal;font-weight:900}.adv h3{margin:15px 0 6px}.adv p{margin:0;color:#ffffffa1;font-size:13px}.coach{padding:27px;display:flex;gap:17px;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.coach>i{width:67px;height:67px;display:grid;place-items:center;flex:0 0 auto;color:#fff;border-radius:18px;background:linear-gradient(145deg,#287fd0,#0a3e7c);font-style:normal;font-size:26px;font-weight:900}.coach h3{margin:0}.coach b{color:var(--blue);font-size:12px}.coach p{margin:7px 0 0;color:var(--muted);font-size:13px}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;padding:0;list-style:none}.steps li{position:relative;padding:22px 10px;text-align:center;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(16,45,78,.07)}.steps li:not(:last-child):after{content:"›";position:absolute;right:-12px;top:50%;z-index:2;width:24px;height:24px;margin-top:-12px;color:var(--blue);border-radius:50%;background:#dcecff;font-size:24px;line-height:21px}.steps i{margin:0 auto 12px;color:var(--blue);border:0;border-radius:50%;background:#eaf3ff}.steps b,.steps span{display:block}.steps span{color:var(--muted);font-size:11px}.heading.row{display:flex;align-items:end;justify-content:space-between;text-align:left}.heading.row>a{color:var(--blue);font-weight:800}.news{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}.news-main{display:grid;grid-template-columns:46% 54%;border-radius:17px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.news-main>div{min-height:330px;background:linear-gradient(#05366a22,#05284c9c),url(../images/hero-driving-school.png) 66% center/cover}.news-main>section{padding:32px}.news-main time{color:#919dad;font-size:12px}.news-main h3{font-size:21px}.news-main p{color:var(--muted);font-size:14px}.news-main a{color:var(--blue);font-weight:800}.news-list{border-top:1px solid var(--line)}.news-list article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.news-list time{min-width:65px;color:#98a3b1;text-align:center;font-size:10px}.news-list time b{display:block;color:var(--blue);font-size:27px}.news-list h3{margin:0;font-size:16px}.news-list p{margin:4px 0 0;color:var(--muted);font-size:12px}.signup{padding:77px 0;color:#fff;background:linear-gradient(105deg,#062750fa,#08509ded),url(../images/hero-driving-school.png) center/cover}.signup-grid{display:grid;grid-template-columns:1fr 430px;gap:85px;align-items:center}.signup-grid>div>small{color:#8bc4ff;letter-spacing:2px}.signup-grid h2{margin:7px 0;font-size:36px}.signup-grid>div p{color:#ffffffac}.signup-grid>div>a span,.signup-grid>div>a b{display:block}.signup-grid>div>a b{color:#ffd17a;font-size:30px}.signup form{padding:28px;color:var(--ink);border-radius:15px;background:#fff;box-shadow:0 20px 50px #0000003d}.signup form h3{text-align:center;margin:0 0 18px}.signup label{display:block;margin-bottom:11px;color:#58677a;font-size:12px}.signup input,.signup select{width:100%;height:44px;padding:0 12px;margin-top:4px;border:1px solid #dce4ed;border-radius:7px;outline:none}.signup input:focus,.signup select:focus{border-color:var(--blue)}.signup form .btn{width:100%;margin-top:5px}.signup form>p{text-align:center;color:#98a2b0;font-size:10px}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px}.contact-list article{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.contact-list i{color:var(--blue);border:0;background:#eaf3ff}.contact-list b,.contact-list span{display:block}.contact-list span{color:var(--muted);font-size:13px}.contact-list a{color:var(--blue);font-weight:800}.map{min-height:350px;display:grid;place-content:center;text-align:center;position:relative;border:1px solid #d6e2ee;border-radius:17px;background:repeating-linear-gradient(28deg,#edf3f8 0 38px,#fff 39px 62px);overflow:hidden}.map:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#fff 48% 53%,transparent 53%);transform:rotate(18deg)}.map i,.map b,.map span{position:relative}.map i{width:55px;height:55px;margin:auto;display:grid;place-items:center;color:#fff;border:5px solid #fff;border-radius:50%;background:#e34d43;font-style:normal}.map b{margin-top:8px}.map span{color:var(--muted);font-size:12px}footer{color:#ffffffaa;background:#071e3b}.footer-grid{padding:55px 0 42px;display:grid;grid-template-columns:1.6fr .8fr 1fr .55fr;gap:45px}.footer-grid .brand{min-width:0}.footer-grid .brand strong{color:#fff;white-space:normal}.footer-grid>div>p{font-size:12px}.footer-grid h3{color:#fff}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.qr{width:94px;height:94px;display:grid;place-items:center;text-align:center;color:#788596;border:7px solid #fff;background:repeating-linear-gradient(45deg,#dbe1e8 0 4px,#fff 4px 8px);font-size:11px;font-weight:900}.copyright{padding:15px 0;border-top:1px solid #ffffff12;font-size:11px}.copyright .container{display:flex;justify-content:space-between}.copyright i{font-style:normal}.floating{position:fixed;right:14px;bottom:38px;z-index:45;width:62px;border-radius:9px;background:#fff;box-shadow:0 8px 28px #142f5033;overflow:hidden}.floating a,.floating button{width:100%;padding:8px 2px;display:block;color:var(--blue);border:0;border-bottom:1px solid var(--line);background:#fff;text-align:center;cursor:pointer;font-size:19px}.floating span{display:block;color:#536176;font-size:9px}.floating a:hover,.floating button:hover{color:#fff;background:var(--blue)}.floating a:hover span,.floating button:hover span{color:#fff}#top{opacity:0;pointer-events:none}#top.show{opacity:1;pointer-events:auto}.modal{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal>div{position:absolute;inset:0;background:#06172dbd;backdrop-filter:blur(4px)}.modal>section{position:relative;z-index:1;width:min(470px,100%);padding:34px;text-align:center;border-radius:17px;background:#fff}.modal section>button:first-child{position:absolute;right:11px;top:4px;border:0;background:none;color:#8793a3;font-size:29px}.modal section>i{width:55px;height:55px;margin:auto;display:grid;place-items:center;color:#fff;border-radius:50%;background:#22a76a;font-style:normal;font-size:27px}.modal h2{margin:10px 0 0}.modal p{color:var(--muted);font-size:13px}.modal textarea{width:100%;height:120px;padding:11px;resize:none;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.modal .btn{width:100%;margin-top:12px}.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.brand{min-width:275px}.brand strong{font-size:15px}.header nav{gap:13px}.course{padding:26px}}@media(max-width:920px){.topbar span{display:none}.topbar .container{justify-content:flex-end}.menu{display:block}.header nav{position:fixed;top:120px;right:0;bottom:0;width:min(350px,88vw);padding:17px 24px;display:block;background:#fff;box-shadow:-10px 15px 30px #132c4b29;transform:translateX(110%);transition:.25s}.header nav.open{transform:none}.header nav a{display:block;padding:12px 4px;border-bottom:1px solid var(--line)}.header nav a:after{display:none}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid a:nth-child(2){border-right:0}.split{grid-template-columns:1fr;gap:50px}.three{grid-template-columns:1fr 1fr}.three>*:last-child{grid-column:1/-1}.six{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}.steps li:nth-child(3):after{display:none}.news{grid-template-columns:1fr}.signup-grid{grid-template-columns:1fr 390px;gap:38px}.contact{grid-template-columns:1fr 1.2fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.qr{display:none}}@media(max-width:680px){.container{width:calc(100% - 28px)}.topbar{display:none}.nav-wrap{height:70px}.brand{min-width:0}.logo{width:42px;height:42px}.brand strong{max-width:220px;white-space:normal;font-size:13px}.brand small{display:none}.header nav{top:70px}.hero{min-height:640px;background-position:63% center}.hero:before{background:#062b56d9}.hero h1{font-size:39px}.hero-copy{font-size:15px}.actions{width:210px;flex-direction:column}.hero-points li{min-width:0;padding:0 12px}.hero-points b{font-size:17px}.hero-points span{font-size:9px}.quick{margin-top:0}.quick-grid{width:100%;border-radius:0}.quick-grid a{padding:18px 12px;gap:9px}.quick-grid i{width:41px;height:41px}.quick-grid b{font-size:13px}.quick-grid small{font-size:9px}.section{padding:65px 0}.heading h2{font-size:29px}.about-photo{min-height:330px}.about-photo>div{right:-5px;width:110px;height:110px}.stats{grid-template-columns:1fr 1fr}.three,.six{grid-template-columns:1fr}.three>*:last-child{grid-column:auto}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(3):after{display:block}.steps li:nth-child(even):after{display:none}.news-main{grid-template-columns:1fr}.news-main>div{min-height:220px}.signup-grid{grid-template-columns:1fr}.signup-grid h2{font-size:30px}.contact{grid-template-columns:1fr}.map{min-height:290px}.footer-grid{grid-template-columns:1fr;gap:24px}.copyright .container{flex-direction:column}.floating{right:7px;bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}