.ongaraj-login-modal{--primary-color:#2196F3;--border-color:#E3E8EF;--text-color:#1A2B3B;--success-color:#22C55E;--error-color:#EF4444;--background-light:#F8FAFC;--hover-color:#1976D2;display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999}.ongaraj-login-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5)}.ongaraj-login-modal-content{position:relative;max-width:400px;width:90%;margin:50px auto;background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 6px -1px rgb(0 0 0 / .05);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ongaraj-login-modal-close{position:absolute;right:20px;top:20px;font-size:24px;cursor:pointer;color:#64748B;z-index:1}.simple-login-form{padding:0}.form-row{margin-bottom:24px;position:relative}.form-row input{width:100%;height:56px;padding:16px;border:2px solid var(--border-color);border-radius:12px;font-size:15px;transition:all 0.2s;background:#fff}.form-row input:focus{border-color:var(--primary-color);outline:none}.form-row label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;color:#94A3B8;transition:all 0.2s ease-out;background:#fff;padding:0 4px;pointer-events:none}.form-row input:focus+label,.form-row input:not(:placeholder-shown)+label{top:0;transform:translateY(-50%) scale(.9);font-size:12px;color:var(--primary-color);background:#fff;z-index:1}.login-button{width:100%;height:52px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden}.login-button:hover{background:var(--hover-color);transform:translateY(-1px);box-shadow:0 4px 12px rgb(33 150 243 / .2)}.login-button:active{transform:translateY(0)}.form-links{margin-top:24px;text-align:center}.form-links a{color:var(--primary-color);font-size:14px;text-decoration:none;transition:color 0.2s}.form-links a:hover{color:var(--hover-color);text-decoration:underline}.separator{margin:0 10px;color:var(--border-color)}@media (max-width:768px){.ongaraj-login-modal-content{margin:0;padding:24px;width:95%;max-height:90vh;overflow-y:auto}.ongaraj-login-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;overflow:hidden}.form-row input{height:52px;font-size:16px}.form-row label{font-size:15px}.login-button{height:48px;font-size:15px}}.auth-messages{margin-bottom:24px}.auth-message{padding:16px;border-radius:8px;font-size:14px;margin-bottom:16px}.auth-message.success{background:#F0FDF4;color:#166534;border:1px solid #BBF7D0}.auth-message.error{background:#FEF2F2;color:#991B1B;border:1px solid #FECACA}.simple-login-form h2{font-size:24px;font-weight:600;color:var(--text-color);margin-bottom:24px;text-align:center}.form-links{margin-top:24px;text-align:center;font-size:14px}.form-links a{color:var(--primary-color);text-decoration:none;transition:color 0.2s}.form-links a:hover{color:var(--hover-color);text-decoration:underline}.separator{margin:0 10px;color:var(--border-color)}.form-row.remember-me{display:flex;align-items:center;margin-bottom:20px;position:relative}.form-row.remember-me input[type="checkbox"]{position:absolute;opacity:0;width:20px;height:20px;margin:0}.form-row.remember-me label{position:relative;padding-left:32px;cursor:pointer;font-size:14px;color:var(--text-color);display:inline-block;line-height:20px;transform:none;top:auto;left:auto}.form-row.remember-me label:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;background:#fff;transition:all 0.2s ease}.form-row.remember-me label:after{content:'';position:absolute;left:7px;top:4px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:all 0.2s ease}.form-row.remember-me input[type="checkbox"]:checked+label:before{background:var(--primary-color);border-color:var(--primary-color)}.form-row.remember-me input[type="checkbox"]:checked+label:after{opacity:1}.form-row.remember-me input[type="checkbox"]:focus+label:before{box-shadow:0 0 0 3px rgb(33 150 243 / .1)}.form-row.remember-me:hover label:before{border-color:var(--primary-color)}