body {
    margin:0;
    font-family: 'Inter', sans-serif;
    background:#050509;
    color:#fff;
}

/* NAV */
nav {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 40px;
    position:fixed;
    width:100%;
    backdrop-filter:blur(12px);
    z-index:1000;
}

.logo img {height:170px;}

nav a {
    margin-left:20px;
    color:#aaa;
    text-decoration:none;
}
nav a:hover {color:#fff;}

.container {
    padding:120px 40px;
}

/* BUTTONS */
.btn {
    padding:12px 20px;
    border-radius:8px;
    border:none;
    cursor:pointer;
}
.primary {
    background:#6c7bff;
    color:#fff;
}
.secondary {
    border:1px solid #555;
    background:none;
    color:#fff;
}

/* CARDS */
.cards {
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}
.card {
    background:rgba(255,255,255,0.05);
    padding:25px;
    border-radius:16px;
    width:280px;
}

/* INPUT */
input {
    width:100%;
    padding:12px;
    margin:10px 0;
    border-radius:8px;
    border:none;
}