*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex}.login-container{perspective:1000px;width:100%;max-width:420px}.form-group{margin-bottom:24px;position:relative}.input-wrapper{flex-direction:column;display:flex;position:relative}.input-wrapper input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;outline:none;width:100%;padding:16px 16px 8px;font-size:16px;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-wrapper input::placeholder{color:#0000}.input-wrapper label{color:#ffffffb3;pointer-events:none;transform-origin:0 0;font-size:16px;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:-12px;left:-10px}.input-wrapper input:focus,.input-wrapper input:valid{background:#ffffff26;border-color:#06b6d4;transform:translateY(-2px);box-shadow:0 8px 25px #06b6d433}.input-wrapper input:focus+label,.input-wrapper input:valid+label{color:#002734;font-weight:500;transform:translateY(-8px)scale(.85)}.focus-border{background:linear-gradient(90deg,#06b6d4,#6366f1);border-radius:2px;width:0;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.input-wrapper input:focus~.focus-border{width:100%}.error-message{color:#ef4444;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border-radius:6px;margin-top:6px;margin-left:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;transform:translateY(-10px)}.error-message.show{opacity:1;transform:translateY(0)}.form-group.error .input-wrapper input{background:#ef44441a;border-color:#ef4444;animation:.5s ease-in-out shake}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 15px #6366f166}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f199}.btn:hover:before{left:100%}.btn:active{transform:translateY(0)}.btn.loading{pointer-events:none}.btn-text{transition:opacity .3s}.btn-loader{opacity:0;border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:20px;height:20px;transition:opacity .3s;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn.loading .btn-text{opacity:0}.btn.loading .btn-loader{opacity:1}.remember-wrapper{cursor:pointer;align-items:center;gap:8px;display:flex}.remember-wrapper input[type=checkbox]{display:none}.checkbox-label{color:#ffffffe6;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.checkmark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.remember-wrapper input[type=checkbox]:checked~.checkbox-label .checkmark{background:#06b6d4;border-color:#06b6d4;transform:scale(1.1)}.remember-wrapper input[type=checkbox]:checked~.checkbox-label .checkmark:after{content:"✓";color:#fff;font-size:11px;font-weight:700;animation:.3s cubic-bezier(.68,-.55,.265,1.55) checkmarkPop}.success-message{text-align:center;opacity:0;padding:40px 20px;transition:all .5s cubic-bezier(.4,0,.2,1);display:none;transform:translateY(20px)}.success-message.show{opacity:1;display:block;transform:translateY(0)}.success-icon{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:24px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) successPulse;display:flex}.success-message h3{color:#fff;margin-bottom:8px;font-size:1.5rem}.success-message p{color:#fffc;font-size:1rem}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes successPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.login-card{-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;padding:40px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 8px 32px #0000001a}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#06b6d4,#0000);width:100%;height:2px;transition:left .5s;position:absolute;top:0;left:-100%}.login-card:hover:before{left:100%}.login-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.login-header{text-align:center;margin-bottom:32px}.login-header h2{color:#fff;background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.login-header p{color:#fffc;font-size:1rem;font-weight:400}.password-wrapper{position:relative}.password-wrapper input{padding-right:48px}.password-toggle{cursor:pointer;color:#fff9;z-index:2;opacity:.7;background:0 0;border:none;padding:8px;transition:color .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:1px;transform:translateY(-50%)}.password-toggle:hover{color:#05e6f7e6}.eye-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.6)' stroke-width='1.5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;transition:background-image .3s cubic-bezier(.4,0,.2,1);display:block}.eye-icon.show-password{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.6)' stroke-width='1.5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 11-4.243-4.243m4.242 4.242L9.88 9.88'/%3e%3c/svg%3e")}.form-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.forgot-password{color:#06b6d4;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.forgot-password:after{content:"";background:#06b6d4;width:0;height:1px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.forgot-password:hover:after{width:100%}.forgot-password:hover{color:#fff}.login-btn{width:100%;margin-bottom:24px}.divider{text-align:center;justify-content:center;align-items:center;margin:24px 0;display:flex;position:relative}.divider:before,.divider:after{content:"";background:#fff3;flex:1;height:1px}.divider:before{margin-right:16px}.divider:after{margin-left:16px}.divider span{color:#ffffffb3;white-space:nowrap;font-size:14px}.social-login{gap:12px;margin-bottom:24px;display:flex}.social-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.social-btn:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.social-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px}.google-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23ea4335' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3e%3cpath fill='%2334a853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3e%3cpath fill='%23fbbc05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3e%3cpath fill='%23ea4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3e%3c/svg%3e")}.github-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3e%3c/svg%3e")}.signup-link{text-align:center}.signup-link p{color:#fffc;font-size:14px}.signup-link a{color:#06b6d4;font-weight:500;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.signup-link a:hover{color:#fff}@media (max-width:480px){.login-card{border-radius:20px;margin:10px;padding:24px}.login-header h2{font-size:1.75rem}.password-wrapper input{padding-right:44px}.social-login{flex-direction:column}.form-options{flex-direction:column;align-items:flex-start;gap:16px}}