:root{--muted:#9aa3b2;--maxw:1100px}body{color:#fff;text-align:center;background:radial-gradient(circle,#181818,#000);padding:40px;font-family:Segoe UI,sans-serif}h1{margin-bottom:15px}.container{background:#ffffff0d;border-radius:10px;width:90%;max-width:550px;margin:0 auto;padding:25px}.password-wrapper{width:90%;display:inline-block;position:relative}input[type=password],input[type=text]{color:#eee;text-align:center;background:#222;border:none;border-radius:8px;width:80%;padding:12px 45px 12px 12px;font-size:1em}.toggle-btn{color:#ccc;cursor:pointer;background:0 0;border:none;font-size:1.2em;position:absolute;top:9px}.toggle-btn:hover{color:#fff}.bar-container{background:#333;border-radius:8px;width:90%;height:15px;margin:15px auto;overflow:hidden}.bar{background:red;border-radius:8px;width:0%;height:100%;transition:width .3s,background .3s}.highlight{color:#0fc}.entropy{color:#9cf;margin-top:10px;font-size:.9em}.hint{color:#f88;font-size:.9em}.feedback{text-align:left;margin-top:10px;font-size:1em}button.generate{color:#fff;cursor:pointer;background:#0a8;border:none;border-radius:6px;margin-top:15px;padding:10px 20px;font-size:1em;transition:background .3s}button.generate:hover{background:#0ca}.options{color:#aaa;margin-top:10px;font-size:.9em}.breach-warning{border-radius:6px;margin-top:12px;padding:10px;font-size:.95em}.breached{color:#f66;background:#f003}.safe{color:#0f8;background:#00ff641a}footer{background:linear-gradient(#ffffff03,#ffffff01);border-radius:12px;justify-content:space-between;align-items:center;margin-top:60px;padding:26px;display:flex}.socials a{color:var(--muted);margin-left:10px;text-decoration:none}.wrap{max-width:var(--maxw);margin:36px auto;padding:0 20px}