@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login-page{background:linear-gradient(135deg,#f8fafc,#d1fae5);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.login-page{padding:2rem}}.bg-blobs{position:absolute;inset:0;overflow:hidden}.blob{mix-blend-mode:multiply;filter:blur(3rem);opacity:.2;border-radius:50%;width:20rem;height:20rem;animation:7s infinite blob;position:absolute}.blob-1{background:#a7f3d0;top:-10rem;right:-10rem}.blob-2{background:#a5f3fc;animation-delay:2s;bottom:-10rem;left:-10rem}.blob-3{background:#ccfbf1;width:20rem;height:20rem;animation-delay:4s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blob{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}.login-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #fff3;border-radius:2rem;width:100%;max-width:64rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.card-grid{grid-template-columns:1fr;display:grid}@media (min-width:768px){.card-grid{grid-template-columns:1fr 1fr}}.brand-side{color:#fff;background:linear-gradient(135deg,#0f172a,#064e3b);padding:2rem;position:relative;overflow:hidden}@media (min-width:768px){.brand-side{padding:3rem}}.brand-side:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.brand-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.logo-wrapper{background:#fff;border-radius:1rem;justify-content:center;align-items:center;width:9rem;height:9rem;margin-bottom:1.5rem;display:inline-flex}.brand-title{margin-bottom:1rem;font-size:2rem;font-weight:700}@media (min-width:768px){.brand-title{font-size:2.5rem}}.brand-highlight{color:#a7f3d0}.brand-subtitle{color:#cbd5e1;font-size:1.125rem}.form-side{padding:2rem}@media (min-width:768px){.form-side{padding:3rem}}.form-header{margin-bottom:2rem}.form-title{color:#0f172a;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}@media (min-width:768px){.form-title{font-size:1.875rem}}.form-description{color:#475569}.companies-section,.phone-section{margin-bottom:2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{color:#0f172a;font-weight:600}.section-badge{color:#059669;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.section-badge.blue{color:#2563eb}.section-badge .icon-small{width:1rem;height:1rem}.companies-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:640px){.companies-grid{grid-template-columns:repeat(3,1fr)}}.company-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;transition:all .3s;position:relative}.company-card:hover{border-color:#cbd5e1;transform:scale(1.02)}.company-card.active{border-color:#10b981;box-shadow:0 4px 6px -1px #10b98133}.company-card .active-check{background:#10b981;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;top:-.5rem;right:-.5rem}.company-card .active-check .check-icon{color:#fff;width:.75rem;height:.75rem}.company-card img{max-width:100%;height:auto;margin:0 auto;display:block}.company-card .company-name{text-align:center;color:#1e293b;margin-top:.5rem;font-size:.875rem;font-weight:600}.active .company-card .company-name{color:#059669}.phone-input-group{gap:.75rem;margin-bottom:.5rem;display:flex}.country-selector{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.5rem;min-width:140px;padding:0 1rem;display:flex}.country-selector .country-flag{font-size:1.25rem}.country-selector select{color:#0f172a;cursor:pointer;background:0 0;outline:none;padding:.75rem 0;font-weight:500}.phone-input-wrapper{flex:1;position:relative}.phone-input-wrapper .phone-icon{color:#94a3b8;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.phone-input-wrapper .phone-input{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-weight:500;transition:all .2s}.phone-input-wrapper .phone-input:focus{ring:2px solid #10b981;border-color:#10b981;outline:none}.helper-text{color:#64748b;font-size:.875rem}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;animation:.3s fadeIn;display:flex}.error-message .error-icon{color:#ef4444;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.error-message p{color:#b91c1c;font-size:.875rem}.continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#0d9488);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:1.5rem;padding:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #05966940}.continue-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#0f766e);transform:scale(.98)}.continue-btn:disabled{opacity:.5;cursor:not-allowed}.continue-btn .btn-arrow{width:1.25rem;height:1.25rem;transition:transform .2s}.continue-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.continue-btn .spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin}.footer-links{flex-direction:column;gap:1.5rem;display:flex}.terms-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;gap:.75rem;padding:1rem;display:flex}.terms-box .terms-icon{color:#3b82f6;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.terms-box .terms-text{color:#334155;font-size:.875rem}.terms-box .terms-link{color:#059669;font-weight:500;text-decoration:none}.terms-box .terms-link:hover{text-decoration:underline}.support-row{justify-content:center;align-items:center;gap:.5rem;display:flex}.support-row .support-icon{color:#059669;width:1rem;height:1rem}.support-row .support-link{color:#059669;font-size:.875rem;font-weight:500;text-decoration:none}.support-row .support-link:hover{text-decoration:underline}.whatsapp-note{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.whatsapp-note .whatsapp-emoji{background:#d1fae5;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;display:flex}.whatsapp-note .whatsapp-text{color:#065f46;font-size:.875rem}.whatsapp-note .whatsapp-text .font-medium{font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
