:root{
    --v12-blue:#4f8caf;
    --v12-blue-dark:#315f7a;
    --v12-soft:#eef7fb;
    --v12-soft-2:#f8fbfd;
    --v12-line:#dce9f0;
    --v12-ink:#243746;
    --v12-muted:#718492;
}
.v12-home{background:#fff;color:var(--v12-ink)}
.v12-hero{padding:5rem 0;background:linear-gradient(180deg,#f7fbfe 0%,#eef7fb 100%);border-bottom:1px solid var(--v12-line)}
.v12-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:4.5rem;align-items:center}
.v12-kicker,.v12-section-head>div>span,.v12-cta>div>span{display:block;color:var(--v12-blue-dark);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.v12-hero h1{font-family:'Lora',serif;font-size:clamp(2.65rem,5vw,4.45rem);line-height:1.08;letter-spacing:-.035em;margin:1rem 0 1.15rem;color:var(--v12-ink);max-width:700px}
.v12-hero-copy>p{max-width:650px;font-size:1.05rem;line-height:1.8;color:var(--v12-muted);margin:0}
.v12-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;max-width:650px;margin-top:1.6rem;padding:.45rem .5rem .45rem 1rem;background:#fff;border:1px solid var(--v12-line);border-radius:15px;box-shadow:0 10px 28px rgba(75,124,153,.07)}
.v12-search i{color:#8ba8b8}
.v12-search input{border:0;outline:0;background:transparent;min-width:0;padding:.72rem 0;color:var(--v12-ink)}
.v12-search input::placeholder{color:#9aadb9}
.v12-search button{border:0;border-radius:10px;background:var(--v12-blue-dark);color:#fff;font-weight:700;padding:.78rem 1.2rem}
.v12-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}
.v12-btn-primary,.v12-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.83rem 1.15rem;border-radius:11px;text-decoration:none;font-weight:750}
.v12-btn-primary{background:var(--v12-blue-dark);color:#fff}
.v12-btn-primary:hover{background:#284f67;color:#fff}
.v12-btn-secondary{background:#fff;border:1px solid #cddfe8;color:var(--v12-blue-dark)}
.v12-btn-secondary:hover{background:var(--v12-soft);color:var(--v12-blue-dark)}
.v12-format-links{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-top:1.4rem}
.v12-format-links a{display:inline-flex;align-items:center;gap:.4rem;color:#678091;text-decoration:none;font-size:.83rem;font-weight:650}
.v12-format-links a:hover{color:var(--v12-blue-dark)}
.v12-illustration-wrap{background:#fff;border:1px solid var(--v12-line);border-radius:28px;padding:.9rem;box-shadow:0 22px 48px rgba(72,122,153,.10)}
.v12-illustration-wrap img{display:block;width:100%;height:auto;border-radius:20px;background:var(--v12-soft)}
.v12-latest{padding:5rem 0;background:#fff}
.v12-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.8rem}
.v12-section-head h2,.v12-cta h2{font-family:'Lora',serif;font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.24;margin:.42rem 0 0;color:var(--v12-ink)}
.v12-section-head>a{color:var(--v12-blue-dark);text-decoration:none;font-size:.87rem;font-weight:700;white-space:nowrap}
.v12-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}
.v12-card{min-width:0;background:#fff;border:1px solid var(--v12-line);border-radius:20px;overflow:hidden;transition:.2s ease}
.v12-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(72,122,153,.09)}
.v12-card-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--v12-soft)}
.v12-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.v12-card:hover .v12-card-media img{transform:scale(1.025)}
.v12-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:3rem;color:var(--v12-blue-dark);background:linear-gradient(135deg,#e8f4f9,#f9fcfe)}
.v12-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(35,79,106,.08)}
.v12-play i{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.96);color:var(--v12-blue-dark);font-size:1.5rem;padding-left:.1rem;box-shadow:0 10px 24px rgba(43,87,115,.15)}
.v12-card-body{padding:1.15rem 1.15rem 1.25rem}
.v12-card-meta{display:flex;justify-content:space-between;gap:.7rem;color:#7191a5;font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.v12-card h3{font-family:'Lora',serif;font-size:1.23rem;line-height:1.38;margin:.68rem 0}
.v12-card h3 a{color:var(--v12-ink);text-decoration:none}
.v12-card p{color:var(--v12-muted);font-size:.87rem;line-height:1.65;margin-bottom:1rem}
.v12-byline{display:flex;justify-content:space-between;gap:1rem;color:#8395a1;font-size:.74rem;font-weight:600}
.v12-empty{grid-column:1/-1;padding:3.5rem 1rem;text-align:center;border:1px dashed #cadce6;border-radius:20px;background:var(--v12-soft-2);color:var(--v12-muted)}
.v12-empty i{font-size:2.6rem;color:var(--v12-blue)}
.v12-empty h3{font-family:'Lora',serif;color:var(--v12-ink);margin:.8rem 0 .35rem}
.v12-cta-section{padding:0 0 5rem;background:#fff}
.v12-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:2rem 2.2rem;border:1px solid #d6e7ef;border-radius:24px;background:linear-gradient(135deg,#edf7fb,#f9fcfe)}
.v12-cta p{max-width:760px;color:var(--v12-muted);line-height:1.7;margin:.65rem 0 0}
.v12-cta>a{display:inline-flex;align-items:center;justify-content:center;padding:.86rem 1.2rem;border-radius:11px;background:var(--v12-blue-dark);color:#fff;text-decoration:none;font-weight:750;white-space:nowrap}
.v12-cta>a:hover{background:#284f67;color:#fff}
@media(max-width:991px){
    .v12-hero-grid{grid-template-columns:1fr;gap:3rem}
    .v12-hero-visual{max-width:680px;margin:0 auto;width:100%}
    .v12-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .v12-cta{grid-template-columns:1fr}
    .v12-cta>a{justify-self:start}
}
@media(max-width:767px){
    .v12-hero{padding:3rem 0}
    .v12-hero h1{font-size:clamp(2.25rem,10vw,3.25rem)}
    .v12-search{grid-template-columns:1fr;padding:.8rem}
    .v12-search i{display:none}
    .v12-search input{padding:.3rem 0 .65rem}
    .v12-search button{width:100%}
    .v12-section-head{align-items:flex-start;flex-direction:column}
    .v12-card-grid{grid-template-columns:1fr}
    .v12-latest{padding:3.8rem 0}
    .v12-cta{padding:1.5rem}
    .v12-cta>a{width:100%}
}