@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*{font-family:Ubuntu,sans-serif;padding:0;margin:0}.container{width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#e4e4ee}.card{width:25rem;background-color:#fff;border-radius:.5rem;overflow:hidden;margin:0 .5rem}.card-header{padding:24px 20px;border-bottom:1px solid #edf2f7;text-align:center;background:linear-gradient(135px,#fff,#f9fafb);border-radius:12px 12px 0 0}.card-header .title{margin:0;font-size:1.5rem;font-weight:800;color:#1a202c;letter-spacing:-.025em}.card-body{padding:1rem}.input-group{margin-bottom:1rem;display:flex;flex-direction:column;gap:10px}.input-group label{font-weight:600;color:#333;display:flex;justify-content:space-between}input[type=range]{width:100%;height:8px;background:#e0e0e0;border-radius:5px;outline:none;cursor:pointer;transition:background .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#4a90e2;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .1s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);background:#357abd}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#4a90e2;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer}input[type=range]::-moz-range-thumb:hover{background:#357abd}input[type=checkbox]{accent-color:#4a3f62}input:focus{outline:none}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.checkbox-container{display:flex;align-items:center;padding:12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.checkbox-container:hover{background:#f1f3f5;border-color:#dee2e6}.checkbox-container:has(input:checked){background:#e7f5ff;border-color:#4a90e2}.checkbox-container input[type=checkbox]{width:18px;height:18px;margin-right:12px;cursor:pointer;accent-color:#4a90e2}.checkbox-container label{font-size:.95rem;font-weight:500;color:#495057;cursor:pointer;flex:1}.btn{display:block;width:100%;padding:14px 24px;margin-top:10px;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #4a90e233,0 2px 4px -1px #0000000f}.btn:hover{background-color:#357abd;transform:translateY(-1px);box-shadow:0 10px 15px -3px #4a90e24d}.btn:active{transform:translateY(0);background-color:#2a6198}.btn:disabled{background-color:#cbd5e0;cursor:not-allowed;transform:none}.error{font-size:14px;font-weight:500;color:red}.password{width:23rem;background-color:#fff;border-radius:.5rem;padding:1rem;margin-top:1rem;display:flex;justify-content:space-between}.password>p{font-size:1rem;font-weight:500;color:#343434;margin:.3rem 0}.copy-btn{background-color:transparent;border:none;cursor:pointer}@media(max-width:400px){.options-grid{grid-template-columns:1fr}}