
:root{font:16px/1.6 Inter,Arial,sans-serif;color:#122c43;background:#f5f8fb;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.top,.dark,.foot{background:#071b31;color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:78px}.logo{font-size:1.35rem;letter-spacing:.07em;font-weight:850;text-decoration:none}.logo em{font-style:normal;color:#63d9eb}.navlinks{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.navlinks a{text-decoration:none;color:#d8e9f3}.navlinks a:hover{color:#66dced}.langs{display:flex;gap:6px}.langs a{padding:5px 9px;text-decoration:none;border:1px solid #638198;border-radius:5px;font-size:.9rem}.langs a[aria-current=page]{background:#68d8eb;color:#092138;border-color:#68d8eb;font-weight:800}.hero{padding:85px 0 95px;border-top:1px solid #26445d}.eyebrow,.kicker{font-size:14px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#0b7d9b}.hero .eyebrow,.dark .kicker{color:#69dceb}.hero h1{font-size:clamp(2.7rem,5.4vw,5rem);line-height:1.08;letter-spacing:-.052em;max-width:920px;margin:18px 0}.hero p{font-size:1.2rem;line-height:1.65;color:#c8dce9;max-width:860px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;text-decoration:none;background:#69dceb;color:#08243c;padding:13px 18px;border-radius:6px;font-weight:800}.btn.alt{color:white;border:1px solid #7692a5;background:transparent}.section{padding:80px 0}.section h2{font-size:clamp(2.1rem,3.3vw,3.3rem);line-height:1.14;letter-spacing:-.04em;margin:12px 0 18px}.lead{font-size:1.1rem;color:#51697b;max-width:780px;margin:0 0 31px}.dark .lead{color:#c6dae8}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:#fff;border:1px solid #d8e4ec;border-radius:12px;padding:27px}.card h3{font-size:1.35rem;margin:0 0 10px;line-height:1.25}.card p{color:#526a7c;margin:0}.card small{display:block;color:#0a7895;font-size:14px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:13px}.dark .card{background:#102f4d;border-color:#456985}.dark .card p{color:#c9dce8}.dark .card small{color:#65d9ec}.note{font-size:.92rem;color:#587082;line-height:1.55;margin-top:23px}.dark .note{color:#bfd3e0}.soft{background:#e9f3f8}.timeline{display:grid;gap:12px}.row{display:grid;grid-template-columns:190px 1fr;gap:24px;background:#fff;border:1px solid #d9e5eb;border-radius:9px;padding:19px 23px}.row strong{color:#0b607c}.row p{margin:0;color:#4c6578}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.skill{padding:18px 0;border-bottom:1px solid #ccdae4}.skill strong{display:block;font-size:1.12rem}.skill p{margin:5px 0;color:#52697b}.levels{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px}.level{display:inline-block;font-size:14px;font-weight:800;border-radius:100px;background:#e5f3f8;color:#0b607c;padding:4px 10px}.refs{display:flex;gap:16px;flex-wrap:wrap}.refs a{color:#126784}.dark a{color:#82e3ef}.foot{padding:38px 0}.foot .shell{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.foot p{color:#c5d7e4;margin:7px 0}a:focus-visible{outline:3px solid #f1c262;outline-offset:4px}@media(max-width:800px){.grid3,.grid2,.split{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:4px}.nav{flex-wrap:wrap;padding:15px 0}.navlinks{order:3;width:100%}.hero{padding:60px 0}.section{padding:62px 0}}@media(max-width:500px){.shell{width:calc(100% - 32px)}.navlinks{gap:11px}.hero h1{font-size:2.65rem}}
