/*body{font-size:12px;font-family: "Montserrat", sans-serif,Arial, Helvetica, sans-serif;}
input,textarea,a{outline:none !important;box-shadow:0 !important;}
a{outline:none !important;box-shadow:0 !important;border:0 !important;text-decoration:none !important;}*/

/** style landing **/
.body-landing{
font-family:'Inter',sans-serif;
background:#0F1113;
}
.body-normal{
font-family:'Inter',sans-serif;
background:#fff !important;
}

/* brand colors */

:root{
--fasta-orange:#FF7A00;
--fasta-orange-light:#ff9a3c;
}

.brand-text{
color:var(--fasta-orange);
}

.brand-btn{
background:var(--fasta-orange);
transition:.2s;
}

.brand-btn:hover{
background:var(--fasta-orange-light);
}


/* hero glow */

.hero-glow{
position:absolute;
width:700px;
height:700px;
background:radial-gradient(circle, rgba(255,122,0,0.35) 0%, rgba(255,122,0,0.08) 40%, transparent 70%);
filter:blur(120px);
pointer-events:none;
}

.glow-left{
top:-200px;
left:-200px;
}

.glow-right{
bottom:-200px;
right:-200px;
}


/* floating dot animation */

.fasta-dot{
position:absolute;
width:14px;
height:14px;
border-radius:999px;
background:var(--fasta-orange);
box-shadow:
0 0 12px var(--fasta-orange),
0 0 40px rgba(255,122,0,.6);
animation:fastaFloat 8s ease-in-out infinite;
}

@keyframes fastaFloat{

0%{transform:translate(0,0)}

25%{transform:translate(120px,-60px)}

50%{transform:translate(260px,20px)}

75%{transform:translate(120px,80px)}

100%{transform:translate(0,0)}

}


/* card base */

.card{
background:#15181b;
border:1px solid rgba(255,255,255,.08);
transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease;
}


/* optional entrance animation */

.card-animate{
opacity:0;
transform:translateY(30px);
animation:cardIn .7s ease forwards;
}

@keyframes cardIn{
from{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:translateY(0);
}
}


/* normal card hover */

.card:not(.pricing-card):hover{
transform:translateY(-3px);
box-shadow:0 8px 25px rgba(0,0,0,.35);
}


/* icon hover glow */

.card i{
transition:.3s;
}

.card:hover i{
transform:scale(1.2);
text-shadow:0 0 20px rgba(255,122,0,.7);
}


/* pricing cards */

.pricing-card{
position:relative;
transition:
transform .25s ease,
border-color .25s ease,
box-shadow .25s ease;

box-shadow:0 10px 30px rgba(0,0,0,.35);
}


/* pricing hover glow */

.pricing-card:hover{

transform:translateY(-6px) scale(1.02);

border-color:var(--fasta-orange);

box-shadow:
0 10px 30px rgba(0,0,0,.35),
0 0 30px rgba(255,122,0,.6);

}


/* pricing background glow */

.pricing-glow{
position:absolute;

width:900px;
height:900px;

background:
radial-gradient(
circle,
rgba(255,122,0,.15),
transparent 70%
);

filter:blur(120px);

pointer-events:none;

left:50%;
top:50%;

transform:translate(-50%,-50%);
}


/* hero premium glow */

.hero-premium{
position:absolute;

width:1000px;
height:1000px;

background:
radial-gradient(
circle at center,
rgba(255,122,0,.18),
transparent 60%
);

filter:blur(140px);

animation:heroPulse 6s ease-in-out infinite;

pointer-events:none;
}

@keyframes heroPulse{

0%{
opacity:.6;
transform:scale(1);
}

50%{
opacity:1;
transform:scale(1.1);
}

100%{
opacity:.6;
transform:scale(1);
}

}


/* currency selector highlight */

label:has(input:checked){
border-color:#FF7A00;
background:rgba(255,122,0,.1);
}


/* domain suggestion dropdown */

#domainSuggestions{

background:#15181b;
border:1px solid rgba(255,255,255,.1);

border-radius:12px;

overflow:hidden;

}

#domainSuggestions div{

transition:.2s;

}

#domainSuggestions div:hover{

background:rgba(255,255,255,.05);

}

.domain-results-scroll{
scrollbar-width:none;
scrollbar-color:transparent transparent;
}

.domain-results-scroll::-webkit-scrollbar{
width:0;
height:0;
}

.domain-results-scroll::-webkit-scrollbar-track{
background:transparent;
}

.domain-results-scroll::-webkit-scrollbar-thumb{
background:transparent;
}

.domain-results-scroll::-webkit-scrollbar-thumb:hover{
background:transparent;
}
/** style landing **/

.bg-cover{background-size: cover;background-position-x: center;}

.fit-contet{width:fit-content !important;}
.text-wajuze-dark{color:#0b141b !important;}
.text-wajuze-green{color:#21c063 !important;}
.bg-wajuze-dark{background-color:#0b141b !important;}
.bg-wajuze-green{background-color:#21c063 !important;}
.border-wajuze-dark{border-color:#0b141b !important;}
.border-wajuze-green{border-color:#21c063 !important;}
.bg-gray{background-color:#cad2d9 !important;}
.bg-wajuze-gray{background:#e5e5e5;}
.bg-wajuze-gradient{background:linear-gradient(45deg,#1a994f,#0b141b) !important;}

.dark-blur{backdrop-filter: blur(5px);background: rgba(0, 0, 0, 0.618);}

.white-overlay{box-shadow:inset 0px 0px 0px 1000px rgba(255,255,255,0.618) !important;}
.white-overlay-9{box-shadow:inset 0px 0px 0px 1000px rgba(255,255,255,0.9) !important;}
.white-overlay-8{box-shadow:inset 0px 0px 0px 1000px rgba(255,255,255,0.8) !important;}
.white-overlay-7{box-shadow:inset 0px 0px 0px 1000px rgba(255,255,255,0.7) !important;}
.white-overlay-6{box-shadow:inset 0px 0px 0px 1000px rgba(255,255,255,0.6) !important;}
.white-overlay-5{box-shadow:inset 0px 0px 0px 1000px rgba(255,255,255,0.5) !important;}

.dark-overlay{box-shadow:inset 0px 0px 0px 1000px rgba(11,20,27,0.618);}
.dark-overlay-9{box-shadow:inset 0px 0px 0px 1000px rgba(11,20,27,0.9);}
.dark-overlay-8{box-shadow:inset 0px 0px 0px 1000px rgba(11,20,27,0.8);}
.dark-overlay-7{box-shadow:inset 0px 0px 0px 1000px rgba(11,20,27,0.7);}
.dark-overlay-6{box-shadow:inset 0px 0px 0px 1000px rgba(11,20,27,0.6);}
.dark-overlay-5{box-shadow:inset 0px 0px 0px 1000px rgba(11,20,27,0.5);}

.wajuze-dark-overlay{box-shadow:inset 0px 0px 0px 1000px rgba(11,20,27,0.925);}

.chat-angle{border-radius:10px 0px 10px 10px !important;border-right:10px solid transparent;border-right:10px solid transparentb;border-bottom:10px solid #0b141b;transform:rotate(-45deg);}
.fit-content{width:fit-content !important;}
.cursor-pointer{cursor:pointer !important;}
.resize-none{resize:none !important;}

.single-line{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.wajuze-shadow{box-shadow:0px 0px 13px 0px #21c063 !important;}
.wajuze-shadow-dark{box-shadow:0px 0px 13px 0px #0b141b !important;}
.wajuze-shadow-dark-2{box-shadow:0px 0px 13px 0px #0b141b !important;}

.fs-9{font-size:9px !important;}
.fs-10{font-size:10px !important;}
.fs-11{font-size:11px !important;}
.fs-12{font-size:12px !important;}
.fs-13{font-size:13px !important;}
.fs-14{font-size:14px !important;}
.fs-15{font-size:15px !important;}

.zi-1{z-index:1 !important;}
.zi-2{z-index:2 !important;}
.zi-3{z-index:3 !important;}
.zi-4{z-index:4 !important;}
.zi-top{z-index:100 !important;}
.zi-topper{z-index:101 !important;}

.hover-text-wajuze-green{outline:none;}
.hover-text-wajuze-green:hover{color:#21c063 !important;}

/* premium dashboard system */
.dashboard-sidebar-premium{
backdrop-filter:blur(10px);
}

.dashboard-sidebar-glow{
position:absolute;
width:240px;
height:240px;
top:-60px;
right:-70px;
background:radial-gradient(circle,rgba(255,122,0,.32),transparent 68%);
pointer-events:none;
filter:blur(30px);
}

.dashboard-nav-link{
display:flex;
align-items:center;
gap:10px;
padding:10px 12px;
border-radius:12px;
color:#d8dde7;
text-decoration:none !important;
border:1px solid transparent;
transition:.2s ease;
}

.dashboard-nav-link:hover{
background:rgba(255,255,255,.06);
color:#fff;
border-color:rgba(255,255,255,.12);
}

.dashboard-nav-link-active{
background:linear-gradient(90deg,rgba(255,122,0,.22),rgba(255,122,0,.08));
color:#fff;
border-color:rgba(255,122,0,.45);
box-shadow:0 6px 20px rgba(255,122,0,.18);
}

.dashboard-logout-link{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 12px;
border-radius:10px;
text-decoration:none !important;
font-size:12px;
font-weight:600;
color:#f8fafc;
border:1px solid rgba(255,255,255,.18);
}

.dashboard-logout-link:hover{
border-color:rgba(255,122,0,.5);
}

.premium-bottom-link{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:7px 4px;
border-radius:10px;
color:#d9dde6;
text-decoration:none !important;
}

.premium-bottom-link.active{
background:rgba(255,122,0,.2);
color:#fff;
}

.premium-mobile-action{
display:flex;
align-items:center;
gap:10px;
padding:10px;
border:1px solid #e2e8f0;
border-radius:12px;
text-decoration:none !important;
}

.premium-mobile-action:hover{
border-color:#ffb16f;
}

.premium-chip{
padding:5px 10px;
border-radius:999px;
border:1px solid #e2e8f0;
background:#fff;
font-weight:600;
color:#334155;
}

.premium-chip-active{
padding:4px 10px;
border-radius:999px;
background:#fff7ed;
color:#c2410c;
border:1px solid #fed7aa;
}

.premium-mode-option{
display:flex;
align-items:center;
gap:12px;
padding:11px 12px;
border:1px solid #e2e8f0;
border-radius:12px;
text-decoration:none !important;
color:#0f172a;
}

.premium-mode-option:hover{
border-color:#ffb16f;
}

.premium-action-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 12px;
border-radius:10px;
font-size:12px;
font-weight:700;
text-decoration:none !important;
background:#0f172a;
color:#fff;
}

.premium-action-btn-warn{
background:#d97706;
color:#fff;
}

.premium-action-btn-danger{
background:#dc2626;
color:#fff;
}

.premium-primary-btn{
background:#0f172a;
transition:.2s;
}

.premium-primary-btn:hover{
background:#1e293b;
}