@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button,input{font-family:inherit}.header{position:fixed;top:0;left:0;right:0;height:64px;background-color:#0f0f0f;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 2rem;z-index:1000}.header-content{width:100%;max-width:var(--container-width);margin:0 auto;display:flex;align-items:center}.logo-container{display:flex;align-items:center;gap:10px}.logo-icon{width:28px;height:28px;object-fit:contain}.logo-text{font-size:1.25rem;font-weight:600;color:#fff;letter-spacing:.3px}.sidebar{position:fixed;top:96px;left:calc(50% - (var(--container-width) / 2));width:var(--sidebar-width);background-color:#141414;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:.75rem;z-index:999}.sidebar-nav{width:100%}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;align-items:center}.nav-item{margin:0}.nav-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid transparent;color:#9ca3af;font-size:.9rem;cursor:pointer;transition:all .2s ease;border-radius:16px;position:relative}.nav-button:hover{color:#fff;background-color:#ffffff0a}.nav-button.active{background-color:#ffffff14;color:#fff;border-color:#ffffff1f}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.layout{min-height:100vh;background-color:#0f0f0f;--container-width: 980px;--sidebar-width: 72px;--sidebar-gap: 24px}.main-content{width:var(--container-width);margin:64px auto 0;padding:0 0 2rem calc(var(--sidebar-width) + var(--sidebar-gap));min-height:calc(100vh - 64px);background-color:#0f0f0f}.strength-meter{width:100%;height:6px;background-color:#ffffff14;border-radius:999px;overflow:hidden;position:relative;margin-bottom:1rem}.strength-meter-fill{height:100%;transition:width .5s ease,background-color .5s ease,box-shadow .5s ease;border-radius:999px;position:relative}.strength-meter-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.password-checker{width:100%;max-width:900px;margin:0 auto;animation:fadeIn .5s ease;padding:0 1rem}.checker-container{background-color:transparent;border-radius:0;padding:3rem 2rem;border:none;width:100%}.checker-title{font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 .5rem;text-align:left;letter-spacing:-.5px}.checker-subtitle{font-size:.95rem;color:#888;text-align:left;margin:0 0 2.5rem;font-weight:400}.input-wrapper{display:flex;flex-direction:column;gap:1.5rem}.password-input-container{position:relative;display:flex;align-items:center}.password-input{width:100%;padding:1rem 3.5rem 1rem 1.5rem;font-size:.95rem;background-color:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#fff;outline:none;transition:all .2s ease}.password-input:focus{border-color:#fff3;background-color:#1f1f1f}.password-input::placeholder{color:#666}.toggle-password{position:absolute;right:.75rem;background:none;border:none;color:#888;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease;border-radius:999px}.toggle-password:hover{color:#fff}.strength-container{display:flex;flex-direction:column;gap:.5rem}.strength-info{display:flex;justify-content:space-between;align-items:center}.strength-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.strength-score{font-size:.875rem;color:#888;font-weight:500}.feedback-container{background-color:#1a1a1a;border-radius:20px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}.feedback-title{font-size:.875rem;color:#fff;margin:0 0 1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feedback-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.feedback-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;background-color:#ffffff05;transition:background-color .2s ease;font-size:.9rem}.feedback-item:hover{background-color:#ffffff0a}.feedback-item.positive{color:#68d391}.feedback-item.negative{color:#fc8181}.feedback-icon{display:flex;align-items:center;flex-shrink:0}.placeholder-message{text-align:center;padding:2rem;color:#555;font-size:.9rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-generator{width:100%;max-width:900px;margin:0 auto;animation:fadeIn .5s ease;padding:0 1rem}.generator-container{background-color:transparent;border-radius:0;padding:3rem 2rem;border:none;width:100%}.generator-title{font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 .5rem;text-align:left;letter-spacing:-.5px}.generator-subtitle{font-size:.95rem;color:#888;text-align:left;margin:0 0 2.5rem;font-weight:400}.generator-content{display:flex;flex-direction:column;gap:2rem}.password-display-container{display:flex;flex-direction:column;gap:.5rem}.password-display{position:relative;display:flex;align-items:center}.generated-password-input{width:100%;padding:1rem 3.5rem 1rem 1.5rem;font-size:.95rem;background-color:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#fff;outline:none;font-family:Courier New,monospace;letter-spacing:1px;transition:all .2s ease}.generated-password-input:focus{border-color:#fff3;background-color:#1f1f1f}.copy-button{position:absolute;right:.75rem;background:none;border:none;color:#888;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease;border-radius:999px}.copy-button:hover:not(:disabled){color:#fff}.copy-button:disabled{opacity:.5;cursor:not-allowed}.copied-message{text-align:center;color:#68d391;font-size:.875rem;animation:fadeInOut .3s ease}.options-panel{background-color:#1a1a1a;border-radius:20px;padding:1.75rem;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1.75rem}.option-group{display:flex;flex-direction:column;gap:1rem}.option-label{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.length-value{color:#888;font-size:1rem;font-weight:600}.length-slider{width:100%;height:6px;background:transparent;border-radius:999px;outline:none;-webkit-appearance:none;cursor:pointer}.length-slider::-webkit-slider-runnable-track{height:6px;background-color:#ffffff14;border-radius:999px}.length-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background-color:#2f3542;border:2px solid #9ca3af;border-radius:999px;cursor:pointer;transition:background-color .2s ease;margin-top:-4px}.length-slider::-webkit-slider-thumb:hover{background-color:#3b4252}.length-slider::-moz-range-track{height:6px;background-color:#ffffff14;border-radius:999px}.length-slider::-moz-range-thumb{width:14px;height:14px;background-color:#2f3542;border:none;border:2px solid #9ca3af;border-radius:999px;cursor:pointer;transition:background-color .2s ease}.length-slider::-moz-range-thumb:hover{background-color:#3b4252}.checkboxes{display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;color:#ccc;font-size:.9rem;cursor:pointer;padding:.625rem;border-radius:12px;transition:background-color .2s ease}.checkbox-label:hover{background-color:#ffffff0a;color:#fff}.checkbox-input{width:18px;height:18px;cursor:pointer;border-radius:4px;background-color:#151515;border:1px solid rgba(255,255,255,.18);appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-input:checked{background-color:#1f2937;border-color:#e5e7eb}.checkbox-input:checked:after{content:"";width:6px;height:10px;border-right:2px solid #e5e7eb;border-bottom:2px solid #e5e7eb;transform:rotate(45deg);margin-top:-1px}.generate-button{width:100%;padding:1rem 2rem;font-size:.9rem;font-weight:600;background-color:#1f1f1f;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.generate-button:hover:not(:disabled){background-color:#252525;border-color:#ffffff26}.generate-button:active:not(:disabled){background-color:#1f1f1f}.generate-button:disabled{opacity:.4;cursor:not-allowed;background-color:#181818;border-color:#ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#0f0f0f;color:#fff}