:root{--ink:#203451;--muted:#73829a;--blue:#3979db;--line:rgba(95,132,184,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4f8fd}.page-shell{min-height:100vh;color:var(--ink);background-color:#f4f8fd;background-image:linear-gradient(rgba(109,145,194,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(109,145,194,.075) 1px,transparent 1px),radial-gradient(circle at 50% 24%,rgba(195,220,255,.65),transparent 46%);background-size:80px 80px,80px 80px,auto}.site-header{position:relative;z-index:2;display:flex;max-width:1280px;height:76px;align-items:center;justify-content:space-between;margin:0 auto;padding:0 32px;background:transparent}.brand{color:var(--blue);font-size:22px;font-weight:800;text-decoration:none}.brand-mark{font-size:25px;vertical-align:-1px}.top-nav{display:flex;gap:30px;margin-left:80px}.top-nav a,.app-link,.language-plain{color:#526580;font-size:14px;text-decoration:none}.top-nav a:hover,.app-link:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:14px}.app-link{color:#3d4e68}.language-pill,.language-plain{border:0;background:transparent;font:inherit;cursor:pointer}.language-pill{border:1px solid var(--line);border-radius:18px;padding:7px 14px;color:#314766;background:rgba(255,255,255,.62);box-shadow:0 4px 12px rgba(58,98,150,.06)}.hero{padding:152px 32px 78px}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,560px);max-width:1120px;gap:90px;align-items:center;margin:0 auto}.announcement{display:inline-flex;gap:9px;align-items:center;margin-bottom:30px;color:#7a879b;font-size:14px;text-decoration:none}.announcement span,.announcement b{color:var(--blue)}.hero-title{margin:0;color:#233957;font-size:clamp(54px,6vw,78px);font-weight:500;letter-spacing:2px;line-height:1.2}.title-line,.desc-line{display:block;white-space:nowrap}.hero-desc{margin:28px 0 36px;color:#76849a;font-size:20px;line-height:1.7}.hero-links{display:flex;align-items:center;gap:30px}.primary-button{display:inline-flex;width:196px;height:62px;flex-wrap:wrap;align-content:center;justify-content:space-between;padding:11px 18px 10px 22px;border-radius:16px;color:#fff;background:#3979db;box-shadow:0 12px 28px rgba(57,121,219,.22);font-size:17px;font-weight:700;text-decoration:none}.primary-button span{font-size:22px;line-height:18px}.primary-button small{display:block;width:100%;color:rgba(255,255,255,.78);font-size:11px;font-weight:400}.primary-button:hover{background:#2f6dca}.secondary-link{color:#687b96;font-size:14px;text-decoration:none}.secondary-link span{margin-left:8px;color:var(--blue)}.visual-card{position:relative;display:block;aspect-ratio:1.08/1;overflow:hidden;border-radius:26px;background:#2d68af;box-shadow:0 25px 65px rgba(46,92,145,.2);text-decoration:none}.visual-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) hue-rotate(165deg) brightness(.72)}.visual-card:after{position:absolute;inset:0;content:'';background:linear-gradient(145deg,rgba(26,98,188,.25),rgba(16,39,79,.82))}.visual-overlay{position:absolute;z-index:1;right:34px;bottom:34px;left:34px;display:grid;gap:10px;color:#fff}.visual-overlay strong{font-size:30px;font-weight:500}.visual-overlay span{color:rgba(255,255,255,.76);font-size:15px}.entry-section{display:grid;grid-template-columns:repeat(2,minmax(0,280px));justify-content:center;gap:22px;padding:0 32px 110px}.entry-card{position:relative;display:grid;min-height:128px;gap:9px;padding:25px 26px;border:1px solid rgba(255,255,255,.72);border-radius:20px;color:var(--ink);background:rgba(255,255,255,.54);box-shadow:0 14px 34px rgba(67,107,159,.08);text-decoration:none;backdrop-filter:blur(12px)}.entry-card:hover{border-color:rgba(57,121,219,.28);background:rgba(255,255,255,.8)}.entry-card strong{color:var(--blue);font-size:18px}.entry-card span{color:#7b899d;font-size:13px;line-height:1.5}.entry-card b{position:absolute;right:24px;bottom:20px;color:var(--blue);font-size:22px;font-weight:400}.content-section{max-width:none;margin:0;padding:105px 24px 110px;background:rgba(255,255,255,.68)}.section-eyebrow,.section-title,.section-subtitle,.content-card-list{max-width:1120px;margin-right:auto;margin-left:auto}.section-eyebrow{margin-bottom:12px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:2px}.section-title{color:#233957;font-size:38px;font-weight:500}.section-subtitle{color:#7b899d;margin-bottom:48px}.content-card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.content-card-list li{min-height:390px;border:1px solid rgba(109,145,194,.14);border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 15px 35px rgba(67,107,159,.06);padding:25px}.content-card-title{margin:0 0 14px;color:#29415f;font-size:20px;font-weight:600}.content-card-body{margin:0 0 24px;color:#7a899d;font-size:15px;line-height:1.8}.content-card-image{display:block;width:100%;aspect-ratio:16/9;margin-top:auto;border-radius:12px;object-fit:cover;opacity:.9}.faq-section{max-width:none;margin:0;padding:80px 24px 112px;background:rgba(247,250,254,.84)}.faq-list{display:grid;max-width:900px;margin:42px auto 0;gap:14px}.faq-item{border:1px solid rgba(109,145,194,.16);border-radius:14px;background:rgba(255,255,255,.65);overflow:hidden}.faq-question{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:24px;color:#29415f;cursor:pointer;font-size:18px;font-weight:600;list-style:none;padding:20px 24px}.faq-question::-webkit-details-marker{display:none}.faq-arrow{width:9px;height:9px;flex:0 0 auto;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg);transition:transform .2s}.faq-item[open] .faq-arrow{transform:rotate(225deg)}.faq-answer{margin:0;border-top:1px solid var(--line);color:#728198;font-size:15px;line-height:1.8;padding:0 24px 22px}.site-footer{background:rgba(255,255,255,.62)}@media(max-width:900px){.top-nav{display:none}.hero{padding-top:100px}.hero-inner{grid-template-columns:1fr;max-width:680px;gap:52px}.visual-card{max-width:560px;width:100%;margin:auto}.content-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.site-header{height:68px;padding:0 18px}.brand{font-size:19px}.app-link,.language-plain{display:none}.hero{padding:78px 18px 52px}.hero-inner{gap:38px}.hero-title{font-size:47px;letter-spacing:1px}.hero-desc{font-size:17px}.hero-links{align-items:flex-start;flex-direction:column;gap:20px}.entry-section{grid-template-columns:1fr;padding:0 18px 74px}.content-section{padding:74px 18px}.content-card-list{grid-template-columns:1fr}.content-card-list li{min-height:auto}.faq-section{padding:64px 18px 82px}.section-title{font-size:30px}}
