@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";
.login-page{min-height:100vh;background:linear-gradient(165deg,#f0fdf4 0%,#fff 35%,#fdf8ee 100%);justify-content:center;align-items:center;min-height:100dvh;font-family:Inter,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.login-bg-orb{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.orb-1{background:linear-gradient(135deg,#10b981,#0d6b3e);width:45vw;height:45vw;animation:20s ease-in-out infinite orbFloat;top:-15%;left:-10%}.orb-2{background:linear-gradient(135deg,#d4a853,#f5e6c8);width:50vw;height:50vw;animation:25s ease-in-out infinite reverse orbFloat;bottom:-20%;right:-15%}.orb-3{background:radial-gradient(circle,#10b98126,#0000);width:30vw;height:30vw;animation:18s ease-in-out 5s infinite orbFloat;top:50%;left:50%;transform:translate(-50%,-50%)}.login-bg-pattern{background-image:radial-gradient(#d4a8530f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(3%,5%)scale(1.05)}66%{transform:translate(-2%,-3%)scale(.97)}}.login-floats{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.login-float-item{color:#d4a85359;filter:drop-shadow(0 4px 6px #d4a85333);will-change:transform, opacity;animation:linear infinite loginFloatUp;position:absolute;bottom:-80px}@keyframes loginFloatUp{0%{opacity:0;transform:translate(0)rotate(0)scale(.8)}15%{opacity:.8;transform:translate(-20px,-15vh)rotate(30deg)scale(1)}40%{transform:translate(25px,-40vh)rotate(120deg)scale(1.1)}65%{opacity:.9;transform:translate(-15px,-65vh)rotate(220deg)scale(1.15)}85%{opacity:.6;transform:translate(10px,-85vh)rotate(300deg)scale(1.1)}to{opacity:0;transform:translateY(-110vh)rotate(360deg)scale(1)}}.lf-1{color:#d4a85359;animation-duration:24s;animation-delay:0s;left:10%}.lf-2{color:#10b9814d;animation-duration:30s;animation-delay:-5s;left:28%}.lf-3{color:#d4a8534d;animation-duration:20s;animation-delay:-12s;left:45%}.lf-4{color:#10b98140;animation-duration:32s;animation-delay:-8s;left:68%}.lf-5{color:#d4a8534d;animation-duration:22s;animation-delay:-3s;left:82%}.lf-6{color:#10b9814d;animation-duration:26s;animation-delay:-16s;left:5%}.lf-7{color:#d4a85340;animation-duration:28s;animation-delay:-20s;left:55%}.lf-8{color:#10b98140;animation-duration:34s;animation-delay:-10s;left:90%}.login-top-line{z-index:100;background:linear-gradient(90deg,#0d6b3e,#d4a853,#10b981,#d4a853,#0d6b3e) 0 0/200% 100%;height:4px;animation:4s linear infinite shineBar;position:fixed;top:0;left:0;right:0}@keyframes shineBar{0%{background-position:0 0}to{background-position:200% 0}}.login-back-link{z-index:50;color:#64748b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #d4a85333;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:fixed;top:20px;left:24px}.login-back-link:hover{color:#0d6b3e;background:#ffffffe6;border-color:#d4a85366;transform:translate(-4px)}.login-card-wrapper{z-index:10;width:100%;max-width:440px;padding:20px;position:relative}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card{-webkit-backdrop-filter:blur(24px);background:#ffffffe0;border:1px solid #fff9;border-radius:28px;padding:0 40px 40px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0d6b3e14,0 10px 20px #d4a8530f}.login-card-accent{background:linear-gradient(90deg,#0d6b3e,#d4a853,#0d6b3e);height:5px;margin:0 -40px}.login-card-header{text-align:center;margin-bottom:32px;padding-top:36px}.login-mascot-ring{background:linear-gradient(135deg,#ecfdf5,#fdf8ee);border:3px solid #d4a85333;border-radius:22px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;padding:8px;animation:4s ease-in-out infinite mascotBounce;display:flex;overflow:hidden;box-shadow:0 8px 24px #0d6b3e1f}.login-mascot-ring img{border-radius:12px}@keyframes mascotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-brand{color:#0d6b3e;letter-spacing:-.5px;margin:0 0 4px;font-family:Playfair Display,serif;font-size:2rem;font-weight:800}.login-brand span{background:linear-gradient(135deg,#d4a853,#b8922e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-subtitle{color:#64748b;margin:0 0 16px;font-size:.9rem;font-weight:500}.login-badge{color:#b8922e;background:linear-gradient(135deg,#fdf8ee,#fff);border:1px solid #d4a8534d;border-radius:50px;align-items:center;gap:6px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.88rem;display:flex}.login-form{flex-direction:column;gap:20px;display:flex}.login-field label{color:#334155;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap svg{color:#94a3b8;pointer-events:none;transition:color .3s;position:absolute;left:16px}.login-input-wrap input{color:#1e293b;background:#ffffffe6;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;height:52px;padding:0 16px 0 48px;font-family:inherit;font-size:.95rem;transition:all .3s}.login-input-wrap input:-webkit-autofill{-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 50px #fff!important}.login-input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 50px #fff!important}.login-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 50px #fff!important}.login-input-wrap input:focus{background:#fff;border-color:#d4a853;box-shadow:0 0 0 4px #d4a8531f}.login-input-wrap:focus-within svg{color:#d4a853}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d6b3e,#10b981);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;margin-top:4px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0d6b3e4d}.login-submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#d4a85333,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #0d6b3e66}.login-submit-btn:hover:not(:disabled):before{left:100%}.login-submit-btn:active:not(:disabled){transform:translateY(1px)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-loading{align-items:center;gap:8px;display:flex}.login-spinner{animation:.8s linear infinite spinLogin}@keyframes spinLogin{to{transform:rotate(360deg)}}.login-card-footer{text-align:center;border-top:1px solid #d4a85326;margin-top:28px;padding-top:20px}.login-card-footer p{color:#94a3b8;margin:0;font-size:.82rem;font-weight:500}.login-powered{color:#cbd5e1!important;margin-top:4px!important;font-size:.75rem!important}@media (max-width:480px){.login-card{border-radius:22px;padding:0 24px 28px}.login-card-accent{margin:0 -24px}.login-back-link{font-size:.82rem;top:14px;left:14px}}