/* Thaigo AUTH THEME
   Shared UI only — no wallet/registration/login logic changed. */

:root{
  --Thaigo-black:#020202;
  --Thaigo-card:rgba(10,10,10,.96);
  --Thaigo-gold:#f5b928;
  --Thaigo-gold-light:#ffe18a;
  --Thaigo-gold-dark:#9b6800;
  --Thaigo-white:#fff;
  --Thaigo-muted:#a5a5a5;
}

html,body{min-height:100%;}

body{
  margin:0;
  color:#fff;
  background:#020202;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  overflow-x:hidden;
}

/* background */
.bg-ambient{
  position:fixed;
  inset:0;
  z-index:-20;
  pointer-events:none;
  background:
    radial-gradient(circle at 75% 72%,rgba(245,185,40,.10),transparent 28%),
    radial-gradient(circle at 18% 28%,rgba(255,255,255,.025),transparent 26%),
    #020202;
}
.bg-ambient:before{
  content:"";
  position:fixed;
  width:1000px;height:500px;
  left:50%;bottom:-355px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 15%,#5b4317 0,#2b200c 22%,#100c06 48%,#030303 76%);
  border-top:1px solid rgba(255,210,90,.75);
  box-shadow:0 -18px 85px rgba(245,185,40,.16),0 -2px 18px rgba(255,220,120,.3);
}
.bg-ambient:after{
  content:"";
  position:fixed;
  width:650px;height:170px;
  left:50%;bottom:55px;
  transform:translateX(-50%) rotate(-7deg);
  background:radial-gradient(ellipse,rgba(255,210,80,.28),rgba(194,127,13,.08) 38%,transparent 72%);
  filter:blur(16px);
}
#particle-canvas{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:-10!important;
  opacity:.38;
  pointer-events:none;
}
body:before{
  content:"";
  position:fixed;inset:0;z-index:-8;pointer-events:none;opacity:.5;
  background-image:
    radial-gradient(circle,rgba(255,201,65,.65) 1px,transparent 1.5px),
    radial-gradient(circle,rgba(255,255,255,.35) 1px,transparent 1.5px);
  background-size:180px 180px,270px 270px;
  background-position:20px 40px,110px 90px;
}

/* navbar */
.navbar-veri{
  min-height:78px;
  background:rgba(0,0,0,.94)!important;
  border-bottom:1px solid rgba(245,185,40,.55)!important;
  backdrop-filter:blur(14px);
  position:relative;z-index:50;
}
.navbar-veri .container{max-width:1280px;}
.navbar-brand-veri{
  display:flex!important;
  align-items:center;
  gap:11px;
  color:#fff!important;
  text-decoration:none;
  font-size:24px!important;
  font-weight:800;
  letter-spacing:-.4px;
  position:relative;
}
.brand-mark{
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  position:relative;
  background:radial-gradient(circle at 35% 25%,#ffe898 0,#d9a52c 22%,#714b08 48%,#090704 74%);
  border:2px solid #c99319;
  box-shadow:0 0 0 3px rgba(212,157,26,.12),0 0 22px rgba(225,164,32,.18),inset 0 0 15px rgba(255,220,116,.22);
}
.brand-mark:before{
  content:"T";
  color:#f5c84d;
  font:900 italic 31px/1 Georgia,"Times New Roman",serif;
  text-shadow:0 2px 3px #000,0 0 8px rgba(255,205,65,.4);
}
.brand-mark i{display:none!important;}
.navbar-brand-veri:after{
  content:"Hyperliquid Blockchain";
  position:absolute;
  left:59px;top:30px;
  color:#9c9c9c;
  font-size:11px;
  font-weight:400;
  letter-spacing:0;
}
.navbar-veri>.container>a.text-secondary{
  color:#fff!important;
  text-decoration:none;
  padding:9px 20px;
  min-width:112px;
  text-align:center;
  border:1px solid #676767;
  border-radius:8px;
  background:rgba(255,255,255,.015);
  font-size:13px!important;
  transition:.25s ease;
}
.navbar-veri>.container>a.text-secondary:hover{
  color:var(--Thaigo-gold-light)!important;
  border-color:var(--Thaigo-gold);
  box-shadow:0 0 18px rgba(245,185,40,.08);
}
.navbar-veri>.container>a.text-secondary span{color:var(--Thaigo-gold-light)!important;}

/* layout */
.Thaigo-auth-section{
  min-height:calc(100vh - 78px);
  display:flex;
  align-items:center;
  padding:28px 0 55px;
  position:relative;
  z-index:2;
}
.Thaigo-auth-container{max-width:1280px;}
.Thaigo-auth-section .row{min-height:calc(100vh - 170px);}
.Thaigo-left{padding:10px 30px 10px 8px;}
.Thaigo-eyebrow{
  color:var(--Thaigo-gold);
  font-size:12px;font-weight:800;
  letter-spacing:3px;text-transform:uppercase;
  margin-bottom:12px;
}
.Thaigo-left h1{
  margin:0;color:#fff;
  font-size:clamp(38px,4vw,58px);
  line-height:1.05;font-weight:800;letter-spacing:-1.8px;
}
.Thaigo-left h1 .gold,
.Thaigo-left h1 span:last-child{
  display:block;
  background:linear-gradient(180deg,#ffe79a 0%,#e8ae28 55%,#b87908 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.Thaigo-line{
  width:82px;height:2px;margin:20px 0;
  background:linear-gradient(90deg,var(--Thaigo-gold),transparent);
  box-shadow:0 0 12px rgba(230,173,34,.55);
}
.Thaigo-description{
  max-width:470px;color:#d2d2d2;
  font-size:15px;line-height:1.6;margin-bottom:22px;
}
.Thaigo-feature{
  display:flex;align-items:center;gap:13px;
  margin-bottom:13px;
}
.Thaigo-feature-icon{
  width:46px;height:46px;flex:0 0 46px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  border:1px solid rgba(245,185,40,.82);
  color:var(--Thaigo-gold);
  background:rgba(0,0,0,.38);
  box-shadow:inset 0 0 12px rgba(220,160,28,.04),0 0 15px rgba(220,160,28,.06);
}
.Thaigo-feature-icon i{font-size:19px;}
.Thaigo-feature-content strong,.Thaigo-feature-text h4{
  display:block;color:#fff;font-size:14px;font-weight:700;margin:0 0 2px;
}
.Thaigo-feature-content span,.Thaigo-feature-text p{
  display:block;color:#999;font-size:12px;line-height:1.35;margin:0;
}
.Thaigo-security,.Thaigo-security-box{
  display:flex;align-items:center;gap:14px;
  max-width:430px;margin-top:20px;padding:13px 16px;
  border:1px solid rgba(245,185,40,.62);
  border-radius:10px;background:rgba(0,0,0,.48);
  box-shadow:0 0 24px rgba(220,160,28,.04);
}
.Thaigo-security-icon,.Thaigo-security-box .lock-icon{color:var(--Thaigo-gold);font-size:27px;}
.Thaigo-security strong,.Thaigo-security-box strong{display:block;color:#fff;font-size:13px;margin-bottom:2px;}
.Thaigo-security span,.Thaigo-security-box span{color:#999;font-size:11px;line-height:1.4;}

/* decorative logo */
.Thaigo-floating-logo{
  position:absolute;
  left:2%;top:50%;
  transform:translate(-50%,-50%) rotate(45deg);
  width:100px;height:100px;
  border:1px solid rgba(245,185,40,.85);
  background:radial-gradient(circle,rgba(245,185,40,.10),rgba(0,0,0,.35));
  box-shadow:0 0 30px rgba(245,185,40,.10);
  display:flex;align-items:center;justify-content:center;
  z-index:0;
}
.Thaigo-floating-logo:after{
  content:"T";
  transform:rotate(-45deg);
  color:#f5b928;
  font:900 48px/1 Georgia,"Times New Roman",serif;
  text-shadow:0 0 12px rgba(245,185,40,.4);
}

/* cards */
#registerCard,.Thaigo-auth-card{
  position:relative;
  width:100%;
  max-width:470px;
  margin-left:auto;
  background:linear-gradient(145deg,rgba(17,17,17,.98),rgba(5,5,5,.98))!important;
  border:1px solid rgba(245,185,40,.82)!important;
  border-radius:18px!important;
  padding:28px 32px!important;
  box-shadow:0 24px 65px rgba(0,0,0,.62),0 0 35px rgba(245,185,40,.07),inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden;
  backdrop-filter:blur(16px);
}
#registerCard:before,.Thaigo-auth-card:before{
  content:"";position:absolute;width:230px;height:230px;right:-125px;top:-120px;border-radius:50%;
  background:radial-gradient(circle,rgba(236,179,45,.10),transparent 68%);pointer-events:none;
}
#registerCard:after,.Thaigo-auth-card:after{
  content:"";position:absolute;width:200px;height:200px;left:-130px;bottom:-120px;border-radius:50%;
  background:radial-gradient(circle,rgba(224,163,29,.06),transparent 70%);pointer-events:none;
}

/* register logo */
#formState>.text-center:before{
  content:"T";
  width:82px;height:82px;
  margin:0 auto 12px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  border:2px solid #c08a14;
  background:radial-gradient(circle at 35% 25%,#ffe898 0,#d7a329 20%,#684707 48%,#090704 74%);
  color:#f3c54d;
  font:900 italic 50px/1 Georgia,"Times New Roman",serif;
  text-shadow:0 2px 3px #000,0 0 12px rgba(255,210,80,.35);
  box-shadow:0 0 25px rgba(230,173,34,.12),inset 0 0 16px rgba(255,224,129,.18);
}
#formState .eyebrow{display:none!important;}
#formState h3{
  color:#fff;font-size:25px;font-weight:750;margin-bottom:2px!important;
}
#formState>.text-center p{
  color:#999!important;font-size:13px;margin-bottom:22px;
}

/* common form */
.form-label{
  color:#eee!important;font-size:13px!important;font-weight:600;margin-bottom:7px;
}
.form-veri{
  height:50px!important;
  color:#fff!important;
  background:rgba(7,7,7,.96)!important;
  border:1px solid #454545!important;
  border-radius:8px!important;
  box-shadow:none!important;
  font-size:14px!important;
  padding:0 14px!important;
  transition:.25s ease;
}
.form-veri::placeholder{color:#707070!important;}
.form-veri:focus{
  color:#fff!important;background:#080808!important;
  border-color:var(--Thaigo-gold)!important;
  box-shadow:0 0 0 2px rgba(230,173,34,.08)!important;
}
.form-select.form-veri{color:#fff!important;background-color:#080808!important;}
.form-select.form-veri option{background:#0b0b0b;color:#fff;}
.input-group .form-veri{border-radius:8px 0 0 8px!important;}
.btn-veri-outline{
  min-width:125px;height:50px;
  border:1px solid var(--Thaigo-gold)!important;
  border-left:1px solid var(--Thaigo-gold)!important;
  border-radius:0 8px 8px 0!important;
  background:#080808!important;color:var(--Thaigo-gold-light)!important;
  font-size:13px;font-weight:700;transition:.25s ease;
}
.btn-veri-outline:hover{
  color:#050505!important;background:var(--Thaigo-gold)!important;
  border-color:var(--Thaigo-gold-light)!important;
}
#walletError{color:#cf6262!important;font-size:11px;margin-top:6px;}
.btn-veri-primary{
  min-height:50px!important;border:none!important;border-radius:8px!important;
  color:#080808!important;font-weight:800!important;font-size:15px!important;
  background:linear-gradient(135deg,#f8d15a,#e7a516)!important;
  box-shadow:0 8px 25px rgba(245,185,40,.16);
  transition:.25s ease;
}
.btn-veri-primary:hover{
  color:#000!important;transform:translateY(-1px);
  box-shadow:0 12px 32px rgba(245,185,40,.25);
}
.Thaigo-token-btn{
  min-height:48px;
  color:var(--Thaigo-gold-light)!important;background:#080808!important;
  border:1px solid rgba(245,185,40,.72)!important;border-radius:8px!important;
  font-size:13px;font-weight:650;transition:.25s ease;
}
.Thaigo-token-btn:hover{background:rgba(245,185,40,.08)!important;border-color:var(--Thaigo-gold)!important;}
.Thaigo-card-logo{
  width:82px!important;height:82px!important;
  margin:0 auto 10px!important;
  display:flex!important;align-items:center;justify-content:center;
  border-radius:50%!important;border:2px solid #c08a14!important;
  background:radial-gradient(circle at 35% 25%,#ffe898 0,#d7a329 20%,#684707 48%,#090704 74%)!important;
  color:#f3c54d!important;
  font:900 italic 52px/1 Georgia,"Times New Roman",serif!important;
  box-shadow:0 0 25px rgba(230,173,34,.12),inset 0 0 16px rgba(255,224,129,.18);
}
.Thaigo-card-title{color:#fff;font-size:26px;font-weight:750;margin-bottom:2px;}
.Thaigo-card-subtitle{color:#999;font-size:13px;margin-bottom:17px;}
.Thaigo-login-icon{
  width:54px;height:54px;margin:0 auto 10px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;color:var(--Thaigo-gold);
  background:rgba(245,185,40,.06);border:1px solid rgba(245,185,40,.5);
}
.Thaigo-login-icon i{font-size:23px;}
.Thaigo-card-footer{color:#8f8f8f;font-size:12px;text-align:center;margin-top:16px;}
.Thaigo-link{color:var(--Thaigo-gold-light)!important;text-decoration:none;font-weight:700;}
.Thaigo-link:hover{color:#fff!important;}
#loginFormState>.text-center .wallet-caption{color:#fff;font-size:15px;font-weight:600;}
#loginFormState>.text-center .wallet-subcaption{color:#888;font-size:11px;margin-top:3px;}

/* loading */
.loader-container{
  display:flex;background:rgba(0,0,0,.84);backdrop-filter:blur(8px);
  flex-direction:column;align-items:center;justify-content:center;
  position:fixed;inset:0;z-index:9999;
}
.loader{
  border:5px solid #252525;border-top:5px solid var(--Thaigo-gold);
  border-radius:50%;width:52px;height:52px;animation:ThaigoSpin 1s linear infinite;
}
.loader-text{margin-top:16px;font-size:14px;color:#fff;font-weight:600;}
@keyframes ThaigoSpin{to{transform:rotate(360deg)}}

/* Choices.js */
.choices{margin-bottom:0!important;}
.choices__inner{
  min-height:50px!important;height:50px!important;
  padding:0 38px 0 14px!important;
  display:flex!important;align-items:center!important;
  background:#080808!important;border:1px solid #454545!important;
  border-radius:8px!important;color:#fff!important;font-size:14px!important;
}
.choices.is-focused .choices__inner,.choices.is-open .choices__inner{
  border-color:var(--Thaigo-gold)!important;
  box-shadow:0 0 0 2px rgba(230,173,34,.08)!important;
}
.choices__list--single{padding:0!important;}
.choices__list--dropdown,.choices__list[aria-expanded]{
  background:#0b0b0b!important;border:1px solid #555!important;color:#fff!important;z-index:1000!important;
}
.choices__item--choice{color:#fff!important;}
.choices__item--choice.is-highlighted{background:rgba(245,185,40,.12)!important;color:#fff!important;}
.choices[data-type*=select-one] .choices__button{display:none!important;}
.choices[data-type*=select-one]:after{border-color:#aaa transparent transparent!important;right:15px!important;}

/* success */
#successState h4{color:#fff;}
#successState .mono{color:var(--Thaigo-gold-light);}

/* responsive */
@media(max-width:991px){
  .Thaigo-auth-section{padding:22px 0 45px;}
  .Thaigo-auth-section .row{min-height:0;}
  .Thaigo-left{text-align:center;padding:10px 20px 25px;}
  .Thaigo-description{margin-left:auto;margin-right:auto;}
  .Thaigo-line{margin-left:auto;margin-right:auto;}
  .Thaigo-feature{justify-content:center;text-align:left;}
  .Thaigo-security{margin-left:auto;margin-right:auto;text-align:left;}
  .Thaigo-floating-logo{display:none;}
  #registerCard,.Thaigo-auth-card{margin:10px auto 20px;max-width:500px;}
}
@media(max-width:575px){
  .navbar-veri{min-height:68px;}
  .navbar-brand-veri{font-size:19px!important;}
  .brand-mark{width:40px;height:40px;}
  .brand-mark:before{font-size:26px;}
  .navbar-brand-veri:after{display:none;}
  .navbar-veri>.container>a.text-secondary{padding:7px 9px;min-width:auto;font-size:11px!important;}
  .Thaigo-auth-section{min-height:calc(100vh - 68px);padding:15px 0 35px;}
  .Thaigo-left h1{font-size:34px;letter-spacing:-1px;}
  .Thaigo-description{font-size:13px;}
  .Thaigo-feature-icon{width:42px;height:42px;flex-basis:42px;}
  .Thaigo-feature-content span,.Thaigo-feature-text p{font-size:11px;}
  #registerCard,.Thaigo-auth-card{padding:22px 16px!important;border-radius:15px!important;}
  #formState>.text-center:before{width:70px;height:70px;font-size:43px;}
  #formState h3,.Thaigo-card-title{font-size:23px;}
  .form-veri,.choices__inner{height:48px!important;min-height:48px!important;}
  .btn-veri-outline{height:48px;min-width:108px;}
  .btn-veri-primary{min-height:48px!important;font-size:14px!important;}
  .Thaigo-card-logo{width:70px!important;height:70px!important;font-size:43px!important;}
}