*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--shadow-card: 0 25px 60px rgba(0,0,0,.22), 0 8px 24px rgba(0,0,0,.12);--radius: 20px}html,body{height:100%}body{font-family:Poppins,sans-serif;min-height:100svh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f1941,#1a2d6e 40%,#0d4f2e);position:relative;overflow-y:auto}.bg-layer{position:fixed;inset:0;pointer-events:none;z-index:0}.particle{position:absolute;border-radius:50%;opacity:.07;animation:floatP 20s infinite ease-in-out}.p1{width:400px;height:400px;background:var(--saffron);top:-100px;left:-100px;animation-duration:22s}.p2{width:320px;height:320px;background:var(--green);bottom:-80px;right:-80px;animation-duration:18s;animation-delay:-5s}.p3{width:240px;height:240px;background:var(--saffron-light);top:40%;left:8%;animation-duration:26s;animation-delay:-10s}.p4{width:180px;height:180px;background:#fff;bottom:22%;right:14%;animation-duration:15s;animation-delay:-3s}.p5{width:280px;height:280px;background:var(--navy);top:8%;right:18%;animation-duration:28s;animation-delay:-8s}@keyframes floatP{0%,to{transform:translate(0) scale(1)}25%{transform:translate(28px,-36px) scale(1.04)}50%{transform:translate(-18px,28px) scale(.96)}75%{transform:translate(36px,18px) scale(1.02)}}.login-wrapper{position:relative;z-index:1;display:flex;align-items:stretch;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);width:min(920px,96vw);min-height:560px;animation:slideUp .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-panel{flex:0 0 42%;background:linear-gradient(160deg,#0f172a,#1e3a8a 55%,#2563eb);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;position:relative;overflow:hidden}.brand-panel:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#ffffff12;top:-70px;left:-70px}.brand-panel:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#00000014;bottom:-55px;right:-55px}.brand-logo{margin-bottom:18px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;animation:bounceIn .8s cubic-bezier(.34,1.56,.64,1) .3s both}.brand-logo img{filter:drop-shadow(0 6px 18px rgba(0,0,0,.3))}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.brand-name{font-size:27px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.3px;position:relative;z-index:1}.brand-name span{color:#ffffffd9;font-weight:600}.brand-tagline{margin-top:10px;font-size:14px;color:#ffffffeb;font-weight:500;position:relative;z-index:1}.brand-sub{font-size:12px;color:#ffffffad;margin-top:4px;position:relative;z-index:1}.brand-doctor{display:flex;align-items:center;gap:10px;margin-top:20px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 16px;backdrop-filter:blur(4px);position:relative;z-index:1}.doctor-icon{font-size:26px}.doctor-title{font-size:11px;color:#ffffffc7}.animal-strip{display:flex;gap:10px;margin-top:20px;font-size:22px;position:relative;z-index:1;background:#ffffff1f;padding:10px 18px;border-radius:40px;backdrop-filter:blur(4px)}.animal-strip span{animation:wobble 3s ease-in-out infinite}.animal-strip span:nth-child(1){animation-delay:0s}.animal-strip span:nth-child(2){animation-delay:.3s}.animal-strip span:nth-child(3){animation-delay:.6s}.animal-strip span:nth-child(4){animation-delay:.9s}.animal-strip span:nth-child(5){animation-delay:1.2s}.animal-strip span:nth-child(6){animation-delay:1.5s}.animal-strip span:nth-child(7){animation-delay:1.8s}.animal-strip span:nth-child(8){animation-delay:2.1s}@keyframes wobble{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.login-card{flex:1;background:var(--white);display:flex;flex-direction:column;padding:44px 48px;overflow:hidden}.lc-error-banner{background:var(--error-bg);color:var(--error);border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:16px}.role-tabs{display:flex;background:var(--gray-100);border-radius:14px;padding:5px;gap:4px;margin-bottom:28px}.role-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 12px;border:none;background:transparent;border-radius:10px;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;color:var(--gray-400);cursor:pointer;transition:all var(--t);white-space:nowrap}.role-tab.active{background:var(--white);color:var(--saffron-dark);box-shadow:0 2px 10px #0000001a,0 1px 3px #00000014}.role-tab:hover:not(.active){color:var(--gray-600)}.tab-icon{font-size:16px}.tab-label{font-size:13px}.lc-pane{flex:1;animation:fadePane .2s ease}.lc-pane--hidden{display:none}@keyframes fadePane{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lc-welcome{margin-bottom:28px}.lc-welcome h2{font-size:24px;font-weight:700;color:var(--gray-800);margin-bottom:6px}.lc-welcome p{font-size:13.5px;color:var(--gray-400);line-height:1.5}.lc-auth-btns{display:flex;flex-direction:column;gap:12px}.lc-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:14px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:all var(--t);width:100%;letter-spacing:.1px}.lc-btn-icon{flex-shrink:0}.lc-btn--google{background:var(--white);color:var(--gray-800);border-color:var(--gray-200);box-shadow:0 2px 8px #0000000f}.lc-btn--google:hover{border-color:#4285f4;box-shadow:0 4px 16px #4285f42e;transform:translateY(-2px)}.lc-btn--otp{background:linear-gradient(135deg,var(--saffron) 0%,var(--saffron-dark) 100%);color:var(--white);box-shadow:0 4px 16px #2563eb4d}.lc-btn--otp:hover{box-shadow:0 6px 22px #2563eb73;transform:translateY(-2px)}.lc-btn--primary{background:linear-gradient(135deg,var(--saffron) 0%,var(--saffron-dark) 100%);color:var(--white);box-shadow:0 4px 16px #2563eb4d;border:none;margin-top:8px}.lc-btn--primary:hover:not(:disabled){box-shadow:0 6px 22px #2563eb73;transform:translateY(-2px)}.lc-btn--primary:disabled{opacity:.6;cursor:not-allowed}.lc-divider{margin-top:20px;text-align:center;font-size:12px;color:var(--gray-400);line-height:1.5;padding:12px 16px;background:var(--gray-50);border-radius:10px;border:1px solid var(--gray-200)}.lc-field{margin-bottom:18px}.lc-field label{display:block;font-size:12.5px;font-weight:600;color:var(--gray-600);margin-bottom:7px;letter-spacing:.2px}.lc-input-wrap{position:relative;display:flex;align-items:center}.lc-input-icon{position:absolute;left:14px;color:var(--gray-400);pointer-events:none;transition:color var(--t)}.lc-input-wrap input{width:100%;padding:13px 44px 13px 42px;border:2px solid var(--gray-200);border-radius:12px;font-size:14px;font-family:Poppins,sans-serif;color:var(--gray-800);background:var(--gray-50);outline:none;transition:border-color var(--t),box-shadow var(--t),background var(--t)}.lc-input-wrap input::placeholder{color:var(--gray-400)}.lc-input-wrap input:focus{border-color:var(--saffron);background:var(--white);box-shadow:0 0 0 4px #2563eb1a}.lc-input-wrap:focus-within .lc-input-icon{color:var(--saffron)}.lc-toggle-pwd{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:var(--gray-400);display:flex;align-items:center;padding:0;transition:color var(--t)}.lc-toggle-pwd:hover{color:var(--saffron)}.lc-field-err{display:block;font-size:11.5px;color:var(--error);margin-top:5px;min-height:16px}.lc-field.has-error .lc-input-wrap input{border-color:var(--error);background:var(--error-bg);box-shadow:0 0 0 4px #dc262614}.lc-alert{background:var(--error-bg);color:var(--error);border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:500;margin-bottom:14px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lc-spin{animation:lspin .8s linear infinite}@keyframes lspin{to{transform:rotate(360deg)}}.lc-footer{margin-top:auto;padding-top:20px;font-size:11.5px;color:var(--gray-400);text-align:center}@media(max-width:700px){.brand-panel{display:none}.login-card{padding:36px 28px}.login-wrapper{border-radius:18px}.role-tab{padding:11px 6px;gap:5px}.tab-label{font-size:12px}.lc-input-wrap input{font-size:16px}}@media(max-width:420px){.login-card{padding:28px 20px}.lc-btn{font-size:13px;padding:13px 16px}.role-tab{gap:4px;padding:10px 4px}.tab-icon{font-size:14px}.tab-label{font-size:11px}}@media(max-width:340px){#tabFarmer .tab-label{font-size:0}#tabFarmer .tab-label:after{content:"Farmer";font-size:11px}#tabDoctor .tab-label{font-size:0}#tabDoctor .tab-label:after{content:"Doctor";font-size:11px}}.cookie-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;background:#1f2937;color:#f9fafb;border-radius:14px;padding:14px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px #00000059;max-width:min(560px,96vw);width:max-content;font-family:Poppins,sans-serif;font-size:13px;line-height:1.5}.cookie-text{flex:1}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.cookie-btn{padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;border:none;white-space:nowrap;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center}.cookie-btn--accept{background:var(--saffron);color:#fff}.cookie-btn--accept:hover{background:var(--saffron-dark)}.cookie-btn--info{background:transparent;color:#9ca3af;border:1px solid #374151}@media(max-width:600px){.cookie-banner{flex-direction:column;align-items:flex-start;width:calc(100vw - 24px);left:12px;transform:none}}.pwa-banner{position:fixed;bottom:20px;right:20px;z-index:9998;background:#1f2937;color:#f9fafb;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #00000059;max-width:320px;font-family:Poppins,sans-serif;font-size:13px}.pwa-icon{font-size:24px;flex-shrink:0}.pwa-text{flex:1}.pwa-actions{display:flex;gap:6px}.pwa-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:inherit}.pwa-btn--install{background:var(--saffron);color:#fff}.pwa-btn--dismiss{background:transparent;color:#9ca3af;border:1px solid #374151}