.graduation-countdown-card{color:#fff;background:linear-gradient(135deg,#082c65 0%,#0d4e9c 62%,#126bd0 100%);border:1px solid #c697206b;border-radius:16px;grid-template-columns:220px minmax(0,1fr);width:100%;margin:0 0 16px;display:grid;overflow:hidden;box-shadow:0 8px 24px #0526551f}.graduation-countdown-photo{background:#082c65;min-height:0;position:relative}.graduation-countdown-photo img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.graduation-countdown-photo>span{z-index:1;color:#ffdb76;letter-spacing:.06em;background:#05234eeb;border:1px solid #ffd565a6;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.graduation-countdown-photo svg{flex-shrink:0;width:16px;height:16px}.graduation-countdown-content{flex-direction:column;justify-content:center;gap:16px;min-width:0;padding:20px;display:flex}.graduation-countdown-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.graduation-countdown-heading>div{min-width:0}.graduation-countdown-heading>div>span{color:#ffd96a;letter-spacing:.12em;font-size:11px;font-weight:800}.graduation-countdown-heading h2{overflow-wrap:anywhere;margin:4px 0;font-size:clamp(22px,2vw,28px);font-weight:650;line-height:1.2}.graduation-countdown-heading p{color:#d8e7fb;margin:0;font-size:14px}.graduation-countdown-heading>svg{color:#ffd96a;flex:none;width:28px;height:28px}.graduation-countdown-clock{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:0;display:grid}.graduation-countdown-clock div{background:#ffffff1c;border:1px solid #ffffff38;border-radius:10px;flex-direction:column;align-items:center;min-width:0;padding:10px 8px;display:flex}.graduation-countdown-clock strong{font-variant-numeric:tabular-nums;font-size:clamp(24px,2.5vw,32px);font-weight:750;line-height:1}.graduation-countdown-clock span{color:#dbe9fc;text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:10px}.graduation-countdown-clock i{color:#ffd96a;font-size:20px;font-style:normal;font-weight:800}.graduation-countdown-details{border-top:1px solid #ffffff2e;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:12px;display:grid}.graduation-countdown-details>span{color:#fff;overflow-wrap:anywhere;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:8px;min-width:0;font-size:13px;display:grid}.graduation-countdown-details svg{color:#ffd96a;grid-row:1/3;width:18px;height:18px}.graduation-countdown-details b{text-transform:uppercase;letter-spacing:.04em;color:#bcd4f4;font-size:10px}.graduation-countdown-open{color:#092f68;min-height:44px;font:inherit;cursor:pointer;background:#ffd96a;border:1px solid #f2c957;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:inline-flex}.graduation-countdown-open:hover{background:#ffe38c}.graduation-countdown-open:focus-visible{outline-offset:3px;outline:3px solid #fff}.graduation-countdown-open svg{flex-shrink:0;width:18px;height:18px}@media (width<=900px){.graduation-countdown-card{grid-template-columns:160px minmax(0,1fr)}.graduation-countdown-content{padding:16px}}@media (width<=600px){.graduation-countdown-card{border-radius:12px;grid-template-columns:minmax(0,1fr)}.graduation-countdown-photo{height:160px}.graduation-countdown-photo>span{bottom:8px;left:12px;right:auto}.graduation-countdown-content{gap:12px;padding:16px 12px}.graduation-countdown-clock{gap:4px}.graduation-countdown-clock div{padding:8px 4px}.graduation-countdown-clock strong{font-size:24px}.graduation-countdown-clock span{letter-spacing:0;font-size:9px}.graduation-countdown-details{grid-template-columns:minmax(0,1fr);gap:10px}.graduation-countdown-open{width:100%}}