:root{--ink:#111827;--muted:#5b6475;--subtle:#8a94a6;--line:#e5e7eb;--paper:#fff;--wash:#f6f8fb;--brand:#1b2a86;--brand-deep:#101a5c;--brand-soft:#eef2ff;--gold:#b88426;--green:#37a744;--shadow:0 20px 60px #1118271a;--radius:8px;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#eef2ffbf 0%,#fff 36%),linear-gradient(#fff 0%,#f7f8fb 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}ol{margin:0;padding:0}#app{min-height:100svh}.site-shell{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #e5e7ebdb;justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex;position:sticky;top:0}.brand{letter-spacing:0;white-space:nowrap;align-items:center;gap:11px;font-size:18px;font-weight:800;display:inline-flex}.brand-logo{object-fit:contain;width:40px;height:40px}.brand-name{color:var(--brand-deep)}.nav-links{color:var(--muted);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.nav-links a{border-radius:6px;padding:9px 12px}.nav-links a:hover{color:var(--brand-deep);background:var(--brand-soft)}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:56px;min-height:calc(100svh - 76px);padding:72px 0 84px;display:grid}.hero-content{max-width:680px}.eyebrow{color:var(--brand);letter-spacing:0;font-size:14px;font-weight:800}h1{letter-spacing:0;max-width:760px;margin-top:16px;font-size:clamp(42px,6vw,76px);line-height:1.04}.hero-copy{max-width:620px;color:var(--muted);margin-top:24px;font-size:20px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-button,.secondary-button{border-radius:6px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-deep));box-shadow:0 14px 28px #1b2a8638}.primary-button.dark{color:#fff;background:var(--ink);box-shadow:none}.secondary-button{color:var(--ink);border:1px solid var(--line);background:#ffffffbd}.primary-button:hover,.secondary-button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.growth-panel{border-radius:var(--radius);background:linear-gradient(145deg,#fff 0%,#f6f8ff 100%);border:1px solid #1b2a8629;flex-direction:column;justify-content:space-between;min-height:500px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #1b2a861f}.growth-panel:before{content:"";background-image:linear-gradient(#1b2a860f 1px,#0000 1px),linear-gradient(90deg,#1b2a860f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 72%);mask-image:linear-gradient(#00000080,#0000 72%)}.panel-header,.panel-stats,.panel-flow{z-index:1;position:relative}.panel-header{gap:10px;display:grid}.panel-header span{color:var(--brand);font-size:14px;font-weight:900}.panel-header strong{max-width:360px;color:var(--ink);font-size:34px;line-height:1.18}.panel-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0;display:grid}.panel-stat{border-radius:var(--radius);background:#ffffffd1;border:1px solid #1b2a861f;align-content:center;gap:8px;min-height:112px;padding:18px 14px;display:grid}.panel-stat strong{color:var(--brand-deep);font-size:31px;line-height:1}.panel-stat span{color:var(--muted);font-size:14px;font-weight:700}.panel-flow{gap:12px;display:grid}.panel-flow div{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:44px 1fr;align-items:center;gap:14px;padding:15px;display:grid}.panel-flow span{color:var(--green);font-size:14px;font-weight:900}.panel-flow p{color:var(--ink);font-size:15px;line-height:1.6}.section-block{border-top:1px solid var(--line);padding:92px 0}.section-heading{gap:14px;max-width:760px;display:grid}h2{letter-spacing:0;font-size:clamp(30px,4vw,48px);line-height:1.12}.section-heading p:last-child{color:var(--muted);font-size:18px;line-height:1.7}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.course-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);flex-direction:column;min-height:560px;padding:26px;display:flex;box-shadow:0 14px 42px #1118270f}.course-card:nth-child(2){background:linear-gradient(180deg, #1b2a860f, transparent 42%), var(--paper);border-color:#1b2a864d}.course-card-top{border-bottom:1px solid var(--line);gap:10px;padding-bottom:22px;display:grid}.course-card-top span{width:fit-content;color:var(--brand-deep);background:var(--brand-soft);border-radius:999px;padding:5px 9px;font-size:13px;font-weight:800}h3{letter-spacing:0;font-size:28px;line-height:1.16}.course-summary{min-height:126px;color:var(--muted);margin-top:22px;font-size:16px;line-height:1.75}.course-result{border-radius:var(--radius);background:var(--wash);gap:8px;margin:20px 0 22px;padding:16px;display:grid}.course-result strong{color:var(--gold);font-size:14px}.course-result p{color:var(--ink);font-size:15px;line-height:1.65}.course-card ol{counter-reset:course-step;gap:12px;margin-top:auto;list-style:none;display:grid}.course-card li{border:1px solid var(--line);border-radius:var(--radius);min-height:48px;color:var(--muted);counter-increment:course-step;background:#fff;padding:13px 14px 13px 48px;font-size:15px;line-height:1.55;position:relative}.course-card li:before{color:#fff;background:var(--brand-deep);content:counter(course-step);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid;position:absolute;top:13px;left:14px}.method-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:72px 0;display:grid}.method-section h2{margin-top:12px}.method-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.method-item{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7;align-items:center;gap:14px;min-height:88px;padding:20px;display:flex}.method-item span{color:var(--brand);font-size:14px;font-weight:900}.method-item p{color:var(--ink);font-size:18px;font-weight:800}.contact-section{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg, #101a5cf5, #111827f0), var(--ink);justify-content:space-between;align-items:center;gap:32px;margin:20px 0 36px;padding:34px;display:flex}.contact-section .eyebrow{color:#b8c4ff}.contact-section h2{color:#fff;max-width:760px;margin-top:10px;font-size:clamp(26px,3vw,38px)}.site-footer{color:var(--subtle);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:28px 0 42px;font-size:14px;display:flex}@media (width<=980px){.site-shell{width:min(100% - 28px,760px)}.site-header{min-height:68px}.nav-links{display:none}.hero-section{grid-template-columns:1fr;gap:32px;min-height:auto;padding:46px 0 64px}.hero-copy{font-size:18px}.growth-panel{min-height:360px}.panel-header strong{max-width:none}.section-block{padding:64px 0}.course-grid{grid-template-columns:1fr}.course-card,.course-summary{min-height:auto}.method-section{grid-template-columns:1fr;gap:24px;padding:58px 0}.contact-section,.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=560px){.site-shell{width:min(100% - 24px,520px)}.brand{font-size:16px}h1{font-size:40px}.hero-actions,.hero-actions a,.contact-section a{width:100%}.growth-panel{min-height:320px;padding:22px}.brand-logo{width:36px;height:36px}.panel-header strong{font-size:26px}.panel-stats{grid-template-columns:1fr;margin:24px 0}.panel-stat{min-height:auto;padding:14px}.course-card{padding:20px}.method-list{grid-template-columns:1fr}.contact-section{padding:26px 22px}}
