@charset "utf-8";
/* CSS Document */
body{
font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
color:#0f172a;
}
.nopadding{
padding-left:0!important;
padding-right:0!important;
}
.center-block{
margin:auto;
display:block;
}
button.close
{
position:absolute;
top:0;
right:5px;
}
.banner {
background-image: url(../images/notr.jpg);
background-size: contain;
background-position: center;
background-repeat:no-repeat;
}
header {
background-color:transparent;
border-bottom:1px solid rgba(148,163,184,0.35)!important;
margin-bottom:0;
backdrop-filter:blur(22px);
background-image:linear-gradient(to bottom,rgba(15,23,42,0.85),rgba(15,23,42,0.65));
}
.site-header{
position:sticky;
top:0;
z-index:20;
}
.brand-mark{
width:32px;
height:32px;
border-radius:999px;
background-image:linear-gradient(135deg,#22c55e,#22d3ee);
box-shadow:0 0 0 1px rgba(15,23,42,0.8),0 12px 30px rgba(15,23,42,0.85);
display:flex;
align-items:center;
justify-content:center;
    margin-right: 10px;
}
.brand-icon{
width:18px;
height:18px;
fill:none;
stroke:#0f172a;
stroke-width:1.4;
}
.brand-title{
font-size:1rem;
font-weight:600;
color:#e5e7eb;
letter-spacing:0.04em;
text-transform:uppercase;
}
.brand-subtitle{
font-size:.8rem;
color:#9ca3af;
}
label.error {
color:#ef4444;
font-weight:600;
}
table#clients_table {
border-collapse: collapse !important;
}
div#clients_table_wrapper {
padding: 0px;
margin-top: 10px;
}
.home{
min-height:100vh;
background:radial-gradient(ellipse at top,#0f172a 0,#020617 40%,#020617 100%);
}
.home-hero{
padding:56px 0 72px;
}
.hero-copy{
max-width:520px;
color:#e5e7eb;
}
.hero-eyebrow{
font-size:.75rem;
letter-spacing:.16em;
text-transform:uppercase;
color:#a5b4fc;
margin-bottom:.75rem;
}
.hero-title{
font-size:2rem;
line-height:1.2;
font-weight:600;
margin-bottom:1rem;
}
@media (min-width:768px){
.hero-title{
font-size:2.5rem;
}
}
.hero-lead{
font-size:.98rem;
line-height:1.7;
color:#9ca3af;
margin-bottom:1.4rem;
}
.hero-list{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:.55rem;
font-size:.9rem;
color:#cbd5f5;
}
.hero-list li{
display:flex;
align-items:flex-start;
gap:.5rem;
}
.hero-list li::before{
content:"";
margin-top:.4rem;
width:9px;
height:9px;
border-radius:999px;
background-image:radial-gradient(circle at 30% 30%,#bbf7d0,#22c55e);
box-shadow:0 0 0 1px rgba(15,23,42,0.9);
flex-shrink:0;
}
.frm-area{
padding:0;
}
.frm-area p {
font-weight:700;
font-size:15px;
}
.frm-area label {
font-weight:500;
font-size:.86rem;
color:#e5e7eb;
}
.eft-card{
background-color:#020617;
border-radius:18px;
padding:22px 22px 24px;
box-shadow:0 22px 70px rgba(15,23,42,0.95);
border:1px solid rgba(148,163,184,0.35);
}
@media (min-width:768px){
.eft-card{
padding:26px 26px 30px;
}
}
.eft-card-title{
font-size:1.1rem;
font-weight:600;
color:#e5e7eb;
margin-bottom:.25rem;
}
.eft-card-subtitle{
font-size:.85rem;
color:#9ca3af;
margin-bottom:1.2rem;
}
.eft-card .form-control{
background-color:rgba(15,23,42,0.9);
border-color:rgba(148,163,184,0.55);
color:#e5e7eb;
font-size:.9rem;
padding:.6rem .75rem;
border-radius:.6rem;
}
.eft-card .form-control:focus{
background-color:#020617;
box-shadow:0 0 0 1px #22c55e;
border-color:#22c55e;
}
.password-hint{
font-size:.78rem;
color:#9ca3af!important;
}
.eft-submit-btn{
background-image:linear-gradient(135deg,#22c55e,#16a34a);
border:none;
padding:.7rem 1rem;
font-weight:600;
font-size:.95rem;
border-radius:.65rem;
box-shadow:0 16px 35px rgba(22,163,74,0.4);
transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
}
.eft-submit-btn:hover{
filter:brightness(1.05);
transform:translateY(-1px);
box-shadow:0 18px 40px rgba(22,163,74,0.55);
}
.eft-submit-btn:active{
transform:translateY(0);
box-shadow:0 12px 24px rgba(22,163,74,0.38);
}
.eft-security-note{
margin-top:1rem;
font-size:.78rem;
color:#9ca3af;
}
.eft-card-badge{
margin-top:1rem;
display:flex;
justify-content:flex-end;
}
.eft-card-badge img{
border-radius:.75rem;
box-shadow:0 10px 30px rgba(15,23,42,0.8);
}
.site-footer{
border-top:1px solid rgba(148,163,184,0.35);
padding:18px 0 26px;
margin-top:auto;
background:linear-gradient(to top,rgba(15,23,42,1),rgba(15,23,42,0.92));
}
.footer-inner{
display:flex;
justify-content:center;
text-align:center;
}
.footer-note{
font-size:.8rem;
color:#9ca3af;
max-width:520px;
margin-bottom:0;
}