#xscc-login-wrapper{max-width:405px;padding:0;margin:0!important;width:100%}#xscc-message{margin-bottom:20px;padding:15px 20px;border-radius:8px;font-size:14px;font-weight:500;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.xscc-error{color:#b00020;background:#ffe5e5;border-left:4px solid #b00020}.xscc-success{color:#155724;background:#d4edda;border-left:4px solid #155724}.xscc-login-form,.xscc-verify-form{background:#fff;padding:clamp(1.5rem, 1.3387rem + 0.8065vi, 2rem);border-radius:12px;box-shadow:0 4px 20px rgb(0 0 0 / .1)}.xscc-login-form h3,.xscc-verify-form h3{font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.832), 1.5rem);font-weight:600;color:#1F2023;margin:0 0 16px 0;text-align:left;font-family:inherit;line-height:1.2}.xscc-verify-form p{text-align:left;color:#63646A;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.202), 1rem);margin:0 0 24px 0;font-family:inherit}.xscc-field{margin-bottom:20px}.xscc-field label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#333}.xscc-field span{color:#b00020}.xscc-field input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all 0.3s ease;box-sizing:border-box}.xscc-field input:focus{outline:none;border-color:#7d3c3c;box-shadow:0 0 0 3px rgb(125 60 60 / .1)}.xscc-field input::placeholder{color:#999}.xscc-code-fields{display:flex;gap:12px;margin-bottom:8px;justify-content:center}.xscc-code-fields input{width:50px;height:50px;padding:0;text-align:center;font-size:24px;font-weight:600;border:2px solid #e0e0e0;border-radius:8px;transition:all 0.3s ease}.xscc-code-fields input:focus{outline:none;border-color:#7d3c3c;box-shadow:0 0 0 3px rgb(125 60 60 / .1);background:#fff9f9}.xscc-code-fields input::placeholder{color:#ccc}.xscc-code-info{text-align:left;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.202), 1rem);color:#63646A;margin-bottom:24px;font-weight:400}button{font-family:inherit;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-size:15px}.xscc-primary-btn{width:100%;padding:12px 16px;background:#7E1A1B;color:#fff;margin-bottom:12px;font-weight:400;font-family:inherit;font-size:14px;box-shadow:inset 0 3px 0 rgb(255 255 255 / .25),inset 0 -5px 0 rgb(0 0 0 / .28)}.xscc-primary-btn:hover:not(:disabled){background:#C8A52D;color:#000}.xscc-primary-btn:disabled{opacity:.6;cursor:not-allowed}.xscc-secondary-btn{width:100%;padding:12px 16px;background:#fff;color:#000;border:2px solid #CDCED4;margin-bottom:10px;font-weight:400;font-family:inherit;font-size:14px}.xscc-secondary-btn:hover:not(:disabled){background:#f9f9f9}.xscc-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.xscc-back-link{display:block;text-align:center;color:#000;background-color:#fff0;text-decoration:none;cursor:pointer;transition:all 0.3s ease;font-weight:400;font-family:inherit;font-size:14px;width:100%;padding:12px 16px}.xscc-back-link:hover{color:#6b3232}#xscc-message{transition:opacity 0.5s ease-out}@media (max-width:480px){.xscc-login-form,.xscc-verify-form{padding:30px 20px}.xscc-code-fields{gap:8px}.xscc-code-fields input{width:45px;height:45px;font-size:20px}}