/* ============================
   XGRND HOMELAB THEME
   ============================ */

:root {
  --background: transparent !important;
}

/* Общий фон */
body {
  background: transparent !important;
}

/* Стеклянные карточки */
.service,
.bookmark,
.information-widget,
.widget,
.card {
    background: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.06) !important;

    transition: .25s ease;
}

.container {
    max-width: 98% !important;
}

main {
    max-width: 98% !important;
    margin: auto;
}

.service,
.bookmark,
.card {
    background: rgba(12, 20, 34, .72) !important;
    border: 1px solid rgba(72, 132, 255, .12) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(22px);
    transition: .2s;
}

.service:hover {
    border-color: rgba(60,150,255,.45)!important;
    transform: translateY(-2px);
}

header {

    background: rgba(8,15,25,.70)!important;

    backdrop-filter: blur(18px);

    border-radius:18px;

    margin:15px;

    padding:15px;
}

.service {

    min-height:90px!important;

}

h1,h2,h3{

    color:#fff!important;

    font-weight:600;

}

/* Hover */
.service:hover,
.bookmark:hover,
.card:hover {
    transform: translateY(-3px);
    border-color: rgba(59,130,246,.35) !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.35);
}

/* Поиск */

input {
    background: rgba(17,24,39,.60) !important;

    border-radius: 14px !important;

    border: 1px solid rgba(255,255,255,.05) !important;
}

/* Верхняя панель */

header {

    backdrop-filter: blur(22px);

    background: rgba(8,15,25,.45)!important;

    border-bottom:1px solid rgba(255,255,255,.06);
}

/* Заголовки */

h1,
h2,
h3 {

    font-weight:600!important;

    letter-spacing:.3px;

}

/* Виджеты */

.widget {

    border-radius:16px;

}

/* Скругление */

img {

    border-radius:10px;

}