/* ===== BASE ===== */
* {
  box-sizing:border-box;
  font-family:'Inter',sans-serif;
}

:root {
    --gold: #d4a846;
    --gold-light: #f0d080;
    --gold-dim: #a07820;
    --gold-glow: rgba(212,168,70,0.25);
    --black: #0a0a0a;
    --card-bg: #111111;
    --card-border: rgba(212,168,70,0.18);
    --card-hover-border: rgba(212,168,70,0.45);
    --text-primary: #f5f0e8;
    --text-secondary: #9a9490;
    --accent-green: #3ecf7a;
    --accent-red: #e85b5b;
}

body {
    margin: 0;
    min-height: 100vh;
    /*background:
    radial-gradient(circle at top right, rgba(45,255,247,.12), transparent 40%),
    radial-gradient(circle at bottom left, rgba(45,255,247,.08), transparent 45%),
    #020617;*/
    background: #0a0a0a;
    color:#e5e7eb;
}

/* ===== LAYOUT ===== */
.auth-page{
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  align-items:center;
  min-height:100vh;
  padding:60px;
  gap:80px;
}

/* ===== CARD ===== */
.auth-card {
    max-width: 480px;
    margin: 0 auto;
    padding: 42px;
    box-shadow: 0 30px 80px rgba(0,0,0,.75);
    backdrop-filter: blur(6px);
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 14px !important;
    position: relative;
    overflow: hidden;
    transition: border-color .3s, box-shadow .3s !important;
}
    .auth-card::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 80px;
        height: 80px;
        background: radial-gradient(circle at top right, rgba(212,168,70,0.07) 0%, transparent 70%);
        pointer-events: none;
    }
.card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 14px !important;
    padding: 24px 22px 20px !important;
    position: relative;
    overflow: hidden;
    transition: border-color .3s, box-shadow .3s !important;
}

/* ===== TEXT ===== */
.auth-card h1{
  margin:0 0 10px;
  font-size:30px;
  font-weight:600;
}

.auth-card p{
  color:#94a3b8;
  font-size:15px;
  margin-bottom:28px;
}

/* ===== INPUT ===== */
.auth-field{
  position:relative;
  margin-bottom:26px;
}

    .auth-field label {
        position: absolute;
        top: -9px;
        left: 18px;
        background: #1a1a1a;
        padding: 0 8px;
        font-size: 12px;
        color: #d9a829;
    }

.auth-field::before{
  content:"⛓";
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  opacity:.5;
}

    .auth-field input {
        width: 100%;
        height: 56px;
        border: 1px solid var(--card-border) !important;
        border-radius: 14px !important;
        background: #1a1a1a;
        color: #e5e7eb;
        padding: 0 18px 0 40px;
        font-size: 14px;
        outline: none;
        font-family: monospace;
        letter-spacing: .4px;
    }

.auth-field input:focus{
  border-color:#2dfff7;
  box-shadow:0 0 0 2px rgba(45,255,247,.15);
}

/* ===== BUTTON ===== */
.auth-btn {
    width: 100%;
    height: 54px;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: .25s ease;
    background: linear-gradient(135deg, #a855f7, #ec4899, #f97316);
    color: #fff;
    box-shadow: 0 0 40px rgba(168, 85, 247, .45), 0 4px 20px rgba(0, 0, 0, .5);
}


    .auth-btn:hover {
        box-shadow: 0 0 40px rgba(168, 85, 247, .45), 0 8px 10px rgba(0, 0, 0, .5);
        transform: translateY(-1px);
    }

.auth-btn:active{
  transform:scale(.97);
}

/* ===== FOOT ===== */
.auth-trust{
  margin-top:14px;
  text-align:center;
  font-size:13px;
  color:#9ca3af;
}

.auth-links{
  margin-top:26px;
  display:flex;
  justify-content:space-between;
  font-size:14px;
}

    .auth-links a {
        color: #0093ff;
        text-decoration: none;
    }

/* ===== WALLET ICONS (LOGIN ONLY) ===== */
.wallet-support{
  margin-top:22px;
  text-align:center;
  font-size:12px;
  color:#94a3b8;
}

.wallet-icons{
  margin-top:10px;
  display:flex;
  justify-content:center;
  gap:16px;
}

.wallet-icons img{
  height:22px;
/* //  filter:invert(1) brightness(1.6); */
  opacity:.7;
  transition:.25s ease;
}

.wallet-icons img:hover{
  opacity:1;
 // filter:invert(1) brightness(2);
  transform:translateY(-2px);
}

/* ===== RIGHT VISUAL ===== */
.auth-visual{
  display:flex;
  justify-content:center;
  align-items:center;
}

    .auth-visual img {
        max-width: 420px;
        animation: pulseGlow 6s ease-in-out infinite;
        filter: drop-shadow(0 0 80px rgb(255 203 45 / 10%)) drop-shadow(0 40px 120px rgb(255 203 45 / 60%));
    }

@keyframes pulseGlow{
    0%,100% {
        filter: drop-shadow(0 0 60px rgb(255 203 45 / 20%));
    }
    50% {
        filter: drop-shadow(0 0 110px rgb(255 203 45 / 70%));
    }
}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .auth-page{
    grid-template-columns:1fr;
    padding:40px 20px;
  }
  .auth-visual{
    display:none;
  }
}

 /* Loader Wrapper */
.loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
}

/* Dark Background */
.loader-bg {
    position: absolute;
    inset: 0;
    background: #000;
    opacity: 0.8;
}

/* Center Content */
.loader-main {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

/* 🔥 LOGO STYLE LOADER */
.logo-loader {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 12px solid transparent;

    border-top: 12px solid #6b5b95;   /* Purple */
    border-right: 12px solid #ff9671; /* Peach */
    border-bottom: 12px solid #a1e8e4;/* Aqua */
    border-left: 12px solid #f9e27d;  /* Yellow */

    animation: spin 1.2s linear infinite;
}

/* Loader Text */
.loader-text {
    margin-top: 18px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    text-align: center;
    max-width: 260px;
}

/* Animation */
@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* Mobile */
@media(max-width:480px){
    .logo-loader {
        width: 110px;
        height: 110px;
        border-width: 10px;
    }

    .loader-text {
        font-size: 14px;
    }
}

.swal-modal {
  background: #1C252E;
  
  border-radius: .35rem;
}

.swal-title {
  color: #2dfff7;
  font-size: 20px;
  font-weight: 600;
}

.swal-text {
    color: #f1f1f1;
    font-size: 16px;
}

.swal-icon--success__line {
  background-color: #2dfff7;
}

.swal-icon--success__ring {
  border: 4px solid rgba(45,255,247,0.4);
}

.swal-button {
    background: linear-gradient(90deg, #aa8116, #ebcd3b);
    color: #000;
    border-radius: 25px;
    padding: 8px 22px;
    font-size: 13px;
    box-shadow: 0 0 15px rgb(71 56 0 / 50%);
}

.swal-button:not([disabled]):hover {
  background: linear-gradient(90deg, #18c5c0, #2dfff7);
}
/* ===== CENTER SWEETALERT BUTTON ===== */

.swal-footer {
  text-align: center;
}

.swal-button {
  float: none;
  margin: 0 auto;
}
.swal-button:focus,
.swal-button:active {
  outline: none !important;
  box-shadow: none !important;
}
/* ===== FIX SWEETALERT SUCCESS ICON ===== */

/* Remove white bg */
.swal-icon--success {
  background: transparent !important;
}

/* Outer ring */
.swal-icon--success__ring {
  border: 3px solid rgba(45,255,247,0.7) !important;
  box-shadow: 0 0 25px rgba(45,255,247,0.9);
}

/* Check mark lines */
.swal-icon--success__line {
  background-color: #2dfff7 !important;
}

/* Hide weird animation circle */
.swal-icon--success::before,
.swal-icon--success::after {
  display: none !important;
}

/* ===============================
   SWEETALERT SUCCESS – FINAL LOOK
   =============================== */

.swal-modal {
    background: linear-gradient(180deg, #0b1220, #060b16);
    border-radius: 20px;
    border: 1px solid rgb(255 213 0 / 35%);
    box-shadow: 0 0 40px rgb(225 166 22 / 25%), inset 0 0 20px rgba(45, 255, 247, 0.05);
}

/* REMOVE DEFAULT WHITE BG */
.swal-icon--success {
  background: transparent !important;
}

/* NEON RING */
.swal-icon--success__ring {
  border: 3px solid #2dfff7 !important;
  box-shadow:
    0 0 25px rgba(45,255,247,0.9),
    0 0 50px rgba(45,255,247,0.4);
}

/* CHECK MARK */
.swal-icon--success__line {
  background-color: #2dfff7 !important;
  height: 4px;
}

/* REMOVE EXTRA ANIMATION CIRCLES */
.swal-icon--success::before,
.swal-icon--success::after {
  display: none !important;
}

/* TEXT */
.swal-text {
  color: #e5e7eb;
  font-size: 14px;
  margin-top: 8px;
}

/* CENTER CONTENT */
.swal-icon {
  margin-top: 10px;
}

.swal-icon--success__hide-corners {
    width: 5px;
    height: 90px;
    /* background-color: #fff; */
    padding: 1px;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	display: none;
}

/* FIX BOTTOM CUT ISSUE */
.swal-modal {
  padding-bottom: 28px !important;
}

.swal-text {
  margin-bottom: 0 !important;
}

/* Extra safety for glow/shadow */
.swal-icon {
  margin-bottom: 14px !important;
}