#loader{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#fff;z-index:999999}.loader-clock{border-radius:37px;border:2px solid #000;height:50px;width:50px;position:absolute;top:calc(50% - 27px);left:calc(50% - 27px)}.loader-clock:after{content:"";position:absolute;background-color:#0f202c;top:1px;left:48%;height:24px;width:2px;border-radius:3px;transform-origin:50% 97%;-o-transform-origin:50% 97%;-ms-transform-origin:50% 97%;-webkit-transform-origin:50% 97%;-moz-transform-origin:50% 97%;animation:grdAiguille 2.3s linear infinite;-o-animation:grdAiguille 2.3s linear infinite;-ms-animation:grdAiguille 2.3s linear infinite;-webkit-animation:grdAiguille 2.3s linear infinite;-moz-animation:grdAiguille 2.3s linear infinite}.loader-clock:before{content:"";position:absolute;background-color:#0f202c;top:4px;left:48%;height:22px;width:2px;border-radius:3px;transform-origin:50% 94%;-o-transform-origin:50% 94%;-ms-transform-origin:50% 94%;-webkit-transform-origin:50% 94%;-moz-transform-origin:50% 94%;animation:ptAiguille 13.8s linear infinite;-o-animation:ptAiguille 13.8s linear infinite;-ms-animation:ptAiguille 13.8s linear infinite;-webkit-animation:ptAiguille 13.8s linear infinite;-moz-animation:ptAiguille 13.8s linear infinite}@keyframes grdAiguille{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-o-keyframes grdAiguille{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}@-ms-keyframes grdAiguille{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}@-webkit-keyframes grdAiguille{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes grdAiguille{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@keyframes ptAiguille{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-o-keyframes ptAiguille{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}@-ms-keyframes ptAiguille{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}@-webkit-keyframes ptAiguille{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes ptAiguille{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}



/* Базовый стиль лоадера */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    z-index: 999999;
    display: flex; /* Центрирование через Flexbox */
    justify-content: center;
    align-items: center;
}

/* Стрелки часов */
.loader-clock {
    border-radius: 50%;
    border: 2px solid #000;
    height: 50px;
    width: 50px;
    position: relative; /* Важно для позиционирования псевдоэлементов */
}

/* Общая анимация вращения */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Минутная стрелка (быстрая) */
.loader-clock::after {
    content: "";
    position: absolute;
    background-color: #0f202c;
    top: 5px; /* Чуть ниже центра */
    left: 48%;
    height: 24px;
    width: 2px;
    border-radius: 3px;
    transform-origin: 50% 97%; /* Точка вращения внизу */
    animation: spin 2.3s linear infinite; /* Быстрый оборот */
}

/* Часовая стрелка (медленная) */
.loader-clock::before {
    content: "";
    position: absolute;
    background-color: #0f202c;
    top: 4px; /* Еще ниже */
    left: 48%;
    height: 22px;
    width: 2px;
    border-radius: 3px;
    transform-origin: 50% 94%; /* Точка вращения чуть выше */
    animation: spin 13.8s linear infinite; /* Медленный оборот */
}