* {
    font-family: "Space Mono", monospace;
}

p, input, textarea, .form-custom {
    font-family: "DM Sans", sans-serif !important;
}

body {
    background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), #000447;
    color: #fff;
}

/* NAVBAR */
.nav-container {
    background-color: #00044780;
    border-radius: 23px;
}

.nav-blur {
    backdrop-filter: blur(10px);
}

.nav-link {
    color: #ffffff !important;
    opacity: 0.8;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.nav-link:hover {
    opacity: 1;
}

/* LINK ATIVO (PÁGINA ATUAL) */
.nav-link.active {
    color: #00D1AA !important;
    opacity: 1;
    font-weight: 500;
}

/* BOTÃO */
.gradient-btn {
    background: linear-gradient(323deg, #6A38FF, #0AC0FF, #00D1AA);
    color: white;
    border-radius: 12px;
    border: none;
}

/* TITLE */
.title-section {
    margin-bottom: 2rem;
}

/* GLASS */
.glass-bg {
    background: linear-gradient(180deg, rgba(179,183,255,0.20), rgba(107,110,153,0.20));
    backdrop-filter: blur(14px);
    border-radius: 32px;
}

.contact-box {
    border-radius: 32px;
}

/* FOTO */
.foto-wrapper {
    position: relative;
    width: 320px;
    height: 320px;
    margin: auto;
    z-index: 1;
}

.foto {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    z-index: 5;
    border: 5px solid #000447;
}

/* BOLHAS */
.bubble {
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: 10;
}

.bubble-top {
    background: #17C9FF;
    top: -10px;
    left: -10px;
    border-radius: 100px 100px 20px 100px;
}

.bubble-bottom {
    background: #00D1AA;
    bottom: -10px;
    right: -10px;
    border-radius: 20px 100px 100px 100px;
}

/* FORM */
.form-custom {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.2);
    color: white;
}

.form-custom::placeholder {
    color: #bfc3ff;
}

/* TAG */
.contact-tag {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3);
}