*{box-sizing:border-box;margin:0;padding:0}.login-page{background:radial-gradient(circle at 0 0,#d9ffe1 0%,#0000 35%),radial-gradient(circle at 100% 100%,#eaffef 0%,#0000 35%),linear-gradient(135deg,#f7fff8,#fff);justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";filter:blur(60px);background:radial-gradient(circle,#22c55e2e,#0000 70%);border-radius:50%;width:550px;height:550px;animation:8s ease-in-out infinite glowMove;position:absolute;top:-180px;left:-180px}.login-page:after{content:"";filter:blur(60px);background:radial-gradient(circle,#86efac38,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite glowMove2;position:absolute;bottom:-180px;right:-180px}@keyframes glowMove{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes glowMove2{0%,to{transform:translate(0)}50%{transform:translate(-30px,-20px)}}.bg-circle{filter:blur(50px);opacity:.35;z-index:0;border-radius:50%;position:absolute}.circle1{background:#22c55e;width:220px;height:220px;animation:8s ease-in-out infinite floatCircle;top:12%;left:8%}.circle2{background:#86efac;width:280px;height:280px;animation:9s ease-in-out infinite floatCircle;bottom:10%;right:8%}.circle3{background:#4ade80;width:160px;height:160px;animation:7s ease-in-out infinite floatCircle;top:15%;left:45%}@keyframes floatCircle{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.login-container{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;width:min(1320px,95%);display:grid;position:relative}.login-left,.login-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:36px;padding:55px;position:relative;overflow:hidden;box-shadow:0 25px 70px #16a34a1f}.login-left:before,.login-card:before{content:"";background:#ffffff59;border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-80px}.login-left:after,.login-card:after{content:"";background:#fff3;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-70px;left:-70px}.login-left{flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.login-logo{filter:drop-shadow(0 25px 35px #0000002e);z-index:2;width:220px;margin:0 auto 35px;animation:4s ease-in-out infinite floatLogo;display:block}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.login-left h1{letter-spacing:-1px;color:#14532d;z-index:2;margin-bottom:20px;font-size:58px;font-weight:900;line-height:1.1;position:relative}.login-left h1 span{color:#22c55e;display:inline}.login-left h1:after{content:"";background:linear-gradient(90deg,#22c55e,#86efac);border-radius:20px;width:95px;height:6px;margin-top:18px;display:block}.login-left p{color:#64748b;z-index:2;max-width:480px;margin-bottom:35px;font-size:18px;line-height:2}.login-info{z-index:2;flex-wrap:wrap;gap:16px;display:flex}.info-card{color:#15803d;cursor:pointer;background:#fff;border-radius:50px;padding:15px 22px;font-size:15px;font-weight:700;transition:all .35s;box-shadow:0 12px 25px #22c55e1f}.info-card:hover{transform:translateY(-6px)scale(1.04);box-shadow:0 18px 35px #22c55e38}.login-left .leaf{opacity:.12;font-size:40px;animation:8s ease-in-out infinite leafMove;position:absolute}.leaf1{top:30px;left:30px}.leaf2{animation-delay:2s;bottom:80px;right:40px}@keyframes leafMove{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}.login-card{flex-direction:column;justify-content:center;display:flex}.login-card h2{color:#14532d;margin-bottom:10px;font-size:42px;font-weight:800;position:relative}.login-card h2:after{content:"";background:linear-gradient(90deg,#22c55e,#86efac);border-radius:20px;width:70px;height:5px;margin-top:12px;display:block}.login-card>p{color:#64748b;margin-bottom:35px;font-size:16px}.input-group{background:#fff;border:2px solid #0000;border-radius:20px;align-items:center;height:65px;margin-bottom:20px;padding:0 22px;transition:all .35s;display:flex;box-shadow:0 8px 20px #0000000d}.input-group svg{color:#94a3b8;transition:all .3s}.input-group input{color:#334155;background:0 0;border:none;outline:none;width:100%;padding-left:12px;font-size:16px}.input-group input::placeholder{color:#94a3b8}.input-group:focus-within{border-color:#22c55e;transform:translateY(-2px);box-shadow:0 10px 30px #22c55e2e}.input-group:focus-within svg{color:#22c55e}.eye-btn{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.eye-btn:hover{color:#22c55e;transform:scale(1.15)}.login-option{justify-content:space-between;align-items:center;margin:25px 0;font-size:14px;display:flex}.login-option label{color:#475569;cursor:pointer;align-items:center;gap:8px;display:flex}.login-option input{accent-color:#22c55e;width:16px;height:16px}.login-option a{color:#16a34a;font-weight:600;text-decoration:none;transition:all .3s}.login-option a:hover{color:#15803d}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;height:65px;font-size:18px;font-weight:700;transition:all .35s;display:flex;box-shadow:0 18px 35px #22c55e47}.login-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 25px 45px #22c55e61}.divider{color:#94a3b8;align-items:center;margin:35px 0;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.divider span{padding:0 18px}.google-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;height:60px;font-weight:600;transition:all .35s;display:flex}.google-btn img{width:24px}.google-btn:hover{background:#fafafa;transform:translateY(-3px);box-shadow:0 15px 35px #00000014}.register-link{text-align:center;color:#64748b;margin-top:28px;font-size:15px}.register-link a{color:#16a34a;margin-left:6px;font-weight:700;text-decoration:none;transition:all .3s}.register-link a:hover{color:#15803d}.login-left,.login-card{transition:transform .45s,box-shadow .45s}.login-left:hover,.login-card:hover{transform:translateY(-8px);box-shadow:0 35px 90px #16a34a2e}.input-group{position:relative;overflow:hidden}.input-group:before{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:100%;height:100%;transition:all .7s;position:absolute;top:0;left:-100%}.input-group:hover:before{left:100%}.login-btn{position:relative;overflow:hidden}.login-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:all .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-btn:hover:before{width:350px;height:350px}.google-btn img{transition:all .35s}.google-btn:hover img{transform:rotate(12deg)scale(1.15)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-left{animation:.8s fadeUp}.login-card{animation:1s fadeUp}@media (max-width:1100px){.login-container{grid-template-columns:1fr;gap:40px}.login-left{text-align:center;align-items:center}.login-left p{max-width:100%}.login-info{justify-content:center}}@media (max-width:768px){.login-page{padding:25px}.login-left,.login-card{border-radius:28px;padding:35px}.login-logo{width:180px}.login-left h1{font-size:42px}.login-left p{font-size:16px}.login-card h2{font-size:34px}.input-group{height:58px}.login-btn{height:58px;font-size:16px}.google-btn{height:56px}}@media (max-width:480px){.login-page{padding:15px}.login-left,.login-card{padding:25px}.login-logo{width:150px}.login-left h1{font-size:34px;line-height:1.2}.login-card h2{font-size:28px}.info-card{padding:10px 16px;font-size:13px}.login-option{flex-direction:column;align-items:flex-start;gap:12px}}.login-error{color:#e53935;margin-bottom:15px;font-size:14px;font-weight:500}