:root{--ink:#183042;--muted:#5f7180;--sea:#0b7189;--deep:#074a5c;--sand:#e8b86d;--cream:#f7f3eb;--white:#fff;--shadow:0 18px 50px rgba(17,48,65,.12);--radius:18px;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfcfc;color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}header{background:rgba(255,255,255,.96);border-bottom:1px solid #e9eff1;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.nav-container{max-width:1180px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:1.45rem;font-weight:800;letter-spacing:-.04em;color:var(--deep);white-space:nowrap}.logo span{color:#c88725}nav ul{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0}nav a{font-size:.93rem;font-weight:650}nav a:hover,nav a.active{color:var(--sea)}nav a.active{border-bottom:2px solid var(--sand);padding-bottom:4px}.hero{min-height:510px;display:grid;place-items:center;text-align:center;padding:80px 24px;color:#fff;background:linear-gradient(180deg,rgba(4,39,49,.38),rgba(3,35,45,.78)),var(--hero) center/cover no-repeat}.hero>div{max-width:850px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800;margin-bottom:12px;color:#ffe0a5}.eyebrow.dark{color:#b27214}.hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 22px;text-wrap:balance}.hero p{font-size:clamp(1.05rem,2vw,1.28rem);max-width:720px;margin:auto;line-height:1.65}.container{width:min(1120px,calc(100% - 40px));margin:72px auto}.intro{max-width:790px;margin:0 auto 46px;text-align:center}.intro h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:4px 0 18px;letter-spacing:-.04em}.intro p{color:var(--muted);font-size:1.05rem}.text-link,.external{color:var(--sea);font-weight:750;text-decoration:underline;text-decoration-color:#9ecbd5;text-underline-offset:3px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.card img{width:100%;height:210px;object-fit:cover}.card-body{padding:26px;display:flex;flex-direction:column;flex:1}.card h2{font-size:1.35rem;margin:0 0 10px;color:var(--deep)}.card p{margin:0 0 22px;color:var(--muted);flex:1}.btn{display:inline-block;background:var(--deep);color:#fff;font-weight:750;border-radius:10px;padding:11px 17px;text-align:center;transition:.2s}.btn:hover{background:var(--sea);transform:translateY(-1px)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}.content-box{background:#fff;border-radius:var(--radius);padding:22px 42px;box-shadow:var(--shadow)}.article-section{padding:30px 0;border-bottom:1px solid #e9eff1}.article-section:first-child{padding-top:16px}.article-section h2{font-size:1.65rem;line-height:1.25;margin:4px 0 12px;color:var(--deep)}.article-section p{margin:0;color:#3d5361}.number{font-size:.75rem;color:#b27214;font-weight:800;letter-spacing:.12em}.tip{background:var(--cream);border-left:4px solid var(--sand);margin:32px 0 10px;padding:20px;border-radius:4px 12px 12px 4px}.side-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:sticky;top:100px}.side-card img{width:100%;height:210px;object-fit:cover}.side-card h2,.side-card p,.side-card .btn{margin-left:24px;margin-right:24px}.side-card h2{font-size:1.35rem;margin-top:22px;margin-bottom:8px}.side-card p{color:var(--muted)}.side-card .btn{display:block;margin-bottom:24px}footer{background:#102f3d;color:#fff;margin-top:80px;padding:48px 24px 20px}.footer-content{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.footer-content h4{color:#ffd999;margin:0 0 10px}.footer-content p{color:#c8d6dc;margin:0}.footer-content a:hover{color:#fff}.footer-bottom{max-width:1120px;margin:35px auto 0;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;color:#aabdc5;font-size:.84rem;text-align:center}
@media(max-width:900px){.nav-container{flex-direction:column;gap:10px}.nav-container nav{width:100%;overflow-x:auto;padding-bottom:5px}.nav-container ul{width:max-content;flex-wrap:nowrap}.grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.side-card{position:static;display:grid;grid-template-columns:210px 1fr;align-items:center;padding-right:16px}.side-card img{height:100%}.side-card .btn{grid-column:2}}
@media(max-width:620px){.nav-container{align-items:flex-start;padding:12px 18px}.hero{min-height:420px;padding:65px 20px}.container{width:min(100% - 28px,1120px);margin:48px auto}.grid{grid-template-columns:1fr}.content-box{padding:16px 22px}.side-card{display:block;padding:0}.side-card img{height:200px}.side-card .btn{margin-bottom:24px}.footer-content{grid-template-columns:1fr;gap:24px}footer{margin-top:55px}.card img{height:225px}}