:root{--gc-card-bg:#0b202f;--gc-card-border:#1d3647;--gc-visual-bg:#12293a;--gc-visual-border:#1a78a8;--gc-title:#fffaf0;--gc-text:#d6dde6}.grade-grid,.grade-grid *,.grade-grid :after,.grade-grid :before{box-sizing:border-box}.grade-grid{display:grid;gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:1400px;width:100%}@media (min-width:600px){.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1200px){.grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.grade-card{background:var(--gc-card-bg);border:1px solid var(--gc-card-border);border-radius:18px;display:flex;flex-direction:column;gap:32px;padding:16px 16px 28px}.grade-visual{aspect-ratio:16/9;background:var(--gc-visual-bg);border:3px solid var(--gc-visual-border);border-radius:16px;overflow:hidden;position:relative;width:100%}.grade-visual img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.grade-copy{padding:0 8px}.grade-copy h3{color:#fffaf0;font-family:Poppins,system-ui,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0 0 8px}.grade-copy p{color:var(--gc-text);font-family:Open Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px!important;line-height:1.55;margin:0}@media (max-width:599px){.grade-visual{aspect-ratio:16/9}.grade-card{gap:24px}.grade-grid{padding:0}}