.due-date-hero{padding:80px max(8vw,28px);display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;color:#fff;background:radial-gradient(circle at 80% 18%,#4788fa66,transparent 26%),linear-gradient(125deg,#061a39,#0e3d82)}.due-date-hero h1{max-width:780px;font-size:clamp(3rem,6vw,5.4rem);letter-spacing:-.045em}.due-date-hero>div>p:not(.eyebrow){max-width:720px;color:#d8e6ff;font-size:1.08rem}.calendar-stamp{display:grid;gap:6px;min-width:240px;padding:24px;border:1px solid #ffffff42;border-radius:17px;background:#ffffff10;backdrop-filter:blur(12px)}.calendar-stamp span,.calendar-stamp small{font-size:.7rem;letter-spacing:.12em;color:#c9dbfa}.calendar-stamp strong{font-size:1.35rem}.due-date-shell{max-width:1200px;margin:auto;padding:55px 25px 95px}.due-date-controls{position:sticky;top:84px;z-index:15;display:flex;justify-content:space-between;gap:20px;margin-bottom:40px;padding:13px;border:1px solid #dbe4f2;border-radius:15px;background:#ffffffed;box-shadow:0 12px 35px #071b3d12;backdrop-filter:blur(14px)}.deadline-tabs{display:flex;gap:7px;overflow:auto}.deadline-tabs button{flex:none;border:0;border-radius:9px;padding:10px 15px;background:transparent;color:#58657d;font-weight:800;cursor:pointer}.deadline-tabs button.active{background:#1768e8;color:#fff}.due-date-controls input{max-width:290px;border-radius:9px}.due-date-groups{display:grid;gap:45px}.due-category-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.due-category-title span{font-size:1.35rem;font-weight:900;color:#071b3d}.due-category-title b{font-size:.75rem;color:#1768e8}.due-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.due-date-card{display:grid;grid-template-columns:auto 1fr;gap:20px;min-height:190px;padding:24px;border:1px solid #dbe4f2;border-radius:17px;background:#fff;box-shadow:0 12px 34px #071b3d0b}.date-tile{display:grid;align-content:start;justify-items:center;width:70px;overflow:hidden;border:1px solid #cad8ee;border-radius:13px;background:#f3f7ff}.date-tile strong{width:100%;padding:11px 8px 2px;text-align:center;font-size:1.7rem;color:#071b3d}.date-tile span{width:100%;padding:3px;text-align:center;background:#1768e8;color:#fff;font-size:.72rem;font-weight:900}.date-tile small{padding:7px;color:#68758d}.category-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e9f1ff;color:#1759ca;font-size:.68rem;font-weight:900}.due-date-card h2{margin:13px 0 8px;font-family:Arial,sans-serif;font-size:1.08rem;letter-spacing:0}.due-date-card p{margin:0;color:#68758d;font-size:.86rem}.relative-deadlines{margin-top:65px;padding:35px;border:1px solid #dbe4f2;border-radius:20px;background:linear-gradient(145deg,#fff,#f4f8ff)}.relative-deadlines h2{font-size:2rem}.relative-deadlines>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.relative-deadlines article{display:grid;gap:5px;padding:18px;border-radius:13px;background:#fff}.relative-deadlines article strong{color:#1768e8}.relative-deadlines article span,.relative-deadlines>p:last-child{color:#68758d}.deadline-disclaimer{margin-top:20px;padding:20px;border-left:4px solid #e8a01c;background:#fff8e8;color:#665124}.empty-deadlines{padding:35px;text-align:center;background:#fff}.due-date-page .consent-banner.consent-banner{left:auto;right:18px;top:100px;bottom:auto;max-width:420px;margin:0;display:grid}.due-date-page .consent-actions{display:grid;grid-template-columns:1fr 1fr}@media(max-width:850px){.due-date-hero{grid-template-columns:1fr}.calendar-stamp{width:max-content}.due-date-controls{position:static;display:grid}.due-date-controls input{max-width:none}.due-date-grid{grid-template-columns:1fr}}@media(max-width:600px){.due-date-hero{padding:60px 22px}.due-date-hero h1{font-size:2.75rem}.calendar-stamp{width:100%}.due-date-shell{padding:35px 15px 75px}.due-date-controls{margin-bottom:30px}.deadline-tabs{padding-bottom:3px}.due-date-card{grid-template-columns:auto 1fr;padding:18px;gap:14px}.date-tile{width:58px}.relative-deadlines{padding:24px}.relative-deadlines>div{grid-template-columns:1fr}.due-date-page .consent-banner.consent-banner{left:10px;right:10px;top:auto;bottom:72px;max-width:none}}
