/*==================================================
WANDISA DESIGN SYSTEM v1.0
==================================================*/
/*=========================================
NAVIGATION
=========================================*/

.wandisa-navbar{

position:fixed;

top:0;

left:0;

width:100%;

padding:22px 0;

background:rgba(5,6,8,.75);

backdrop-filter:blur(12px);

border-bottom:1px solid rgba(255,255,255,.05);

z-index:999;

}

.wandisa-navbar .wandisa-container{

display:flex;

justify-content:space-between;

align-items:center;

}

.wandisa-logo{

font-size:30px;

font-weight:700;

font-family:"Space Grotesk",sans-serif;

color:white;

text-decoration:none;

letter-spacing:2px;

}

.wandisa-logo:hover{

color:var(--wandisa-primary);

}

.wandisa-menu{

display:flex;

gap:40px;

list-style:none;

}

.wandisa-menu a{

color:white;

text-decoration:none;

font-weight:500;

transition:.3s;

}

.wandisa-menu a:hover{

color:var(--wandisa-primary);

}

.wandisa-mobile{

display:none;

font-size:30px;

cursor:pointer;

color:white;

}

@media(max-width:768px){

.wandisa-menu{

display:none;

}

.wandisa-mobile{

display:block;

}

}
:root{

/* COLORS */

--wandisa-bg:#050608;
--wandisa-bg-2:#0B1220;
--wandisa-card:#111827;

--wandisa-primary:#00C8FF;
--wandisa-primary-dark:#0096C7;

--wandisa-accent:#00FF95;

--wandisa-white:#FFFFFF;

--wandisa-text:#D1D5DB;

--wandisa-muted:#9CA3AF;

--wandisa-border:rgba(255,255,255,.08);

/* SPACING */

--section-padding:120px;

--radius:18px;

--shadow:
0 25px 80px rgba(0,0,0,.35);

}

/*==================================================
GLOBAL RESET
==================================================*/

*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

background:var(--wandisa-bg);

color:var(--wandisa-text);

font-family:Inter,sans-serif;

overflow-x:hidden;

}

/*==================================================
TYPOGRAPHY
==================================================*/

h1,h2,h3,h4,h5{

font-family:"Space Grotesk",sans-serif;

font-weight:700;

color:white;

line-height:1.15;

}

p{

line-height:1.8;

color:var(--wandisa-text);

}

/*==================================================
LAYOUT
==================================================*/

.wandisa-container{

width:min(1200px,92%);

margin:auto;

}

section{

padding:var(--section-padding) 0;

}

/*==================================================
BUTTONS
==================================================*/

.wandisa-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 34px;

border-radius:999px;

background:var(--wandisa-primary);

color:#000;

font-weight:700;

text-decoration:none;

transition:.3s;

}

.wandisa-btn:hover{

transform:translateY(-3px);

background:#15D4FF;

box-shadow:

0 0 40px rgba(0,200,255,.35);

}

/*==================================================
CARDS
==================================================*/

.wandisa-card{

background:var(--wandisa-card);

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

border-radius:var(--radius);

box-shadow:var(--shadow);

}