body, html {
    min-height: 100vh;
    background: linear-gradient(135deg, #f7e8ff 0%, #e0f7fa 100%) fixed;
}

.home-board-bg {
    min-height: 100vh;
    background: linear-gradient(120deg, #f7e8ff 0%, #e0f7fa 100%);
    padding-bottom: 60px;
}

.card-board {
    background: rgba(255,255,255,0.92);
    border: 1.5px solid #e0c3fc;
    box-shadow: 0 4px 32px 0 rgba(120, 60, 180, 0.08);
}

.btn-board {
    background: linear-gradient(90deg, #7b2ff2 0%, #f357a8 100%);
    color: #fff;
    font-weight: 600;
    border: none;
    box-shadow: 0 2px 8px 0 rgba(123,47,242,0.08);
    transition: background 0.2s;
}
.btn-board:hover, .btn-board:focus {
    background: linear-gradient(90deg, #f357a8 0%, #7b2ff2 100%);
    color: #fff;
}

.input-board {
    border-radius: 0.5rem;
    border: 1.5px solid #e0c3fc;
    background: #f7f3ff;
}

.card-title {
    color: #7b2ff2;
    font-weight: 700;
    letter-spacing: 0.5px;
}

ol, ul {
    font-size: 1.08rem;
}

@media (max-width: 600px) {
    .home-board-bg {
        padding-bottom: 20px;
    }
    .card-board {
        margin-bottom: 1.5rem;
    }
}