body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0}.main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:10px}.container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgb(0 0 0 / .1);padding:10px;width:100%;max-width:600px;text-align:center}h1,h1 a{color:#333;margin-bottom:20px}.description{color:#666;margin-bottom:30px}.password-display{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;font-family:monospace;font-size:22px;margin:25px 0;padding:15px;text-align:center;min-height:30px;word-break:break-all}.generate-btn{background-color:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:150px;width:150px;margin:0 auto 20px;transition:all 0.3s ease}.generate-btn:hover{background-color:#c0392b;transform:scale(1.05)}.generate-btn:active{transform:scale(.95)}.copy-btn{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color 0.3s ease}.copy-btn:hover{background-color:#2980b9}.strength-meter{margin-top:20px;color:#666}.debug-info{margin-top:30px;font-size:14px;color:#888;text-align:left;border-top:1px solid #eee;padding-top:20px}.features{margin-top:30px;text-align:left;font-size:14px}.features h3{margin-bottom:10px}.features ul{padding-left:20px}footer{background-color:#333;color:#fff;text-align:center;padding:15px;margin-top:auto;width:100%}.footer-menu{list-style:none;padding:0;margin:0;display:flex;justify-content:center}.footer-menu li{margin:0 15px}.footer-menu a{color:#fff;text-decoration:none;font-size:14px;transition:color 0.3s}.footer-menu a:hover{color:#e74c3c}.copyright{margin-top:10px;font-size:12px;color:#aaa}