.notes-page{
    padding:calc(var(--offer-bar-height,46px) + var(--header-height,86px) + 30px) 16px 70px;
    background:linear-gradient(180deg,#eff6ff 0%,#f8fafc 45%,#fff 100%);
}
.notes-container{max-width:1250px;margin:auto}
.notes-hero{
    background:linear-gradient(135deg,#020617,#1e3a8a,#0891b2);
    color:#fff;border-radius:34px;padding:48px 32px;
    box-shadow:0 24px 70px rgba(15,23,42,.22);
}
.notes-badge,.notes-pill{
    display:inline-flex;align-items:center;gap:6px;
    border-radius:999px;font-weight:900;font-size:13px;
}
.notes-badge{
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.22);
    padding:10px 16px;margin-bottom:16px;
}
.notes-pill{
    background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe;
    padding:7px 11px;margin:0 5px 7px 0;
}
.notes-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.1;margin:0 0 16px;font-weight:900}
.notes-hero p{max-width:950px;font-size:17px;line-height:1.8;color:#e0f2fe}
.notes-search{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.notes-search input{
    flex:1;min-width:260px;height:54px;border:0;border-radius:16px;padding:0 18px;font-weight:700;
}
.notes-btn{
    display:inline-flex;align-items:center;justify-content:center;min-height:48px;
    padding:12px 18px;border-radius:15px;background:#2563eb;color:#fff;text-decoration:none;
    font-weight:900;border:0;cursor:pointer;
}
.notes-btn.secondary{background:#020617;color:#fff}
.notes-section{
    margin-top:28px;background:#fff;border:1px solid #e2e8f0;
    border-radius:30px;padding:28px;box-shadow:0 18px 50px rgba(15,23,42,.08);
}
.notes-section-head h2{font-size:clamp(26px,3vw,40px);margin:0 0 8px;font-weight:900;color:#020617}
.notes-section-head p{color:#64748b;line-height:1.8}
.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.notes-card,.notes-list-card{
    background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px;
    box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.notes-card h3,.notes-list-card h3{margin:12px 0 8px;font-size:20px;line-height:1.35}
.notes-card p,.notes-list-card p{color:#475569;line-height:1.8;font-size:14px}
.notes-list{display:grid;gap:16px}
.notes-list-card{display:flex;justify-content:space-between;gap:18px;align-items:center}
.notes-empty{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:18px;border-radius:18px;font-weight:800}
.notes-link{font-weight:900;color:#2563eb;text-decoration:none}
@media(max-width:768px){
    .notes-page{padding-top:calc(var(--offer-bar-height,42px) + var(--header-height,76px) + 22px)}
    .notes-hero{padding:32px 20px;border-radius:24px}
    .notes-section{padding:22px;border-radius:24px}
    .notes-search input,.notes-search button,.notes-btn{width:100%}
    .notes-list-card{display:block}
}