#logo-page-body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: white;
    font-family: 'Arial', sans-serif;
}

.logo-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.logo-symbol {
    width: 60px;
    height: 60px;
    position: relative;
    transform: rotate(45deg);
    background: linear-gradient(135deg, #1e90ff, #00b7eb);
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

    .logo-symbol::before {
        content: 'N';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
        font-size: 40px;
        font-weight: bold;
        color: #fff;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    }

.logo-text {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    letter-spacing: 2px;
    text-transform: uppercase;
}

    .logo-text span {
        color: #1e90ff;
    }