/* Presentation only. Layout, financial state, authentication and navigation stay in their existing modules. */
:root{
  --ink:#11294C;
  --muted:#5E728F;
  --navy:#0A2A60;
  --blue:#176ADD;
  --blue-bright:#3A96F5;
  --sky:#BFDFFF;
  --soft:#EDF6FF;
  --line:#DAE7F6;
  --bg:#F6FAFF;
  --surface:#FFFFFF;
  --surface-soft:#F8FBFF;
  --surface-shadow:0 8px 24px -12px #0A2A6026,0 1px 3px #0A2A6005;
  --shadow:0 12px 32px -16px #0A2A6033;
  --focus-ring:0 0 0 3px #176ADD24;
  --premium-blue:linear-gradient(125deg,#1257BB,#176ADD);
}
body{background:radial-gradient(ellipse at 30% 0%,#D5E8FF,#EDF3FC 58%,#E5EEF9)}
.app-shell{background:linear-gradient(175deg,#FDFEFF 0%,#F4F9FF 52%,#EDF5FF 100%)}
.app-shell::before,.app-shell::after{content:"";display:block;position:absolute;inset:0;z-index:0;pointer-events:none}
.app-shell::before{height:min(76dvh,620px);background:url('assets/hg-premium-waves.svg') center top/100% 100% no-repeat;-webkit-mask-image:linear-gradient(#000 0%,#000 48%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 48%,transparent 100%)}
.app-shell::after{background:radial-gradient(ellipse at 0% 100%,#BFDFFF35,transparent 48%)}
.content{position:relative;z-index:1;background:transparent}
.home-header h1,.title,.auth-title,.profile-card h2{color:var(--navy)}
.home-header .eyebrow{color:#496B98}
.office-label{color:#4C6E99}
.head-icon{background:linear-gradient(145deg,#FFFFFF,#EDF6FF);border-color:#D1E3FA;box-shadow:inset 0 1px 0 #FFFFFF,0 5px 14px -8px #176ADD40;color:var(--navy)}
.plain-icon{background:linear-gradient(140deg,#FFFFFF,#E4F1FF);box-shadow:inset 0 0 0 1px #D8E8FC;color:var(--blue)}

/* The single existing USD balance card keeps its measured dimensions. */
.hero-balance{position:relative;isolation:isolate;overflow:hidden;border-radius:25px;background:radial-gradient(ellipse at 10% 0%,#3A96F552,transparent 65%),linear-gradient(118deg,#0A2A60 12%,#104792 64%,#176ADD 100%);box-shadow:inset 0 0 0 1px #FFFFFF35,inset 0 1px 0 #FFFFFF33,0 15px 30px -14px #0A2A6075}
.hero-balance::before{content:"";position:absolute;inset:0;z-index:0;background:url('assets/hg-premium-waves.svg') center 20%/130% 180% no-repeat;opacity:.13;pointer-events:none}
.hero-balance::after{content:"";position:absolute;inset-inline-start:-15%;bottom:-98%;width:115%;height:145%;border:1px solid #BFDFFF21;border-radius:49% 56% 46% 61%;transform:rotate(-18deg);pointer-events:none;z-index:0}
.hero-balance>*{position:relative;z-index:1}
.balance-label{color:#E7F1FF}
.balance-label .plain-icon{background:linear-gradient(140deg,#FFFFFF29,#FFFFFF10);color:#F2F8FF;box-shadow:inset 0 0 0 1px #FFFFFF22}
.balance-number{color:#FFFFFF;text-shadow:0 2px 10px #061C4A18}
.balance-number small,.balance-note{color:#DAEBFF}
.balance-note:empty{display:none}
.balance-footer{border-color:#FFFFFF29;color:#DFEEFF}
.balance-footer .ico{color:#BFDFFF}

/* Exactly the existing three actions; visual depth without extra height. */
.action{border-color:#D7E7FA;border-radius:20px;background:linear-gradient(150deg,#FFFFFF 30%,#F3F8FF);box-shadow:inset 0 1px 0 #FFFFFF,var(--surface-shadow);color:var(--navy)}
.action-ico{background:radial-gradient(ellipse at 20% 0%,#FFFFFF,#E4F2FF);color:#176ADD;box-shadow:inset 0 0 0 1px #D7E9FF,0 4px 10px -7px #176ADD60;border-radius:14px}
.action.primary{background:radial-gradient(ellipse at 16% 0%,#3A96F540,transparent 65%),linear-gradient(135deg,#176ADD,#1255B6);color:white;border-color:#1D68CF;box-shadow:inset 0 1px 0 #FFFFFF30,0 10px 20px -12px #125ACB88}
.action.primary .action-ico{background:linear-gradient(140deg,#FFFFFF2E,#FFFFFF12);box-shadow:inset 0 0 0 1px #FFFFFF33,0 3px 8px #0A2A6015;color:#FFFFFF}
.preview-notice{padding:11px 13px;gap:9px;border-color:#D2E2F6;border-radius:16px;background:linear-gradient(115deg,#F5FAFF,#EAF3FE);box-shadow:inset 0 1px 0 #FFFFFFB0;color:#4B678C}
.preview-notice strong{color:#284F80}
.preview-notice small{color:#557091}
.preview-notice>.ico{color:#3268AB}

/* Preserve the four-column grid, native insets and keyboard visibility rules. */
.bottombar{position:relative;background:linear-gradient(180deg,#FFFFFF,#F9FCFF);border-top-color:#D8E6F7;box-shadow:0 -7px 22px -15px #0A2A6045,inset 0 1px 0 #FFFFFF}
.tab{color:#607692;border-radius:15px}
.tab.active{color:#145FCB;background:linear-gradient(155deg,#E6F2FF,#F3F8FF);box-shadow:inset 0 0 0 1px #D4E7FF,inset 0 1px 0 #FFFFFF}
.tab.active .ico{filter:drop-shadow(0 2px 3px #176ADD16)}

/* Shared surfaces cover the existing client screens, with no new components. */
.card,.method,.guide,.profile-card{background:linear-gradient(145deg,#FFFFFF 45%,#FAFCFF);border-color:#DCE8F8;box-shadow:inset 0 1px 0 #FFFFFF,var(--surface-shadow)}
.method{border-radius:20px}
.method-icon{background:linear-gradient(140deg,#FFFFFF,#F1F7FF);border-color:#DCE9FA;box-shadow:inset 0 1px 0 #FFFFFF}
.method-icon.usdt{background:linear-gradient(140deg,#FFFFFF,#F2FAF8);border-color:#DDEDE9}
.method-icon img,.auth-brand img,.intro-asset img{object-fit:contain;object-position:center;clip-path:none}
.method strong,.guide strong{color:var(--navy)}
.method .chev,.guide>.ico{color:#6586AF}
.soft-card{background:linear-gradient(130deg,#F4F9FF,#EAF3FF);box-shadow:inset 0 0 0 1px #DDE9F8,inset 0 1px 0 #FFFFFF}
.sep{background:linear-gradient(90deg,#E2ECF8,#D7E5F7,#EAF2FC)}
.circle,.avatar{background:linear-gradient(145deg,#F5FAFF,#E4F0FF);color:var(--blue);box-shadow:inset 0 0 0 1px #D6E7FD,inset 0 1px 0 #FFFFFF}
.avatar{box-shadow:inset 0 0 0 1px #D6E7FD,0 7px 18px -11px #176ADD60}
.profile-card{background:radial-gradient(ellipse at 50% 0%,#EAF4FF80,transparent 65%),linear-gradient(150deg,#FFFFFF,#FBFDFF)}
.pill{background:linear-gradient(140deg,#F0F7FF,#E6F1FF);color:#1F5EA6}
.filter{background:linear-gradient(150deg,#FFFFFF,#F8FBFF);border-color:#D9E6F8;color:#536E92;box-shadow:0 2px 5px #0A2A6003}
.choice{background:linear-gradient(150deg,#FFFFFF,#FAFCFF);border-color:#D7E4F6;color:#4B6B97}
.choice.selected,.filter.selected{background:linear-gradient(130deg,#E6F2FF,#F7FBFF);border-color:#83B3F2;color:#125BC4;box-shadow:inset 0 0 0 1px #176ADD0B,0 3px 8px #176ADD08}
.flow-steps{color:#637B9E}
.flow-steps .selected,.flow-steps .done{color:#145FCB}

.field input,.field textarea,.field select{background:linear-gradient(180deg,#FFFFFF,#FCFDFF);border-color:#CDDFF5;color:var(--ink);box-shadow:inset 0 2px 4px #0A2A6003}
.field input::placeholder,.field textarea::placeholder{color:#70839E}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#629DEB;box-shadow:var(--focus-ring),inset 0 1px 0 #FFFFFF}
.field input:disabled,.field textarea:disabled,.field select:disabled{background:#EFF4FA;border-color:#D9E4F2;color:#7D8FA7}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:var(--red)}
.field input[aria-invalid="true"]:focus{box-shadow:0 0 0 3px #BB32481A}
.amount-input{background:linear-gradient(160deg,#FFFFFF,#F8FBFF);border-color:#CBDDF4;box-shadow:inset 0 2px 5px #0A2A6004}
.amount-input input{background:transparent;box-shadow:none}
.amount-input:focus-within{border-color:#629DEB;box-shadow:var(--focus-ring)}
.amount-input input:focus{box-shadow:none}
.amount-input span{color:#55759D}
.hint-box{background:linear-gradient(125deg,#F6FAFF,#EAF3FF);border:1px solid #DBE8F9;color:#486A94;box-shadow:inset 0 1px 0 #FFFFFF}
.hint-box>.ico{color:#2268C6}
.warn-box{background:linear-gradient(125deg,#FFFBF3,#FFF4E1);border:1px solid #F0DFBC;color:#855817}
.hint-red{color:var(--red)}
.empty{background:linear-gradient(145deg,#FFFFFF99,#F1F7FF);border-color:#C4D9F3;color:#587394}
.empty>.ico{color:#7F9FC7}
.support{background:linear-gradient(135deg,#F3FBF7,#E7F5EF);border-color:#CDE7DB;box-shadow:inset 0 1px 0 #FFFFFF,0 5px 14px -10px #16744D26}
.support-ico{color:#138667}

.btn{background:var(--premium-blue);box-shadow:inset 0 1px 0 #FFFFFF26,0 9px 18px -12px #0B55BD88;color:#FFFFFF}
.btn.ghost{background:linear-gradient(155deg,#FFFFFF,#F7FBFF);border-color:#CFE1F8;color:#165FC5;box-shadow:inset 0 1px 0 #FFFFFF,0 3px 10px -9px #176ADD55}
.btn.text{background:transparent;box-shadow:none;color:#145FCB}
.btn.danger{color:var(--red);border-color:#E9CAD1;background:linear-gradient(140deg,#FFFFFF,#FFF7F8)}
.btn:disabled{background:linear-gradient(125deg,#D7E3F4,#CFDFF2);border-color:#C9D9EE;box-shadow:inset 0 1px 0 #FFFFFF88;color:#3D5B84;opacity:1}
.btn.text:disabled{background:transparent;color:#7D90AA}
.wordmark{color:var(--navy)}
.footer-prompt button{color:#145FCB}
.modal-back{background:#071E4694}
.modal{background:linear-gradient(160deg,#FFFFFF,#F3F8FF);box-shadow:0 -12px 45px #061C4530,inset 0 1px 0 #FFFFFF;border:1px solid #E2ECF9;border-bottom:0}
.modal-title{color:var(--navy)}
.modal-title>.ico{color:var(--blue)}
.modal p{color:#536D91}
.toast{background:linear-gradient(120deg,#0A2A60,#164C96);box-shadow:inset 0 0 0 1px #FFFFFF22,0 10px 24px #0A2A6035;color:#FFFFFF}
.offline-banner{background:linear-gradient(120deg,#FFF9ED,#FFF0D6);border:1px solid #EFDEBA;color:#765119}
.session-loader{color:#536F94}
.loader{border-color:#D8E8FC;border-top-color:var(--blue)}

/* Keep the finished onboarding artwork and geometry; harmonize only its palette. */
.content.auth:has(.intro-premium){background:transparent}
.intro-wallet-card,.intro-scene-to-sham .intro-wallet-card{background:radial-gradient(ellipse at 12% 0%,#3A96F533,transparent 65%),linear-gradient(118deg,#0A2A60,#1459BB);box-shadow:inset 0 1px 0 #FFFFFF22,0 22px 44px -22px #0A2A6075}
.intro-currency-backplate{background:linear-gradient(125deg,#0A2A60,#176ADD)}
.intro-transfer-card,.intro-currency-sheet{border-color:#D7E6FA;box-shadow:inset 0 1px 0 #FFFFFF,0 14px 30px -18px #0A2A6050}
.intro-next.btn{background:var(--premium-blue);box-shadow:inset 0 1px 0 #FFFFFF29,0 10px 20px -10px #125BC455}
.intro-copy h1{color:var(--navy)}
.intro-copy p{color:#5E7495}
.intro-kicker{color:#296DC8}
.intro-orbit{border-color:#CADFF8}
.intro-scene-halo{background:radial-gradient(ellipse at 40% 48%,#BFDFFF80,transparent 68%)}

button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#397FE2}
.action:disabled,.method:disabled,.choice:disabled,.tab:disabled{opacity:.55;box-shadow:none}
@media(hover:hover){
  .btn:not(:disabled):hover{filter:brightness(1.035)}
  .action:not(:disabled):not(.primary):hover,.method:not(:disabled):hover,.guide:not(:disabled):hover{border-color:#A9CDF9;background:linear-gradient(145deg,#FFFFFF,#F0F7FF)}
  .tab:not(.active):not(:disabled):hover{background:#F0F6FF;color:#2465B8}
}
@media(prefers-reduced-motion:no-preference){
  .btn,.action,.method,.guide,.tab,.choice,.filter,.head-icon{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}
}
.btn:not(:disabled):active,.action:not(:disabled):active,.method:not(:disabled):active,.guide:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 2px 6px #0A2A6015}
@media(prefers-reduced-motion:reduce){.btn:active,.action:active,.method:active,.guide:active{transform:none!important}}