@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";
.mindarmor-auth-page{--primary:#db1c1a;--secondary:#75160d;--accent:#feb514;--dark:#3a3335;--deep:#6d0201;--rich:#75160d;--highlight:#fed214;--white:#fdfdfd;--slate-50:#fdfdfd;--slate-100:#fdfdfd;--slate-200:#3a3335;--slate-300:#3a3335;--slate-400:#3a3335;--slate-500:#3a3335;--slate-600:#3a3335;--slate-700:#3a3335;--slate-800:#3a3335;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#fed7aa 100%);justify-content:center;align-items:center;min-height:100dvh;font-family:Helvetica,Arial,sans-serif;display:flex;position:relative;overflow-x:hidden}.mindarmor-auth-page *,.mindarmor-auth-page :before,.mindarmor-auth-page :after{box-sizing:border-box}.mindarmor-auth-page .bg-cyber-grid{opacity:.3;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23DB1C1A' fill-opacity='0.05'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.mindarmor-auth-page .float-element{opacity:.1;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.mindarmor-auth-page .float-1{background:linear-gradient(135deg, var(--primary), var(--secondary));width:80px;height:80px;top:10%;left:10%}.mindarmor-auth-page .float-2{background:linear-gradient(135deg, var(--primary), var(--accent));width:128px;height:128px;animation-delay:2s;bottom:20%;right:20%}.mindarmor-auth-page .float-3{background:linear-gradient(135deg, var(--accent), var(--primary));width:64px;height:64px;animation-delay:4s;top:33.33%;right:10%}.mindarmor-auth-page .container{z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;position:relative}.mindarmor-auth-page .container2{z-index:10;width:95%;max-width:1200px;margin:5% auto;padding:0 1rem;position:relative}@media (min-width:640px){.mindarmor-auth-page .container2{width:100%}}@media (min-width:768px){.mindarmor-auth-page .container2{width:80%}}@media (min-width:1024px){.mindarmor-auth-page .container2{width:60%}}.mindarmor-auth-page .container3{z-index:10;width:40%;max-width:1200px;margin:5% auto;padding:0 1rem;position:relative}@media (max-width:1023px){.mindarmor-auth-page .container3{width:95%}}.mindarmor-auth-page .grid-2{grid-template-columns:1fr;align-items:center;gap:2rem;margin-top:2rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.mindarmor-auth-page .grid-2{grid-template-columns:1fr 1fr}}.mindarmor-auth-page .info-section{display:none}@media (min-width:1024px){.mindarmor-auth-page .info-section{animation:.6s ease-out slide-up;display:block}}.mindarmor-auth-page .shield-icon{border-radius:1rem;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 1.5rem;display:flex;position:relative}.mindarmor-auth-page .shield-icon svg{color:#fff;width:48px;height:48px}.mindarmor-auth-page .shield-icon .logo-image{object-fit:contain;border-radius:.5rem;width:100px;height:100px;transform:scale(1.5)}.mindarmor-auth-page .status-dot{background-color:#4ade80;border-radius:50%;width:24px;height:24px;animation:1s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;top:-4px;right:-8px}.mindarmor-auth-page .info-title{color:var(--slate-800);text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.mindarmor-auth-page .info-description{color:var(--slate-600);text-align:center;margin-bottom:2rem;font-size:1.125rem;line-height:1.75}.mindarmor-auth-page .features-list{flex-direction:column;gap:1rem;max-width:24rem;margin:0 auto;display:flex}.mindarmor-auth-page .feature-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.mindarmor-auth-page .feature-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mindarmor-auth-page .feature-icon svg{width:16px;height:16px}.mindarmor-auth-page .feature-text{color:var(--slate-700)}.mindarmor-auth-page .form-container{animation:.5s ease-out scale-in}.mindarmor-auth-page .form-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #fff3;border-radius:1rem;min-height:auto;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (min-width:480px){.mindarmor-auth-page .form-card{min-height:440px;padding:1.5rem}}@media (min-width:768px){.mindarmor-auth-page .form-card{padding:2rem}}.mindarmor-auth-page .form-card--login{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #fff3;border-radius:1rem;min-height:auto;max-height:none;padding:2rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.mindarmor-auth-page .form-card--forgot{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #fff3;border-radius:1rem;height:auto;margin-top:5%;margin-bottom:5%;padding:2rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.mindarmor-auth-page .form-card:before{content:"";z-index:0;background:linear-gradient(135deg,#f973160d,#0000);position:absolute;inset:0}.mindarmor-auth-page .form-content{z-index:10;position:relative}.mindarmor-auth-page .logo-section{text-align:center;margin-bottom:1.5rem}.mindarmor-auth-page .logo-container{flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}.mindarmor-auth-page .logo{transform-origin:50%;border-radius:.5rem;width:auto;height:64px;transform:scale(.6)}.mindarmor-auth-page .brand-name{color:var(--primary);letter-spacing:.05em;margin-top:.5rem;font-family:Poppins,system-ui,sans-serif;font-size:1.5rem;font-weight:700}.mindarmor-auth-page .form-title{color:var(--slate-800);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.mindarmor-auth-page .form-subtitle{color:var(--slate-600)}.mindarmor-auth-page .form{flex-direction:column;gap:.875rem;display:flex}@media (min-width:768px){.mindarmor-auth-page .form{gap:1.5rem}}.mindarmor-auth-page .form-row{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:480px){.mindarmor-auth-page .form-row{gap:1rem}}@media (min-width:768px){.mindarmor-auth-page .form-row{grid-template-columns:1fr 1fr}}.mindarmor-auth-page .form-group{flex-direction:column;gap:.5rem;display:flex}.mindarmor-auth-page .form-label{color:var(--slate-700);font-family:Helvetica,Arial,sans-serif;font-size:12pt;font-weight:500}@media (min-width:768px){.mindarmor-auth-page .form-label{font-size:14pt}}.mindarmor-auth-page .form-input{border:1px solid var(--slate-300);border-radius:.5rem;width:100%;padding:.6rem .8rem;font-family:Helvetica,Arial,sans-serif;font-size:12pt;transition:all .2s}@media (min-width:768px){.mindarmor-auth-page .form-input{padding:.75rem 1rem;font-size:14pt}}.mindarmor-auth-page .form-input:focus{border-color:var(--primary);background:#fffc;outline:none;box-shadow:0 0 0 3px #db1c1a1a}.mindarmor-auth-page .form-input:hover{background:#fffc}.mindarmor-auth-page .form-input::placeholder{color:var(--slate-400);font-size:11pt}.mindarmor-auth-page .submit-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));width:100%;color:var(--white);cursor:pointer;border:none;border-radius:.75rem;padding:.75rem 1rem;font-family:Helvetica,Arial,sans-serif;font-size:14pt;font-weight:500;transition:all .2s;position:relative;overflow:hidden}.mindarmor-auth-page .submit-btn:hover{background:linear-gradient(135deg, var(--secondary), var(--rich));transform:scale(1.02);box-shadow:0 25px 50px -12px #00000040}.mindarmor-auth-page .submit-btn:active{transform:scale(.98)}.mindarmor-auth-page .submit-btn:before{content:"";background:linear-gradient(135deg, var(--secondary), var(--rich));opacity:0;transition:opacity .2s;position:absolute;inset:0}.mindarmor-auth-page .submit-btn:hover:before{opacity:1}.mindarmor-auth-page .submit-btn span{z-index:10;position:relative}.mindarmor-auth-page .sso-divider{align-items:center;gap:1rem;margin:1.25rem 0;display:flex}.mindarmor-auth-page .sso-divider-line{background:linear-gradient(to right, transparent, var(--slate-300), transparent);flex:1;height:1px}.mindarmor-auth-page .sso-divider-text{color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.mindarmor-auth-page .sso-btn{background:var(--white);width:100%;color:var(--dark);border:2px solid var(--slate-300);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;font-family:Helvetica,Arial,sans-serif;font-size:14pt;font-weight:500;transition:all .2s;display:flex}.mindarmor-auth-page .sso-btn:hover{border-color:var(--primary);background:#db1c1a0d;transform:translateY(-1px);box-shadow:0 4px 12px #db1c1a26}.mindarmor-auth-page .sso-btn:active{transform:translateY(0)}.mindarmor-auth-page .sso-btn svg{flex-shrink:0}.mindarmor-auth-page .sso-btn span{margin-left:0}.mindarmor-auth-page .auth-links{text-align:center;margin-top:1.5rem}.mindarmor-auth-page .auth-link{color:var(--slate-600);font-size:.875rem}.mindarmor-auth-page .auth-link a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s}.mindarmor-auth-page .auth-link a:hover{color:var(--secondary);text-decoration:underline}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #db1c1a4d}50%{box-shadow:0 0 30px #db1c1a80}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@media (max-width:768px){.mindarmor-auth-page .container{padding:1rem}.mindarmor-auth-page .form-card{padding:1.5rem}.mindarmor-auth-page .info-title{font-size:1.875rem}.mindarmor-auth-page .form-title{font-size:1.25rem}}@media (max-width:480px){.mindarmor-auth-page{padding:.5rem}.mindarmor-auth-page .form-card{border-radius:.75rem;padding:1rem}.mindarmor-auth-page .form-content{padding:.5rem}.mindarmor-auth-page .logo{height:56px}.mindarmor-auth-page .form-title{font-size:1.125rem}.mindarmor-auth-page .form-subtitle{font-size:.875rem}.mindarmor-auth-page .submit-btn{padding:.6rem .75rem;font-size:13pt}}.mindarmor-auth-page .loading{opacity:.7;pointer-events:none}.mindarmor-auth-page .loading .submit-btn{opacity:.7}.mindarmor-auth-page .submit-btn.bg-red-500{background:#ef4444!important}.mindarmor-auth-page .submit-btn.bg-red-500:hover{background:#dc2626!important}.mindarmor-auth-page .submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.mindarmor-auth-page .error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.mindarmor-auth-page .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:.5rem;padding:.75rem;font-size:.875rem;animation:.5s ease-out scale-in}.mindarmor-auth-page .login-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.mindarmor-auth-page .success{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.mindarmor-auth-page .input-focus:focus{box-shadow:0 0 0 3px #db1c1a33}.mindarmor-auth-page .password-strength{height:4px;transition:width .3s}.mindarmor-auth-page .toast-notification{z-index:9999;text-align:center;opacity:0;pointer-events:none;border-radius:.75rem;min-width:240px;max-width:90vw;padding:1rem 1.5rem;font-size:1.07rem;animation:.34s cubic-bezier(.36,1.36,.6,1) forwards toast-in;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000001f}.mindarmor-auth-page .toast-notification.toast-success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.mindarmor-auth-page .toast-notification.toast-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(1.5rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.mindarmor-auth-page #resendCodeBtn{color:#6d0201!important}.mindarmor-auth-page #resendCodeBtn:hover{text-decoration:underline;color:#db1c1a!important}.mindarmor-auth-page .sso-popup-overlay{z-index:10000;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.mindarmor-auth-page .sso-popup-card{background:var(--white,#fdfdfd);border-radius:1rem;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #0003}.mindarmor-auth-page .sso-popup-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.mindarmor-auth-page .sso-popup-title{color:var(--dark,#3a3335);margin:0;font-size:1.125rem;font-weight:600}.mindarmor-auth-page .sso-popup-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:1.5rem;line-height:1}.mindarmor-auth-page .sso-popup-close:hover{color:var(--primary,#db1c1a);background:#f3f4f6}.mindarmor-auth-page .sso-popup-body{padding:1.5rem}.mindarmor-auth-page .sso-popup-body .form-label{margin-bottom:.5rem;display:block}.mindarmor-auth-page .sso-popup-body .form-input{width:100%;margin-bottom:.5rem}.mindarmor-auth-page .sso-popup-error{color:#dc2626;margin-top:.25rem;margin-bottom:.5rem;font-size:.875rem}.mindarmor-auth-page .sso-popup-actions{gap:.75rem;margin-top:1.25rem;display:flex}.mindarmor-auth-page .sso-popup-actions .submit-btn{flex:1}.mindarmor-auth-page .sso-popup-actions .sso-btn{flex:0}
