:root{--bg:#0b0b10;--surface:#111218;--surface-light:#1a1c25;--muted:#9aa3b2;--text:#e6e8ef;--accent:#e11d48;--accent-2:#8079ff;--success:#10b981;--warning:#f59e0b;--info:#3b82f6;--glass:rgba(255, 255, 255, 0.08);--radius:16px;--radius-sm:8px;--shadow:0 10px 30px rgba(0, 0, 0, 0.35);--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Montserrat',system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#0a0b0f 0%,#0d0f16 100%);color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden}.bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;background-color:rgb(255 255 255 / .1);bottom:-160px;border-radius:50%;animation:square 25s infinite;transition-timing-function:linear}.bg-bubbles li:nth-child(1){left:10%;animation-delay:0s;width:80px;height:80px}.bg-bubbles li:nth-child(2){left:20%;animation-delay:2s;animation-duration:17s;width:60px;height:60px}.bg-bubbles li:nth-child(3){left:25%;animation-delay:4s;width:120px;height:120px}.bg-bubbles li:nth-child(4){left:40%;animation-delay:0s;animation-duration:22s;width:160px;height:160px}.bg-bubbles li:nth-child(5){left:70%;animation-delay:3s;width:100px;height:100px}.bg-bubbles li:nth-child(6){left:80%;animation-delay:2s;width:120px;height:120px}.bg-bubbles li:nth-child(7){left:32%;animation-delay:6s;width:140px;height:140px}.bg-bubbles li:nth-child(8){left:55%;animation-delay:8s;animation-duration:18s;width:40px;height:40px}.bg-bubbles li:nth-child(9){left:25%;animation-delay:9s;animation-duration:20s;width:20px;height:20px}.bg-bubbles li:nth-child(10){left:90%;animation-delay:11s;width:60px;height:60px}@keyframes square{0%{transform:translateY(0) rotate(0deg);opacity:.5;border-radius:50%}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.recover-container{width:100%;max-width:440px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative;z-index:1;border:1px solid rgb(255 255 255 / .1);backdrop-filter:blur(10px)}.recover-header{background:var(--accent-2);padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden}.logo{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff;font-weight:800;font-size:1.8rem}.logo i{color:#fff;margin-right:12px;font-size:2.2rem}.recover-header h1{font-weight:700;font-size:1.8rem;margin-bottom:.5rem;color:#fff}.recover-header p{color:rgb(255 255 255 / .8);font-size:1rem}.recover-body{padding:2rem}.form-group{margin-bottom:1.5rem;position:relative}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text);display:flex;align-items:center}.form-label i{margin-right:10px;color:var(--accent-2)}.form-control{width:100%;padding:14px 16px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);border-radius:10px;color:var(--text);font-size:1rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px rgb(6 182 212 / .2);background:rgb(255 255 255 / .08)}.form-control::placeholder{color:var(--muted)}.btn{display:block;width:100%;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-align:center}.btn-primary{background:var(--accent-2);color:#fff;margin-bottom:1.5rem;box-shadow:0 4px 10px #8079ff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgb(6 182 212 / .4)}.recover-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / .1)}.recover-footer a{color:var(--accent-2);text-decoration:none;font-weight:600;transition:color 0.3s}.recover-footer a:hover{color:#0ea5e9;text-decoration:underline}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recover-container{animation:fadeIn 0.6s ease-out}.success-message{display:none;background:rgb(16 185 129 / .1);border:1px solid rgb(16 185 129 / .3);border-radius:10px;padding:1rem;margin-bottom:1.5rem;text-align:center}.success-message i{color:var(--success);font-size:2rem;margin-bottom:.5rem}.success-message p{color:var(--text);margin-bottom:0}@media (max-width:480px){.recover-container{margin:0 10px}.recover-header{padding:2rem 1.5rem}.recover-body{padding:1.5rem}.logo{font-size:1.5rem}.recover-header h1{font-size:1.5rem}}.is-invalid{border-color:#ff4757!important}.invalid-feedback{color:#ff4757;font-size:.85rem;margin-top:.5rem;display:none}.is-invalid+.invalid-feedback{display:block}.text-danger{color:#ff4757;font-size:.85rem;margin-top:.5rem}