.auth-container{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:linear-gradient(135deg,#203d4d 0%,#000 100%);border:2px solid #203d4d;border-radius:20px;width:100%;max-width:500px;padding:50px;box-shadow:0 25px 50px -12px #00000080}.auth-card-wide{max-width:700px}.icon-center{text-align:center}.icon-container{border-radius:50%;margin-bottom:30px;padding:20px;display:inline-flex}.icon-error{background-color:#ef44441a}.icon-success{background-color:#22c55e1a}.heading{color:#fff;text-align:center;margin-top:0;margin-bottom:10px;font-size:32px;font-weight:700}.text-content{color:#d1d5db;text-align:center;margin-top:15px;margin-bottom:0;line-height:1.6}.text-margin{margin-bottom:30px}.loading-wrapper{text-align:center}.spinner-container{position:relative}.spinner{border:4px solid #203d4d;border-top-color:#fff;border-radius:50%;width:80px;height:80px;margin:0 auto;animation:1s linear infinite spin;position:relative}.spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fff;margin-top:25px;font-size:18px;font-weight:500}.sub-text{color:#9ca3af;margin-top:10px;font-size:14px}.btn-primary{text-align:center;color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:10px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:block}.btn-primary:hover{background-color:#e5e7eb}.btn-flex{flex:1;margin-top:0}.btn-outline{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #fff;border-radius:10px;flex:1;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.btn-outline:hover{background-color:#ffffff1a}.button-group{gap:15px;margin-top:25px;display:flex}.data-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;border:1px solid #203d4d80;border-radius:12px;margin-top:20px;padding:25px}.data-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.data-label{color:#fff;margin:0;font-size:18px;font-weight:600}.data-pre{text-align:left;color:#4ade80;background-color:#0009;border:1px solid #203d4d4d;border-radius:10px;max-height:400px;margin:0;padding:20px;font-size:14px;overflow:auto}.divider{border-top:1px solid #203d4d80;margin-top:30px;padding-top:25px}.data-pre::-webkit-scrollbar{width:8px;height:8px}.data-pre::-webkit-scrollbar-track{background:#000;border-radius:10px}.data-pre::-webkit-scrollbar-thumb{background:#203d4d;border-radius:10px}.data-pre::-webkit-scrollbar-thumb:hover{background:#2a5168}