@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap);body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#f9f9f9;display:flex;justify-content:center;align-items:center;height:100vh}.email-input{width:90%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px}.signup-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:40px 30px;width:100%;max-width:360px;text-align:center}.create-account{font-weight:600;color:#fff;background:linear-gradient(135deg,#7f57ff,#5a6ee1,#0078ff);border:none;cursor:pointer;transition:background .3s ease,transform .2s ease}.create-account{width:calc(100% - 20px);padding:12px;font-size:16px;margin:0 auto 20px;border:1px solid #ddd;border-radius:8px;display:block}.create-account:hover{background:linear-gradient(135deg,#6d48e6,#4c5cd4,#06c);transform:translateY(-2px)}.create-account{padding:10px 20px;font-size:16px;color:#fff;background-color:gray;border:none;border-radius:4px;cursor:not-allowed;opacity:.5;transition:background-color .3s,opacity .3s}.create-account:enabled{background-color:green;cursor:pointer;opacity:1}.password-container{font-family:Arial,sans-serif;max-width:400px}.password-input-wrapper{position:relative}.password-input{width:90%;padding:10px;margin:10px 0;font-size:16px;border:1px solid #ccc;border-radius:4px}.visibility-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;font-size:16px;cursor:pointer}.password-criteria{margin-top:10px}.criteria{display:flex;align-items:center;font-size:14px;margin:5px 0;cursor:help}.icon{margin-right:10px}.criteria .icon{width:20px}.criteria.valid .icon{color:green}.criteria.invalid .icon{color:red}.strength-meter{height:10px;width:100%;background:#eee;border-radius:5px;overflow:hidden;margin-top:10px}.strength-bar{height:100%;width:0%;background:red;transition:width .3s,background .3s;border-radius:5px}.strength-text{margin-top:5px;font-size:14px}