:root {
    --bg-dark: #0B0B12;
    --bg-indigo: #1A1A2E;
    --bg-soft: #2A2A40;
    --neon: #A855F7;
    --bg-dark-rgb: 11, 11, 18;
    --bg-indigo-rgb: 26, 26, 46;
    --bg-soft-rgb: 42, 42, 64;
    --neon-rgb: 168, 85, 247;
    --bg-gray-rgba: rgba(255,255,255,0.15);
    --bg-dgray-rgba: rgba(255,255,255,0.06);
}

html {
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Segoe UI", sans-serif;
}

body {
    height: 100vh;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.icon-container {
    width: 180px;
    height: 180px;
    background: #f2f2f2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-container img {
    width: 158px;
}

h2 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
}

p {
    font-size: 15px;
    color: #777;
}