* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Manrope", Arial, Helvetica, sans-serif;
    background: var(--primary);
    color: var(--white);
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

.container {
    max-width: var(--container);
}

.dm-section {
    padding: 96px 0;
}

.dm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 56px;
    padding: 0 30px;
    border-radius: var(--radius-sm);
    font-weight: 900;
    transition: .25s ease;
    border: 1px solid transparent;
}

.dm-btn:hover {
    transform: translateY(-3px);
}

.dm-btn--primary {
    background: var(--accent);
    color: #111827;
    box-shadow: 0 14px 34px rgba(255,196,0,.22);
}

.dm-btn--primary:hover {
    background: var(--accent-hover);
    color: #111827;
}

.dm-btn--outline {
    border-color: rgba(255,255,255,.45);
    color: var(--white);
    background: rgba(255,255,255,.04);
}

.dm-btn--outline:hover {
    border-color: var(--accent);
    color: var(--accent);
}