:root{

/* Brand Colors */

--witrix-bg:#19272B;

--witrix-card:#243135;

--witrix-primary:#4F8CFF;

--witrix-secondary:#00E5FF;

--witrix-text:#FFFFFF;

--witrix-muted:#B8C7CC;

--witrix-border:rgba(255,255,255,0.08);



/* Container */

--container-width:1200px;



/* Radius */

--radius-lg:24px;

--radius-md:16px;

--radius-sm:10px;



/* Shadows */

--shadow-soft:
0 20px 60px rgba(0,0,0,.25);

}

body{

background:var(--witrix-bg);

color:var(--witrix-text);

font-family:
"Inter",
sans-serif;

}

.witrix-container{

max-width:var(--container-width);

margin:auto;

padding-left:20px;

padding-right:20px;

}

.witrix-heading{

max-width:750px;

margin:auto;

text-align:center;

}


.witrix-heading span{

display:block;

color:var(--witrix-primary);

font-size:14px;

font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

margin-bottom:15px;

}


.witrix-heading h2{

font-size:48px;

line-height:1.2;

color:white;

margin-bottom:20px;

}


.witrix-heading p{

font-size:18px;

line-height:1.8;

color:var(--witrix-muted);

}

@media(max-width:768px){


.witrix-heading h2{

font-size:34px;

}


.witrix-heading p{

font-size:16px;

}


}

.witrix-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 32px;

border-radius:50px;

background:
linear-gradient(
90deg,
#4F8CFF,
#00E5FF
);

color:#fff;

font-weight:600;

text-decoration:none;

transition:.4s;

}


.witrix-btn:hover{

transform:translateY(-4px);

box-shadow:
0 15px 40px rgba(79,140,255,.35);

}

.witrix-card{

background:
rgba(36,49,53,.75);

border:1px solid var(--witrix-border);

border-radius:var(--radius-lg);

backdrop-filter:blur(15px);

box-shadow:var(--shadow-soft);

}