.login-page{background:url(https://images.unsplash.com/photo-1500937386664-56d1dfef3854?q=80&w=1600) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-page:before{content:"";background:#0a1520d1;position:absolute;inset:0}.login-container{z-index:2;grid-template-columns:1.2fr 460px;gap:60px;width:100%;max-width:1200px;padding:40px;display:grid;position:relative}.hero-side{color:#fff}.logo{display:block}.login-logo-wrap{align-items:center;gap:12px;display:flex}.login-logo-icon{object-fit:contain;filter:drop-shadow(0 2px 10px #00000040);width:auto;height:60px;display:block}.login-logo-text{font-family:var(--font-brand), cursive;color:#fff;letter-spacing:.5px;text-shadow:0 2px 8px #0000004d;font-size:42px;font-weight:700}.hero-title{margin-top:36px;font-size:58px;font-weight:900;line-height:1.06}.hero-sub{color:#d1d5db;max-width:520px;margin-top:20px;font-size:17px;line-height:1.7}.weather-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;width:300px;margin-top:28px;padding:20px}.weather-box h3{margin-bottom:10px;font-size:15px}.weather-box p{color:#d1d5db;margin-top:5px;font-size:13px}.login-card{background:#fff;border-radius:24px;padding:36px;box-shadow:0 20px 60px #0000004d}.login-card h2{color:#14532d;margin-bottom:4px;font-size:24px;font-weight:800}.login-sub{color:#64748b;margin-bottom:20px;font-size:14px}.role-tabs{gap:8px;margin-bottom:22px;display:flex}.role-tabs button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:11px 6px;font-size:13px;font-weight:700;transition:all .2s}.role-inactive{color:#64748b;background:#f1f5f9}.role-inactive:hover{background:#e2e8f0}.role-active.role-farmer{color:#fff;background:#15803d;box-shadow:0 2px 8px #15803d4d}.role-active.role-pilot{color:#fff;background:#0891b2;box-shadow:0 2px 8px #0891b24d}.role-active.role-fpo{color:#fff;background:#7c3aed;box-shadow:0 2px 8px #7c3aed4d}.input{border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;margin-bottom:14px;padding:14px;font-size:15px;transition:border-color .2s}.input:focus{border-color:#15803d}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#15803d,#16a34a);border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 3px 12px #15803d4d}.login-btn:hover{background:linear-gradient(135deg,#166534,#15803d);transform:translateY(-1px);box-shadow:0 6px 20px #15803d59}.login-register-hint{text-align:center;color:#64748b;margin-top:18px;font-size:14px}.login-link{color:#15803d;font-weight:700;text-decoration:none}.login-link:hover{text-decoration:underline}@media (max-width:900px){.login-container{grid-template-columns:1fr}.hero-side{display:none}}