.login-container{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 50%,#5eead4 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.6;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#14b8a699 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.orb-2{background:radial-gradient(circle,#5eead480 0%,#0000 70%);width:350px;height:350px;animation-delay:2s;bottom:-80px;right:-80px}.orb-3{background:radial-gradient(circle,#2dd4bf66 0%,#0000 70%);width:300px;height:300px;animation-delay:4s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.login-card{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;width:100%;max-width:420px;padding:48px 40px;animation:.6s ease-out slideIn;position:relative;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff80}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:40px}.icon-wrapper{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;animation:2s ease-in-out infinite iconPulse;display:inline-flex}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #14b8a64d}50%{transform:scale(1.05);box-shadow:0 12px 32px #14b8a666}}.medical-icon{color:#fff;width:36px;height:36px}.login-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.login-subtitle{color:#64748b;margin:0;font-size:15px}.login-form{flex-direction:column;gap:24px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{color:#334155;margin-left:4px;font-size:14px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;width:20px;height:20px;transition:color .2s;position:absolute;left:16px}.input-field{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 16px 14px 48px;font-size:15px;transition:all .3s}.input-field::placeholder{color:#cbd5e1}.input-field:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a}.input-field:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:#14b8a6}.password-field{padding-right:48px}.password-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:color .2s,transform .2s;display:flex;position:absolute;right:16px}.password-toggle:hover{color:#14b8a6;transform:scale(1.1)}.password-toggle:active{transform:scale(.95)}.password-toggle svg{width:20px;height:20px}.error-message{color:#dc2626;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px 16px;font-size:14px;animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);border:none;border-radius:12px;margin-top:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #14b8a659}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.login-card{margin:20px;padding:40px 32px}.login-title{font-size:24px}.icon-wrapper{width:64px;height:64px}.medical-icon{width:32px;height:32px}}.feature-chip{z-index:60;color:#fff;cursor:pointer;transform-origin:100% 100%;background:linear-gradient(90deg,#14b8a6,#0d9488);border:none;border-radius:999px;padding:10px 14px;font-weight:600;transition:transform .22s,opacity .2s,box-shadow .2s;position:fixed;bottom:96px;right:24px;box-shadow:0 10px 30px #02061733}.feature-chip:active{transform:scale(.98)}.feature-chip.active{opacity:0;pointer-events:none}.features-backdrop{opacity:0;pointer-events:none;z-index:50;background:#02061773;transition:opacity .2s;position:fixed;inset:0}.features-backdrop.open{opacity:1;pointer-events:auto}.features-modal{z-index:70;transform-origin:100% 100%;opacity:0;background:#fffffffa;border-radius:28px;width:min(720px,92vw);max-height:80vh;padding:20px 20px 18px;transition:transform .33s cubic-bezier(.2,.9,.2,1),opacity .18s,border-radius .22s;position:fixed;bottom:24px;right:24px;overflow:auto;transform:scale(.02)translateY(8px);box-shadow:0 30px 80px #02061740}.features-modal.open{opacity:1;border-radius:14px;transform:scale(1)translateY(0)}.features-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.features-header h2{color:#0f172a;margin:0;font-size:18px}.features-close{cursor:pointer;color:#334155;background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:22px;line-height:1;transition:background .16s,transform .12s}.features-close:hover{background:#0f172a0a;transform:scale(1.02)}.features-content{gap:12px;display:grid}.features-content section{border-top:1px dashed #0f172a0a;padding:8px 0}.features-content section:first-child{border-top:none}.features-content h3{color:#0d9488;margin:0 0 6px;font-size:15px}.features-content p{color:#475569;margin:0;font-size:14px;line-height:1.4}@media (max-width:640px){.features-modal{width:calc(100% - 24px);bottom:12px;right:12px}.feature-chip{bottom:92px;right:12px}}.login-card.opening-blur{filter:blur(2px)saturate(.95);transition:filter .42s,transform .42s;transform:translateY(-4px)}