/* A2.1 */
html, body {
    margin: 0; 
    padding: 0;
    /* Переливающийся фон задается в блоке body выше или добавляется здесь */
}

/* A2.2 */
.punbb * {
    margin: 0;
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
}

/* A2.4 - Красивые картинки */
.punbb img {
    border: none;
    border-radius: 10px; /* Скругляем углы */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Эффект свечения картинок при наведении */
.punbb img:hover {
    transform: scale(1.02);
    box-shadow: 0 0 15px rgba(38, 208, 206, 0.6); /* Бирюзовое свечение */
}

/* A2.5 */
.punbb .main table {
    table-layout: fixed;
    width: 100%;
}

/* A2.6 - Красивые чекбоксы и радио-кнопки */
.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
    margin: 0 3px 0 0;
    accent-color: #26d0ce; /* Делает галочки в чекбоксах бирюзовыми */
    cursor: pointer;
}
/* 
=========================================
   SHIMMERING AURORA THEME (Переливающаяся тема)
   ========================================= */

/* 1. Переливающийся фон всего форума */
body {
    /* Плавный градиент из глубоких цветов */
    background: linear-gradient(-45deg, #0f0c29, #302b63, #24243e, #1a2980, #26d0ce);
    background-size: 400% 400%;
    animation: gradientAnimation 15s ease infinite;
    color: #e0e0e0 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 2. Эффект "Матового стекла" для блоков */
.punbb .section .container,
.punbb .post-body,
.punbb .post-links,
.punbb td.tc2,
.punbb td.tc3,
.punbb .formal fieldset .post-box,
#viewprofile li strong,
#viewprofile li div,
#setmods dd,
.punbb .info-box,
.punbb #pun-main .info-box .legend,
.punbb .main .container,
.punbb .post .container,
.punbb .post h3,
.punbb-admin #pun-admin .adcontainer {
    /* Полупрозрачный тёмный фон с размытием */
    background: rgba(20, 20, 30, 0.6) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    color: #e0e0e0 !important;
    transition: all 0.4s ease;
}

/* Легкий подъем и свечение блоков при наведении (переливание) */
.punbb .post:hover,
.punbb .container:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px 0 rgba(38, 208, 206, 0.3) !important;
    border: 1px solid rgba(38, 208, 206, 0.4) !important;
}

/* 3. Красивые переливающиеся ссылки */
.punbb a {
    color: #26d0ce !important;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}

.punbb a:hover {
    color: #ff007f !important;
    text-shadow: 0 0 8px #ff007f, 0 0 15px #ff007f;
    transition: all 0.2s ease;
}

/* 4. Заголовки с эффектом градиентного перелива */
.punbb h1, .punbb h2, .punbb h3, 
#pun-stats h2, .punbb .main h1, 
.punbb .main h2, #pun-debug h2,
.punbb-admin #pun-admin h2 {
    background: linear-gradient(90deg, #26d0ce, #ff007f, #26d0ce);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 3s linear infinite;
    color: #fff !important;
}

@keyframes shine {
    to { background-position: 200% center; }
}

/* 5. Стилизация полей ввода и кнопок */
input[type="text"], input[type="password"], textarea, select {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(38, 208, 206, 0.5) !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 8px;
    transition: all 0.3s ease;
}

input[type="text"]:focus, textarea:focus {
    outline: none;
    border-color: #ff007f !important;
    box-shadow: 0 0 10px rgba(255, 0, 127, 0.5);
}

input[type="submit"], button, .button {
    background: linear-gradient(45deg, #26d0ce, #ff007f) !important;
    border: none !important;
    color: white !important;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

input[type="submit"]:hover, button:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px #ff007f;
}