/* FORT CIT visual refresh v4 — presentation layer only.
   Preserves existing markup, form actions, API endpoints, and business logic. */
:root{
 --fc-bg:#080b0d;--fc-surface:#11171a;--fc-surface-2:#151d20;--fc-surface-3:#1b2528;
 --fc-line:rgba(222,240,234,.105);--fc-text:#f4f7f6;--fc-muted:#9aa8a6;
 --fc-green:#18c784;--fc-green-hi:#36dca0;--fc-green-deep:#087a53;
 --fc-radius:16px;--fc-shadow:0 18px 48px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth;scroll-padding-top:92px;-webkit-text-size-adjust:100%}
body{background:var(--fc-bg);color:var(--fc-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:750;letter-spacing:-.035em;line-height:1.17}
p{line-height:1.72}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease}
button,.btn,input[type=submit],input[type=button],select,.wallet-submit,.wallet-secondary,.network-back{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:650;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--fc-green-hi)!important;outline-offset:3px}
input,select,textarea{max-width:100%}
#header_area,.auth-nav,.site-header,header.navbar{background:rgba(8,11,13,.96)!important;border-bottom:1px solid var(--fc-line)!important;box-shadow:0 8px 26px rgba(0,0,0,.20)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.main-nav>a,.navbar-default .navbar-nav>li>a{color:#dbe4e1!important;font-weight:650}
.main-nav>a:hover,.main-nav>a.active,.navbar-default .navbar-nav>li>a:hover{color:var(--fc-green-hi)!important}
.top-language-switcher .lang,.lang{border-color:var(--fc-line)!important;background:var(--fc-surface)!important;color:var(--fc-text)!important}
.top-language-switcher .lang.active,.lang.active{border-color:var(--fc-green)!important;background:rgba(24,199,132,.10)!important;color:var(--fc-green-hi)!important}
.btn,.button,.auth-submit,.wallet-submit,.network-back,input[type=submit],input[type=button]{border-radius:12px!important}
.btn-primary,.auth-submit,.wallet-submit,input[type=submit],input[type=button]{background:var(--fc-green)!important;border-color:var(--fc-green)!important;color:#04120c!important;box-shadow:0 8px 22px rgba(24,199,132,.10)}
.btn-primary:hover,.auth-submit:hover,.wallet-submit:hover,input[type=submit]:hover,input[type=button]:hover{background:var(--fc-green-hi)!important;border-color:var(--fc-green-hi)!important;filter:none}
.btn-default,.wallet-secondary,.network-back{background:var(--fc-surface-2)!important;border-color:var(--fc-line)!important;color:var(--fc-text)!important}
input,select,textarea,.form-control{background:#0b1113!important;border-color:#2a3538!important;color:var(--fc-text)!important;border-radius:12px!important}
input::placeholder,textarea::placeholder{color:#74817f!important;opacity:1}
input:focus,select:focus,textarea:focus,.form-control:focus{border-color:rgba(24,199,132,.78)!important;box-shadow:0 0 0 3px rgba(24,199,132,.12)!important}
table{border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden}
th{color:#8d9b98!important;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
td,th{border-color:var(--fc-line)!important}
tr:hover td{background:rgba(255,255,255,.022)}
.card,.panel,.modal-content,.dropdown-menu,.form-box,.contact-form,.service-item,.single-service,.blog-item,.feature-box,.pricing-table,.service-box{background:var(--fc-surface)!important;border-color:var(--fc-line)!important;border-radius:var(--fc-radius)!important;box-shadow:var(--fc-shadow)}
/* Keep the original centered pulsing-circle preloader; only harmonize its color. */
.preloader{background:var(--fc-bg)!important}
.double-bounce1,.double-bounce2{background:var(--fc-green)!important}
.spinner{width:46px;height:46px}
.auth-nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%;z-index:20}
.auth-page{position:relative!important;min-height:calc(100svh - 72px)!important;height:auto!important;align-items:flex-start!important;overflow:visible!important;padding-top:clamp(22px,4vw,42px)!important;padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}
.auth-shell{width:100%;max-width:480px;margin:0 auto!important}
.auth-card{width:100%;overflow:visible!important;background:linear-gradient(155deg,#141b1e,#0f1518)!important;border:1px solid var(--fc-line)!important;border-radius:20px!important;box-shadow:var(--fc-shadow)!important}
.auth-card h1{max-width:100%;overflow-wrap:anywhere;line-height:1.14!important}
.auth-intro{color:var(--fc-muted)!important}
.auth-form label{color:#cbd5d1!important}
.auth-form input{background:#0b1113!important;border-color:#2a3538!important}
.auth-submit{min-height:52px}
.secure-line{color:#8c9b97!important}
.secure-line i{color:var(--fc-green-hi)!important}
.auth-links a,.auth-home{color:var(--fc-green-hi)!important}
.auth-alert{border-radius:12px!important}
/* Client identity card: understated graphite, no gold tones or oversized badge. */
.client-identity-banner{display:flex!important;align-items:center!important;gap:14px!important;padding:18px 20px!important;margin:0 0 18px!important;border:1px solid var(--fc-line)!important;border-left:2px solid var(--fc-green)!important;border-radius:14px!important;background:linear-gradient(115deg,#151c1f,#101619 76%)!important;box-shadow:none!important}
.client-identity-mark{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:12px!important;border:1px solid rgba(24,199,132,.28)!important;background:rgba(24,199,132,.08)!important;color:#b6f2d9!important;font-family:Manrope,Inter,sans-serif!important;font-size:14px!important;letter-spacing:0!important}
.client-identity-label{color:#91a19c!important;font-size:10px!important;letter-spacing:1.2px!important;font-weight:650!important}
.client-identity-name{color:var(--fc-text)!important;font-family:Manrope,Inter,sans-serif!important;font-weight:650!important;letter-spacing:-.025em!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.account-dashboard{padding-top:clamp(88px,10vw,112px)!important;background:radial-gradient(ellipse at 50% -12%,rgba(24,199,132,.075),transparent 42%),var(--fc-bg)!important}
.account-shell{max-width:980px!important;width:100%!important}
.account-card{background:linear-gradient(155deg,#12191c,#0f1518)!important;border-color:var(--fc-line)!important;border-radius:18px!important;box-shadow:var(--fc-shadow)!important}
.account-card:before{background:linear-gradient(90deg,var(--fc-green),rgba(24,199,132,0))!important}
.account-card .auth-kicker{color:#879692!important}
.account-card .auth-intro{color:var(--fc-muted)!important}
.account-data{gap:10px!important}
.account-row{background:#0b1113!important;border-color:var(--fc-line)!important;border-radius:13px!important}
.account-row span{color:#879591!important}
.account-row strong{color:var(--fc-text)!important}
.wallet-panel{background:#0c1214!important;border-color:var(--fc-line)!important;border-radius:16px!important}
.wallet-panel>.auth-kicker:before{background:var(--fc-green)!important;box-shadow:0 0 0 4px rgba(24,199,132,.10)!important}
.wallet-balance{background:linear-gradient(135deg,#122019,#0c1210 72%)!important;border-color:rgba(24,199,132,.22)!important;border-radius:14px!important}
.wallet-balance:after{border-color:rgba(24,199,132,.11)!important;box-shadow:0 0 0 32px rgba(24,199,132,.015),0 0 0 64px rgba(24,199,132,.009)!important}
.wallet-modal-card{background:#141a1d!important;border:1px solid var(--fc-line)!important;border-radius:20px!important;max-height:calc(100svh - 28px)!important;overscroll-behavior:contain}
.wallet-modal-card h2,.wallet-modal-card h3{color:var(--fc-text)!important}
.wallet-address input,.wallet-form input{background:#0b1113!important;border-color:#2a3538!important}
.wallet-address button{background:var(--fc-surface-3)!important;border-color:var(--fc-line)!important;color:var(--fc-green-hi)!important;border-radius:10px!important}
.wallet-network,.wallet-copy{color:#8d9b98!important}
.wallet-qr{max-width:100%;height:auto}
@media(max-width:767px){
 .container{width:calc(100% - 32px)!important}
 .header-inner{padding-left:16px!important;padding-right:16px!important}
 .new-logo{max-width:148px}
 .main-nav{gap:12px}
 .auth-page{padding-left:14px!important;padding-right:14px!important}
 .auth-card{padding:24px 20px!important;border-radius:17px!important}
 .auth-card h1{font-size:clamp(27px,7vw,34px)!important}
 .account-dashboard{padding-top:88px!important}
 .account-card{padding:24px 18px!important}
 .account-card:before{margin:-24px -18px 24px!important}
 .account-card h1{font-size:clamp(28px,7vw,36px)!important}
 .account-data{grid-template-columns:1fr!important}
 .client-identity-banner{padding:15px!important;gap:12px!important}
 .client-identity-mark{width:40px!important;height:40px!important;flex-basis:40px!important}
 .client-identity-name{font-size:clamp(16px,4.5vw,20px)!important}
 .wallet-panel{padding:16px!important}
 .wallet-balance{padding:18px!important}
 .wallet-modal-card{width:calc(100vw - 24px)!important;max-width:520px!important;padding:18px!important}
 .wallet-address{flex-wrap:wrap}
 .wallet-address input{min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
