.deadline-demo-section{
  padding-block:82px;
  scroll-margin-top:100px;
  background:
    radial-gradient(circle at 12% 18%,rgba(240,200,75,.11),transparent 30%),
    radial-gradient(circle at 92% 82%,rgba(91,140,255,.1),transparent 28%);
}
.deadline-tool-shell{
  position:relative;
  padding:clamp(24px,4.5vw,52px);
  border:1px solid rgba(240,200,75,.58);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(240,200,75,.075),rgba(12,17,27,.98) 34%,#0b1019);
  box-shadow:0 30px 100px rgba(0,0,0,.48),0 0 0 1px rgba(240,200,75,.06) inset;
  overflow:hidden;
}
.deadline-tool-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 12%,rgba(240,200,75,.055),transparent 46%);
}
.deadline-tool-header,.deadline-tool-grid,.deadline-tool-sources{position:relative;z-index:1}
.deadline-tool-header{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:end;margin-bottom:34px}
.deadline-tool-header h2{font-size:clamp(2.45rem,5vw,4.8rem);margin:14px 0 16px}
.deadline-tool-header p{max-width:690px;margin:0;color:#b4b8c1}
.deadline-tool-trust{display:grid;gap:9px;justify-self:end;width:min(100%,370px)}
.deadline-tool-trust span{padding:11px 13px;border:1px solid rgba(240,200,75,.18);border-radius:12px;background:rgba(255,255,255,.025);color:#bfc2c9;font-size:.76rem;font-weight:800}
.deadline-tool-trust span::before{content:"✓";margin-right:9px;color:var(--gold)}
.deadline-tool-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:18px}
.deadline-form,.deadline-result-panel{
  min-width:0;
  padding:clamp(20px,3vw,30px);
  border:1px solid rgba(255,255,255,.095);
  border-radius:22px;
  background:rgba(7,10,16,.72);
}
.deadline-form{display:grid;gap:17px}
.deadline-field{display:grid;gap:7px}
.deadline-field[hidden]{display:none!important}
.deadline-field label{color:#f3ead2;font-size:.8rem;font-weight:900;letter-spacing:.035em}
.deadline-field input,.deadline-field select{
  width:100%;min-height:50px;padding:11px 13px;border:1px solid rgba(240,200,75,.22);border-radius:12px;
  background:#111827;color:#f7f2e8;font:inherit;color-scheme:dark;
}
.deadline-field input:focus,.deadline-field select:focus{outline:2px solid rgba(240,200,75,.24);outline-offset:2px;border-color:var(--gold)}
.deadline-field-note{min-height:1.35em;margin:0;color:#8f96a3;font-size:.73rem}
.deadline-calc-button{width:100%;margin-top:2px}
.deadline-counting-note{margin:0;padding:13px 14px;border-left:3px solid var(--blue);border-radius:0 11px 11px 0;background:rgba(91,140,255,.055);color:#aab0bb;font-size:.77rem;line-height:1.65}
.deadline-error{margin:0;padding:11px 13px;border:1px solid rgba(239,107,107,.28);border-radius:11px;background:rgba(239,107,107,.07);color:#ffb1b1;font-size:.8rem}
.deadline-result-panel{display:grid;align-content:center;min-height:450px;background:radial-gradient(circle at 82% 15%,rgba(240,200,75,.09),transparent 36%),rgba(7,10,16,.72)}
.deadline-empty{max-width:430px;margin:auto;text-align:center;color:#858c99}
.deadline-empty-mark{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border:1px solid rgba(240,200,75,.28);border-radius:22px;background:rgba(240,200,75,.06);color:var(--gold);font-family:Georgia,serif;font-size:2.4rem}
.deadline-empty strong{display:block;margin-bottom:7px;color:#f0eadf;font-size:1.12rem}
.deadline-result-kicker{display:block;color:#8e95a1;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
[data-deadline-result]{scroll-margin-top:110px}
.deadline-result-date{display:block;margin:7px 0 22px;color:var(--gold);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,5vw,4.25rem);font-weight:500;line-height:1.04}
.deadline-timeline{display:grid;gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.08)}
.deadline-timeline-row{display:flex;justify-content:space-between;gap:18px;padding:10px 12px;background:#101621;color:#9298a3;font-size:.78rem}
.deadline-timeline-row strong{color:#f4eee3;text-align:right}
.deadline-shift-summary{margin:14px 0 0;padding:12px 13px;border-radius:11px;background:rgba(75,221,145,.055);color:#b5d9c6;font-size:.78rem;line-height:1.6}
.deadline-result-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.deadline-result-meta span{padding:6px 8px;border:1px solid rgba(240,200,75,.18);border-radius:8px;color:#a7acb6;font-size:.66rem;font-weight:900}
.deadline-tool-sources{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-top:20px;padding:18px 20px;border:1px solid rgba(240,200,75,.16);border-radius:16px;background:rgba(240,200,75,.028)}
.deadline-tool-sources p{margin:0;color:#989eaa;font-size:.77rem;line-height:1.7}
.deadline-source-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.deadline-source-links a{padding:7px 9px;border:1px solid rgba(240,200,75,.2);border-radius:9px;color:#e8d995;font-size:.69rem;font-weight:900}
.deadline-source-links a:hover{border-color:var(--gold);color:#fff0ad}
@media(max-width:900px){
  .deadline-tool-header,.deadline-tool-grid{grid-template-columns:1fr}
  .deadline-tool-trust{justify-self:start;width:100%;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
  .deadline-demo-section{padding-block:58px}
  .deadline-tool-shell{padding:18px;border-radius:22px}
  .deadline-tool-trust{grid-template-columns:1fr}
  .deadline-form,.deadline-result-panel{padding:18px;border-radius:17px}
  .deadline-result-panel{min-height:380px}
  .deadline-timeline-row{display:grid;gap:2px}
  .deadline-timeline-row strong{text-align:left}
  .deadline-tool-sources{grid-template-columns:1fr}
  .deadline-source-links{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.deadline-tool-shell{scroll-behavior:auto}}