body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}*,body{margin:0}body{font-family:Arial,sans-serif;overflow:hidden}.app{align-items:center;background:linear-gradient(135deg,#0f172a,#111827,#1e293b);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.app:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;content:"";inset:0;position:absolute}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a94;border:1px solid #ffffff29;border-radius:28px;box-shadow:0 24px 60px #00000073,inset 0 1px 1px #ffffff1f;max-width:420px;overflow:hidden;padding:30px;position:relative;transition:.4s;width:100%;z-index:2}.card:hover{transform:translateY(-4px)}.topGlow{background:#3b82f6;filter:blur(100px);height:220px;opacity:.45;position:absolute;right:-80px;top:-90px;width:220px}h1{color:#fff;font-size:32px;font-weight:700;margin-bottom:10px}.subtitle,h1{position:relative;z-index:2}.subtitle{color:#cbd5e1;font-size:14px;margin-bottom:28px}.passwordContainer{display:flex;gap:10px;margin-bottom:25px;position:relative;z-index:2}.passwordInput{background:#ffffff1f;border:none;border-radius:14px;color:#fff;flex:1 1;font-size:16px;height:52px;outline:none;padding:0 16px}.passwordInput::placeholder{color:#cbd5e1}.passwordInput:focus{box-shadow:0 0 0 3px #3b82f659}.copyBtn{background:#2563eb;border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:600;padding:0 18px;transition:.3s}.copyBtn:hover{background:#1d4ed8}.sliderBox{margin-bottom:25px;position:relative;z-index:2}.lengthRow{color:#fff;display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.slider{accent-color:#3b82f6;width:100%}.options{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:28px;position:relative;z-index:2}.option{align-items:center;background:#ffffff14;border-radius:14px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:14px;transition:.3s}.option:hover{background:#ffffff24}.option input{accent-color:#2563eb;height:18px;width:18px}.generateBtn{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:54px;position:relative;transition:.3s;width:100%;z-index:2}.generateBtn:hover{box-shadow:0 12px 30px #2563eb66;transform:translateY(-2px)}.copyBtn:active,.generateBtn:active{transform:scale(.97)}
/*# sourceMappingURL=main.5851e7e4.css.map*/