:root{--green-dark: #173D37;--green-hover: #0F2A25;--green-medium: #1E5349;--green-light: #2A685E;--accent: #C4501A;--accent-hover: #A8441A;--cream: #EFF5F3;--accent-tint: #FDF0E8;--green-tint: #E8F0ED;--bg-light: #F4F7F6;--white: #FFFFFF;--charcoal: #0D1F1C;--body-text: #3A4E48;--text-light: #6B8078;--border: #D0DCD8;--success: #22c55e;--warning: #f59e0b;--error: #dc2626;--font-primary: "Epilogue", sans-serif;--max-width: 520px;--transition-speed: .2s;--radius: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-focus: 0 0 0 3px rgba(196,80,26,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--body-text);background:transparent;-webkit-font-smoothing:antialiased}#root{max-width:var(--max-width);margin:0 auto;padding:0 16px}.screen{animation:fadeIn var(--transition-speed) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-field{animation:fadeIn var(--transition-speed) ease-out}.input-screen{padding-top:8px;padding-bottom:32px}.form-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:28px 24px;box-shadow:var(--shadow-sm)}.calc-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:15px;font-weight:600;color:var(--green-dark)}.form-hint{font-size:13px;color:var(--text-light);margin-bottom:4px}.date-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius);font-family:var(--font-primary);font-size:16px;color:var(--charcoal);background:var(--white);transition:border-color .15s ease,box-shadow .15s ease;outline:none;-webkit-appearance:none}.date-input:focus{border-color:var(--green-medium);box-shadow:var(--shadow-focus)}.toggle-group{display:flex;gap:8px;margin-top:4px}.toggle-btn{flex:1;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius);background:var(--white);font-family:var(--font-primary);font-size:15px;font-weight:500;color:var(--body-text);cursor:pointer;transition:all .15s ease}.toggle-btn:hover{border-color:var(--green-medium)}.toggle-btn.active{border-color:var(--green-medium);background:var(--green-tint);color:var(--green-dark);font-weight:600}.btn-calculate{padding:14px 32px;font-size:17px;border-radius:var(--radius);margin-top:8px}.btn-calculate:disabled{opacity:.5;cursor:not-allowed}.error-text{color:var(--error);font-size:14px;font-weight:500}.legal-note{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.legal-note p{font-size:12px;color:var(--text-light);line-height:1.5}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font-primary);font-weight:600;font-size:16px;cursor:pointer;transition:background-color .15s ease,transform .1s ease;text-decoration:none}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-large{padding:16px 40px;font-size:18px;border-radius:var(--radius);width:100%;max-width:360px}.btn-outline{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--green-medium);border:2px solid var(--green-medium);border-radius:var(--radius);padding:10px 20px;font-family:var(--font-primary);font-weight:600;font-size:14px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.btn-outline:hover{background-color:var(--green-medium);color:#fff}.btn-outline.btn-copied{border-color:var(--success);color:var(--success);pointer-events:none}.btn-methodology{display:inline-block;background:none;border:none;color:var(--green-medium);font-family:var(--font-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;margin-top:8px;transition:color .15s ease}.btn-methodology:hover{color:var(--green-dark)}.results-screen{padding-top:24px;padding-bottom:40px}.result-header{text-align:center;margin-bottom:20px}.status-badge{display:inline-block;font-size:14px;font-weight:700;padding:6px 20px;border-radius:20px;letter-spacing:.3px}.status-safe{background:#22c55e1a;color:#15803d}.status-upcoming{background:#f59e0b1a;color:#b45309}.status-keep,.status-employed{background:#1e53491a;color:var(--green-medium)}.destruction-date-card{text-align:center;background:var(--cream);border-radius:12px;padding:28px 24px;margin-bottom:24px}.date-label{font-size:15px;font-weight:500;color:var(--text-light);margin-bottom:8px}.destruction-date{font-size:clamp(22px,4.5vw,30px);font-weight:700;line-height:1.2;margin-bottom:8px}.days-remaining{font-size:14px;color:var(--text-light);font-weight:500}.days-remaining.safe{color:var(--success)}.rule-explanation{margin-bottom:24px}.rule-explanation h3{font-size:16px;font-weight:600;color:var(--green-dark);margin-bottom:12px}.rule-cards{display:flex;gap:10px;margin-bottom:12px}.rule-card{flex:1;padding:14px;border:2px solid var(--border);border-radius:var(--radius);background:var(--white);transition:border-color .15s ease}.rule-card.active{border-color:var(--green-medium);background:var(--green-tint)}.rule-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.rule-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--green-medium);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.rule-card:not(.active) .rule-check{background:var(--border);color:transparent}.rule-name{font-size:14px;font-weight:600;color:var(--green-dark)}.rule-desc{font-size:12px;color:var(--text-light);margin-bottom:4px}.rule-date{font-size:15px;font-weight:600;color:var(--body-text)}.rule-card.active .rule-date{color:var(--green-dark)}.rule-summary{font-size:14px;color:var(--text-light);line-height:1.5}.timeline{margin-bottom:16px}.timeline h3{font-size:16px;font-weight:600;color:var(--green-dark);margin-bottom:16px}.timeline-track{display:flex;align-items:flex-start;gap:0;padding:0 8px}.timeline-point{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative}.timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--border);border:3px solid var(--white);box-shadow:0 0 0 2px var(--border);z-index:1}.timeline-point.hire .timeline-dot{background:var(--green-medium);box-shadow:0 0 0 2px var(--green-medium)}.timeline-point.termination .timeline-dot{background:var(--text-light);box-shadow:0 0 0 2px var(--text-light)}.timeline-point.destruction .timeline-dot,.timeline-point.destruction.safe .timeline-dot{background:var(--success);box-shadow:0 0 0 2px var(--success)}.timeline-point.destruction.upcoming .timeline-dot{background:var(--warning);box-shadow:0 0 0 2px var(--warning)}.timeline-point.destruction.keep .timeline-dot{background:var(--green-medium);box-shadow:0 0 0 2px var(--green-medium)}.timeline-line{flex:1;height:2px;background:var(--border);margin-top:6px;min-width:20px}.timeline-label{display:flex;flex-direction:column;align-items:center;margin-top:8px;text-align:center}.timeline-date{font-size:12px;font-weight:600;color:var(--body-text);white-space:nowrap}.timeline-event{font-size:11px;color:var(--text-light);white-space:nowrap}.methodology{text-align:left;margin-top:12px;padding:16px;background:var(--bg-light);border-radius:var(--radius);animation:fadeIn var(--transition-speed) ease-out}.methodology p{font-size:14px;color:var(--text-light);line-height:1.6;margin-bottom:12px}.methodology ul{font-size:14px;color:var(--text-light);line-height:1.6;padding-left:20px;margin-bottom:12px}.methodology li{margin-bottom:6px}.methodology-note{font-size:13px;font-style:italic}.employed-card{background:var(--green-tint);border:2px solid var(--green-medium);border-radius:12px;padding:28px 24px;margin-bottom:24px;text-align:center}.employed-card h2{font-size:clamp(20px,3.5vw,24px);font-weight:700;color:var(--green-dark);margin-bottom:12px}.employed-card>p{font-size:15px;color:var(--body-text);line-height:1.6;margin-bottom:20px}.employed-detail{text-align:left;padding:12px 0;border-top:1px solid var(--border)}.detail-label{font-size:13px;color:var(--text-light);font-weight:500;margin-bottom:2px}.detail-value{font-size:16px;font-weight:600;color:var(--green-dark)}.detail-hint{font-size:12px;color:var(--text-light);margin-top:4px;line-height:1.4}.cta-section{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.cta-text{font-size:16px;font-weight:500;color:var(--green-dark);margin-bottom:16px}.social-proof{font-size:13px;color:var(--text-light);margin-top:10px;margin-bottom:16px}.secondary-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.secondary-actions .btn-outline{width:100%;max-width:360px}@media (max-width: 480px){#root{padding:0 12px}.btn-large{padding:14px 24px;font-size:16px}.rule-cards,.toggle-group{flex-direction:column}.destruction-date-card,.employed-card,.form-card{padding:24px 16px}.timeline-track{padding:0}}