.mobile-login-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mobile-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a}.mobile-header-content{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;max-width:100%}.mobile-logo{height:32px;width:auto}.mobile-menu-btn{background:none;border:none;color:#333;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.mobile-menu{background:#fff;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 6px #0000001a;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu a{color:#333;text-decoration:none;padding:12px 16px;border-radius:8px;font-size:16px;transition:background .2s}.mobile-menu a:active{background:#f0f0f0}.mobile-menu a.mobile-menu-highlight{background:#667eea;color:#fff;display:flex;align-items:center;gap:8px}.mobile-content{padding:20px 16px;max-width:100%;margin:0 auto}.mobile-hero{text-align:center;color:#fff;margin-bottom:24px}.mobile-hero h1{font-size:24px;font-weight:700;margin-bottom:8px;line-height:1.3}.mobile-hero p{font-size:14px;opacity:.9}.mobile-login-card{background:#fff;border-radius:16px;padding:24px 20px;box-shadow:0 10px 40px #0000001a;margin-bottom:24px}.mobile-card-header{text-align:center;margin-bottom:24px}.mobile-card-header h2{color:#333;font-size:20px;font-weight:600;margin-bottom:4px}.mobile-card-header p{color:#666;font-size:14px}.mobile-form{display:flex;flex-direction:column;gap:20px}.mobile-form-group{display:flex;flex-direction:column;gap:6px}.mobile-form-group label{color:#555;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.mobile-form-group input{width:100%;padding:14px 16px;border:1.5px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .2s;background:#fafafa}.mobile-form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.mobile-form-group input:disabled{background:#f5f5f5;opacity:.7}.mobile-form-options{display:flex;justify-content:space-between;align-items:center;font-size:14px}.mobile-checkbox{display:flex;align-items:center;gap:8px;color:#555;cursor:pointer}.mobile-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.mobile-forgot-link{color:#667eea;text-decoration:none;font-weight:500}.mobile-forgot-link:active{opacity:.8}.mobile-error{background:#fee;color:#c00;padding:12px 16px;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:8px}.error-icon{background:#c00;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.mobile-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s,opacity .2s;width:100%}.mobile-submit-btn:active{transform:scale(.98);opacity:.9}.mobile-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.mobile-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-alternative{margin-top:20px;text-align:center;font-size:14px;color:#666}.mobile-alternative a{color:#667eea;text-decoration:none;font-weight:500}.mobile-features{margin:32px 0}.mobile-features h3{color:#fff;font-size:18px;font-weight:600;text-align:center;margin-bottom:16px}.mobile-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mobile-feature-item{background:#fffffff2;border-radius:12px;padding:16px 12px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.feature-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff}.mobile-feature-item h4{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.mobile-feature-item p{color:#666;font-size:12px;line-height:1.4}.mobile-desktop-prompt{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;margin:24px 0;display:flex;align-items:center;gap:12px;color:#fff}.mobile-desktop-prompt svg{flex-shrink:0}.mobile-desktop-prompt p{font-size:14px;margin:0}.mobile-desktop-prompt a{color:#fff;font-weight:600;text-decoration:underline}.mobile-footer{text-align:center;padding:24px 16px;color:#fffc;font-size:12px}.mobile-footer p{margin:4px 0}.mobile-help{opacity:.7}@media(hover:none){.mobile-submit-btn:hover{transform:none}.mobile-feature-item:active{background:#fff}}@supports (padding: max(0px)){.mobile-header-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(12px,env(safe-area-inset-top))}.mobile-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}