.error-message{display:block;color:#d32f2f;font-size:.875em;margin-top:.25em}.field-error{display:block;color:#d32f2f;font-size:.875em;margin-top:.25em}.terms-checkbox{margin:1.5em 0}.terms-checkbox label{font-size:.95em;display:flex;align-items:flex-start}.terms-checkbox input[type="checkbox"]{margin-right:.5em;margin-top:.2em}.terms-checkbox a{color:#0078e7;text-decoration:underline}.terms-checkbox a:hover{text-decoration:none}.auth-method{margin:20px 0}.auth-method .pure-form.pure-form-stacked{font-size:1.1em}.auth-method h3{font-size:1.3em;margin-bottom:15px;text-align:center;color:#333}.webauthn-icon-container{text-align:center;margin:30px 0}.webauthn-icon{color:#4285f4}.status-message{margin-top:20px;padding:10px;border-radius:4px;text-align:center;font-size:.9em}.status-info{background-color:#e3f2fd;color:#1976d2}.status-success{background-color:#e8f5e9;color:#388e3c}.status-error{background-color:#ffebee;color:#d32f2f}.method-selector{margin:20px 0}.method-selector h3{font-size:1.2em;margin-bottom:20px;text-align:center;color:#333}.method-list{max-width:400px;margin:0 auto}.method-option{display:flex;align-items:center;padding:15px;margin:10px 0;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s ease}.method-option:hover{background-color:#f5f5f5;border-color:#4285f4}.method-icon{font-size:2em;margin-right:15px;flex-shrink:0}.method-text{flex-grow:1}.method-title{font-weight:600;color:#333;margin-bottom:4px}.method-description{font-size:.9em;color:#666}.checkbox-field{margin:1em 0}.login-links{margin-top:1em}.login-back-link{margin-top:2em;text-align:center}.login-back-link a{color:#5B9BD5;text-decoration:none;font-size:.95em;font-weight:bold}.login-back-link a:hover{color:#4A8BC2;text-decoration:none}.button-center{display:block;margin:0 auto}.pure-input-1.form-control{width:100%!important}.login-links a.link,.login-links a.link:link,.login-links a.link:visited{font-weight:500!important;color:#1572c4!important;text-decoration:none!important;transition:color .2s ease!important;position:relative!important;padding-bottom:2px!important}.login-links a.link:hover{color:#0e5294!important;text-decoration:none!important}.login-links a.link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#1572c4;transition:width .3s ease}.login-links a.link:hover::after{width:100%}.login-links a.link:active{color:#0a3d6b!important;text-decoration:none!important}#register-form .form-field label{font-size:.9em}#register-form .pure-button-primary{display:block;margin:0 auto;margin-top:1.5em}p.large{font-size:1.2em}#login-form .pure-button-primary{display:block;margin:0 auto;margin-top:1.5em}.auth-method-skeleton{padding:20px;max-width:400px;margin:0 auto}.auth-method-skeleton>div{background:linear-gradient(90deg,#f0f0f0 25%,#f5f5f5 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-header{height:24px;width:60%;margin:0 auto 20px}.skeleton-text{height:16px;width:80%;margin:0 auto 20px}.skeleton-input{height:40px;width:100%;margin-bottom:20px}.skeleton-button{height:40px;width:120px;margin:0 auto}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}