:root{--dc-color-primary: #0eb977;--dc-color-primary-hover: #0ca368;--dc-color-bg: #FFFFFF;--dc-color-bg-alt: #f8f9fa;--dc-color-text: #2a2a2a;--dc-color-text-muted: #6B7280;--dc-color-border: #E5E7EB;--dc-color-error: #EF4444;--dc-color-warning-bg: #FEF3C7;--dc-color-warning-text: #92400E;--dc-radius-sm: 6px;--dc-radius-md: 12px;--dc-radius-lg: 16px;--dc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--dc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--dc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dc-font-sans: "DM Sans", "Barlow Condensed", sans-serif}.dc-calculator-container{font-family:var(--dc-font-sans);color:var(--dc-color-text);line-height:1.5;box-sizing:border-box;max-width:900px;margin:0 auto;background:var(--dc-color-bg);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow-lg);overflow:hidden;border:1px solid var(--dc-color-border)}.dc-calculator-container *,.dc-calculator-container *:before,.dc-calculator-container *:after{box-sizing:inherit}.dc-calculator-grid{display:flex;flex-direction:column}@media(min-width:768px){.dc-calculator-grid{flex-direction:row}}.dc-form-panel{padding:2rem;flex:1 1 60%}.dc-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:var(--dc-color-text);letter-spacing:-.025em}.dc-form{display:flex;flex-direction:column;gap:1.5rem}.dc-field-row{display:flex;gap:1rem;flex-wrap:wrap}.dc-field-row>.dc-field-group{flex:1 1 calc(33.333% - 1rem);min-width:80px}.dc-field-group{display:flex;flex-direction:column;gap:.5rem}.dc-label{font-size:.875rem;font-weight:600;color:var(--dc-color-text)}.dc-unit{font-size:.75rem;font-weight:400;color:var(--dc-color-text-muted)}.dc-input,.dc-select{width:100%;padding:.625rem .75rem;font-size:.95rem;font-family:var(--dc-font-sans);background-color:var(--dc-color-bg);border:1px solid var(--dc-color-border);border-radius:var(--dc-radius-md);outline:none;transition:all .2s ease;box-shadow:var(--dc-shadow-sm);appearance:none}.dc-input,.dc-select{color:var(--dc-color-text);font-weight:400}.dc-input::placeholder{color:var(--dc-color-text-muted);font-weight:400;opacity:.6}.dc-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.dc-input:focus,.dc-select:focus{border-color:var(--dc-color-primary);box-shadow:0 0 0 3px #4f46e526}.dc-radio-group{display:flex;gap:1rem}.dc-radio-label{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 0}.dc-radio-label input[type=radio]{accent-color:var(--dc-color-primary);width:1.1rem;height:1.1rem;cursor:pointer}.dc-error{font-size:.75rem;color:var(--dc-color-error);margin-top:-.25rem;animation:dc-shake .4s ease-in-out}.dc-result-panel-wrapper{background:var(--dc-color-bg-alt);padding:2rem;flex:1 1 40%;border-top:1px solid var(--dc-color-border);display:flex;flex-direction:column}@media(min-width:768px){.dc-result-panel-wrapper{border-top:none;border-left:1px solid var(--dc-color-border)}}.dc-result-panel{display:flex;flex-direction:column;gap:1.5rem;height:100%}.dc-empty{justify-content:center;align-items:center;text-align:center;color:var(--dc-color-text-muted)}.dc-empty-state{padding:2rem;border:2px dashed var(--dc-color-border);border-radius:var(--dc-radius-md);font-size:.95rem}.dc-subtitle{margin:0;font-size:1.125rem;font-weight:600;color:var(--dc-color-text)}.dc-card-highlight{background:linear-gradient(135deg,var(--dc-color-primary) 0%,#6366F1 100%);color:#fff;padding:1.5rem;border-radius:var(--dc-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 15px -3px #4f46e54d;transform:scale(1);transition:transform .2s ease}.dc-card-highlight:hover{transform:scale(1.02)}.dc-card-title{font-size:.875rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.dc-card-value{font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.25rem}.dc-card-subtitle{font-size:.875rem;opacity:.8}.dc-results-row{display:flex;gap:1rem}.dc-card-secondary{flex:1;background:var(--dc-color-bg);padding:1rem;border-radius:var(--dc-radius-md);border:1px solid var(--dc-color-border);box-shadow:var(--dc-shadow-sm);display:flex;flex-direction:column;align-items:center}.dc-card-secondary .dc-card-title{color:var(--dc-color-text-muted);font-size:.75rem}.dc-card-value-small{font-size:1.25rem;font-weight:700;color:var(--dc-color-text)}.dc-explanation{font-size:.8125rem;color:var(--dc-color-text-muted);line-height:1.6}.dc-explanation p{margin:0 0 .5rem}.dc-disclaimer{font-size:.75rem;margin-top:1rem!important;font-style:italic;opacity:.8}.dc-warnings{display:flex;flex-direction:column;gap:.5rem}.dc-warning-item{background:var(--dc-color-warning-bg);color:var(--dc-color-warning-text);padding:.75rem 1rem;border-radius:var(--dc-radius-md);font-size:.8125rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.dc-cta-container{margin-top:auto;padding-top:1.5rem}.dc-btn-primary{display:flex;width:100%;justify-content:center;align-items:center;padding:.875rem 1.5rem;background:var(--dc-color-primary);color:#fff;font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--dc-radius-md);border:none;cursor:pointer;transition:background-color .2s,box-shadow .2s,transform .1s;box-shadow:var(--dc-shadow-md)}.dc-btn-primary:hover{background:var(--dc-color-primary-hover);box-shadow:var(--dc-shadow-lg);transform:translateY(-1px)}.dc-btn-primary:active{transform:translateY(0);box-shadow:var(--dc-shadow-sm)}.dc-fade-in{animation:dc-fade-in .3s ease-out forwards}@keyframes dc-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dc-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}