:root {
            --nika-primary: #269DB8;
    --nika-dark: #183B55;
    --nika-light: #EAF8FC;
    --nika-text: #344B5A;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
                Roboto, Arial, sans-serif;
            color: var(--nika-text);
            background: #fff;
        }

        .navbar {
            background: rgba(255, 255, 255, .96);
        }

        .brand-name {
            color: var(--nika-dark);
            font-weight: 750;
            font-size: 1.35rem;
            text-decoration: none;
        }

        .brand-name span {
            color: var(--nika-primary);
        }

        .btn-nika {
            color: #fff;
            background: var(--nika-primary);
            border-color: var(--nika-primary);
            border-radius: 12px;
            padding: 11px 22px;
            font-weight: 600;
        }

       .btn-nika:hover,
.btn-nika:focus {
    color: #fff;
    background: #197F99;
    border-color: #197F99;
}

        .nika-section {
            padding: 64px 0;
        }

        .nika-footer {
            background: var(--nika-light);
            padding: 28px 0;
        }
        
        
.nika-hero {
     background: linear-gradient(135deg, #EAF8FC 0%, #FFFFFF 75%);
}

.nika-accent {
    color: var(--nika-primary);
}

.nika-avatar-placeholder {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    background: linear-gradient(145deg, #d9f3ee, #edf5ff);
    color: var(--nika-dark);
    font-size: 1rem;
}



.nika-how {
    background: linear-gradient(180deg, #fff 0%, #EAF8FC 100%);
}

.nika-how h2,
.nika-step h3 {
    color: var(--nika-dark);
}

.nika-step {
    background: #fff;
    border: 1px solid #dceaf0;
    border-radius: 20px;
    box-shadow: 0 8px 28px rgba(24, 59, 85, .04);
    transition: transform .2s ease, box-shadow .2s ease;
}

.nika-step:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(24, 59, 85, .09);
}

.nika-step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: var(--nika-primary);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
}

.nika-step p {
    color: var(--nika-text);
    line-height: 1.7;
}