:root{--primary-color:#0d6efd;--secondary-color:#6c757d;--success-color:#198754;--info-color:#0dcaf0;--warning-color:#ffc107;--danger-color:#dc3545;--light-bg:#f8f9fa;--dark-text:#212529}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--dark-text);background-color:#fff;line-height:1.6}header{background:linear-gradient(135deg,#0d6efd 0,#0a58ca 100%);box-shadow:0 2px 10px rgba(0,0,0,.1)}header h1{font-weight:700;font-size:2rem}header p{font-size:1.1rem;opacity:.95}.card{border:none;border-radius:12px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)!important}.card-header{border-bottom:2px solid #e9ecef;padding:1rem 1.5rem;border-radius:12px 12px 0 0!important}.card-body{padding:1.5rem}.feature-box{text-align:center;padding:1rem;background:var(--light-bg);border-radius:8px;transition:.3s}.feature-box:hover{background:#e9ecef;transform:translateY(-3px)}.feature-box h6{font-weight:600;margin-bottom:.25rem}.form-label{color:var(--dark-text);margin-bottom:.5rem;font-size:.95rem}.form-control,.form-select{border-radius:8px;border:1px solid #dee2e6;padding:.625rem .875rem;transition:border-color .15s,box-shadow .15s}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(13,110,253,.15)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.form-check{padding:0;margin-bottom:0;margin-left:1.5rem;display:flex;align-items:center}.form-check-input{width:1.25rem;height:1.25rem;margin-top:0;margin-right:.5rem;cursor:pointer;flex-shrink:0}.form-check-label{cursor:pointer;margin-left:0;margin-bottom:0;line-height:1.25rem}.btn{border-radius:8px;padding:.625rem 1.25rem;font-weight:500;transition:.2s}.btn-primary{background:linear-gradient(135deg,#0d6efd 0,#0a58ca 100%);border:none}.btn-primary:hover{background:linear-gradient(135deg,#0a58ca 0,#084298 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(13,110,253,.3)}.btn-lg{padding:.875rem 1.5rem;font-size:1.1rem}.btn-outline-primary{border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px)}#output{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.25rem;font-family:'Courier New',Courier,monospace;font-size:.875rem;max-height:500px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}#output code{color:#212529}#copyFeedback{animation:.3s slideIn}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.implementation-steps{padding-left:1.5rem}.implementation-steps li{margin-bottom:1rem;line-height:1.6}.implementation-steps code{background-color:#f8f9fa;padding:.2rem .4rem;border-radius:4px;font-size:.9rem;color:#d63384}.implementation-steps pre{font-size:.85rem;margin-bottom:0}footer{border-top:1px solid #dee2e6;margin-top:auto}footer a{color:var(--primary-color);text-decoration:none;transition:color .2s}footer a:hover{color:#0a58ca;text-decoration:underline}.intro-section .card-text{font-size:1.05rem;line-height:1.7}@media (max-width:768px){header h1{font-size:1.5rem}header p{font-size:.95rem}.btn-lg{padding:.75rem 1.25rem;font-size:1rem}.feature-box{margin-bottom:1rem}#output{font-size:.8rem;max-height:300px}.checkbox-grid{grid-template-columns:1fr}}#output::-webkit-scrollbar{width:8px}#output::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}#output::-webkit-scrollbar-thumb{background:#888;border-radius:8px}#output::-webkit-scrollbar-thumb:hover{background:#555}.bi{margin-right:.25rem}*{transition:background-color .2s,color .2s}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}