.forgot-page{background:radial-gradient(at 0 0,#22d3ee26 0%,#0000 50%),radial-gradient(at 100% 100%,#6366f11a 0%,#0000 50%),radial-gradient(#10b9810d 0%,#0000 70%),linear-gradient(135deg,#020617 0%,#0a0f1f 30%,#0f1724 60%,#111827 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.forgot-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.forgot-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1;background:#0f172acc;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:500px;animation:.5s cubic-bezier(.4,0,.2,1) slideUp;position:relative;overflow:hidden;box-shadow:0 24px 80px #0006,inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff0a}.forgot-card:before{content:"";opacity:.8;background:linear-gradient(90deg,#0000 0%,#22d3ee4d 25%,#6366f166 50%,#22d3ee4d 75%,#0000 100%);height:1px;position:absolute;top:0;left:20px;right:20px}.forgot-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee14 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.forgot-card-content{z-index:1;padding:48px;position:relative}.forgot-title{color:#f1f5f9;letter-spacing:.3px;align-items:center;gap:12px;margin-bottom:8px;font-size:28px;font-weight:700;display:flex}.forgot-title:before{content:"🔐";font-size:32px;animation:3s ease-in-out infinite float}.forgot-subtitle{color:#94a3b8;border-left:2px solid #22d3ee4d;margin-bottom:32px;padding-left:16px;font-size:14px;font-weight:500;line-height:1.6}.forgot-form{flex-direction:column;gap:20px;display:flex}.forgot-error{color:#fca5a5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f871711f;border:1px solid #f8717133;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;animation:.5s shake;display:flex}.forgot-error:before{content:"⚠️";font-size:16px}.forgot-label{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.forgot-input{color:#e2e8f0;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-size:15px;font-weight:500;transition:all .3s}.forgot-input:hover{background:#ffffff0d;border-color:#ffffff26}.forgot-input:focus{background:#ffffff0f;border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee1a,0 0 20px #22d3ee0d}.forgot-input::placeholder{color:#475569;font-weight:400}.forgot-btn{cursor:pointer;color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#06b6d4,#6366f1);border:none;border-radius:14px;width:100%;padding:16px 28px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #22d3ee4d,inset 0 1px #fff3}.forgot-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.forgot-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.forgot-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #22d3ee66,inset 0 1px #ffffff4d}.forgot-btn:hover:before{opacity:1}.forgot-btn:hover:after{left:100%}.forgot-btn:active{transform:translateY(0)}.forgot-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.forgot-btn:disabled:before,.forgot-btn:disabled:after{display:none}.forgot-btn.loading{color:#0000;position:relative}.forgot-btn.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.forgot-back-link{text-align:center;color:#64748b;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:20px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.forgot-back-link:before{content:"←";transition:transform .3s}.forgot-back-link:hover{color:#67e8f9;background:#22d3ee14;border-color:#22d3ee26}.forgot-back-link:hover:before{transform:translate(-4px)}.forgot-success{text-align:center;animation:.5s cubic-bezier(.4,0,.2,1) slideUp}.forgot-success-icon{margin-bottom:20px;font-size:56px;animation:2s ease-in-out infinite successPulse;display:inline-block}.forgot-success-title{color:#67e8f9;letter-spacing:.3px;margin-bottom:12px;font-size:22px;font-weight:700}.forgot-success-text{color:#94a3b8;margin-bottom:24px;font-size:14px;font-weight:500;line-height:1.6}.forgot-success-btn{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#06b6d4,#6366f1);border-radius:14px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px #22d3ee4d,inset 0 1px #fff3}.forgot-success-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.forgot-success-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #22d3ee66,inset 0 1px #ffffff4d}.forgot-success-btn:hover:before{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:640px){.forgot-page{padding:16px}.forgot-card{border-radius:24px}.forgot-card-content{padding:32px 24px}.forgot-card:before{left:12px;right:12px}.forgot-title{font-size:24px}.forgot-title:before{font-size:28px}.forgot-subtitle{margin-bottom:24px;font-size:13px}.forgot-btn{padding:14px 24px;font-size:15px}.forgot-success-icon{font-size:48px}.forgot-success-title{font-size:20px}}@media (prefers-color-scheme:dark){.forgot-input:-webkit-autofill{-webkit-text-fill-color:#e2e8f0;border-color:#22d3ee4d;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0f172acc}.forgot-input:-webkit-autofill:hover{-webkit-text-fill-color:#e2e8f0;border-color:#22d3ee4d;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0f172acc}.forgot-input:-webkit-autofill:focus{-webkit-text-fill-color:#e2e8f0;border-color:#22d3ee4d;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0f172acc}}.forgot-input:focus-visible,.forgot-btn:focus-visible{outline-offset:2px;outline:2px solid #22d3ee80}@media (prefers-reduced-motion:reduce){.forgot-card,.forgot-success,.forgot-error,.forgot-title:before,.forgot-success-icon{animation:none}}