@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap);.pg-container{font-family:'Inter',sans-serif;background:linear-gradient(180deg,#f7f9fc 0%,#eef1f6 100%);border-radius:20px;padding:35px;max-width:550px;margin:50px auto;box-shadow:0 15px 30px rgb(0 0 0 / .1);text-align:center;border:none;position:relative;overflow:hidden}.pg-container::before{content:'';position:absolute;top:-50px;left:-50px;width:150px;height:150px;background:radial-gradient(circle,#89cff0 0%,transparent 70%);border-radius:50%;opacity:.3;filter:blur(40px);z-index:0}.pg-container::after{content:'';position:absolute;bottom:-70px;right:-70px;width:180px;height:180px;background:radial-gradient(circle,#a2d9ff 0%,transparent 70%);border-radius:50%;opacity:.25;filter:blur(50px);z-index:0}.pg-title{color:#2c3e50;font-size:2.5em;margin-bottom:35px;font-weight:800;letter-spacing:-.5px;position:relative;z-index:1}.pg-input-group{margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:1}.pg-label{color:#555;font-size:1.15em;font-weight:600}.pg-input{width:90px;padding:14px 18px;border:1px solid #cdd1d8;border-radius:10px;font-size:1.2em;text-align:center;transition:all 0.3s ease;background-color:#fff;box-shadow:inset 0 2px 4px rgb(0 0 0 / .06)}.pg-input:focus{outline:none;border-color:#4a90e2;box-shadow:inset 0 2px 4px rgb(0 0 0 / .08),0 0 0 4px rgb(74 144 226 / .2)}.pg-checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-content:center;gap:15px 25px;margin-bottom:35px;position:relative;z-index:1}.pg-checkbox-label{display:flex;align-items:center;color:#4a4a4a;font-size:1.05em;cursor:pointer;user-select:none;transition:color 0.2s ease}.pg-checkbox-label:hover{color:#4a90e2}.pg-checkbox-label input[type="checkbox"]{appearance:none;width:24px;height:24px;border:2px solid #aeb8c6;border-radius:6px;margin-right:12px;position:relative;cursor:pointer;transition:all 0.2s ease;background-color:#f0f2f5;box-shadow:inset 0 1px 3px rgb(0 0 0 / .05)}.pg-checkbox-label input[type="checkbox"]:checked{background-color:#4a90e2;border-color:#4a90e2;box-shadow:0 0 0 3px rgb(74 144 226 / .2)}.pg-checkbox-label input[type="checkbox"]:checked::after{content:'✔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700}.pg-radio-group{display:flex;justify-content:center;gap:40px;margin-bottom:35px;margin-top:25px;position:relative;z-index:1}.pg-radio-label{display:flex;align-items:center;color:#4a4a4a;font-size:1.1em;font-weight:500;cursor:pointer;user-select:none;transition:color 0.2s ease}.pg-radio-label:hover{color:#4a90e2}.pg-radio-label input[type="radio"]{appearance:none;width:22px;height:22px;border:2px solid #aeb8c6;border-radius:50%;margin-right:10px;position:relative;cursor:pointer;transition:all 0.2s ease;background-color:#f0f2f5;box-shadow:inset 0 1px 3px rgb(0 0 0 / .05)}.pg-radio-label input[type="radio"]:checked{background-color:#4a90e2;border-color:#4a90e2;box-shadow:0 0 0 3px rgb(74 144 226 / .2)}.pg-radio-label input[type="radio"]:checked::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#fff}.pg-button{background:linear-gradient(145deg,#4a90e2 0%,#63b8ff 100%);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:1.2em;font-weight:700;cursor:pointer;transition:all 0.3s ease;box-shadow:0 6px 15px rgb(0 0 0 / .15);outline:none;letter-spacing:.5px;position:relative;z-index:1}.pg-button:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgb(0 0 0 / .2);background:linear-gradient(145deg,#3a7bd5 0%,#51a0ed 100%)}.pg-button:active{transform:translateY(0);box-shadow:0 2px 5px rgb(0 0 0 / .1)}.pg-output-group{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:15px;position:relative;z-index:1}.pg-output-input{flex-grow:1;padding:14px 18px;border:1px solid #cdd1d8;border-radius:10px;font-size:1.2em;background-color:#f0f2f5;color:#333;text-align:center;cursor:text;box-shadow:inset 0 2px 4px rgb(0 0 0 / .06);transition:all 0.3s ease}.pg-output-input::placeholder{color:#999}.pg-output-input:focus{outline:none;border-color:#4a90e2;box-shadow:inset 0 2px 4px rgb(0 0 0 / .08),0 0 0 4px rgb(74 144 226 / .2)}.pg-copy-btn{padding:14px 22px;background-color:#e0e0e0;color:#555;box-shadow:0 2px 5px rgb(0 0 0 / .08);border-radius:10px}.pg-copy-btn:hover{background-color:#d1d1d1;transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .12)}.pg-copy-btn:active{background-color:silver;transform:translateY(0);box-shadow:inset 0 1px 3px rgb(0 0 0 / .1)}.pg-copy-message{margin-top:18px;color:#28a745;font-weight:600;opacity:0;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease;position:relative;z-index:1}.pg-copy-message.show{opacity:1;transform:translateY(0)}.pg-password-strength{margin-top:20px;padding:10px 20px;border-radius:10px;font-size:1.2em;font-weight:700;text-align:center;min-height:45px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px rgb(0 0 0 / .06);transition:all 0.3s ease;position:relative;z-index:1}.pg-strength-low{color:#e67e22;background-color:#fff3e0;border:1px solid #e67e22}.pg-strength-good{color:#007bff;background-color:#e0f0ff;border:1px solid #007bff}.pg-strength-excellent{color:#28a745;background-color:#e6ffe6;border:1px solid #28a745}@media (max-width:600px){.pg-container{padding:25px;margin:25px auto}.pg-title{font-size:2em;margin-bottom:25px}.pg-input-group{flex-direction:column;gap:15px}.pg-checkbox-group{grid-template-columns:1fr;gap:10px;align-items:flex-start}.pg-radio-group{flex-direction:column;align-items:flex-start;gap:15px}.pg-output-group{flex-direction:column;gap:10px}.pg-button{width:100%;margin-top:15px}.pg-output-input{width:100%}.pg-copy-btn{width:100%}}