/*
Theme Name: Watch Angela
Author: WatchAngela
Version: 1.0
*/

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
}

body {
    background: #080808;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.angela-page {
    position: relative;
    min-height: 100svh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    background: #080808;
}

.angela-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.angela-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.05) 20%,
            rgba(0,0,0,0.25) 55%,
            rgba(0,0,0,0.92) 100%
        );
}

.angela-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 520px;
    padding: 40px 24px 38px;
    text-align: center;
}

.angela-title {
    margin: 0 0 8px;
    font-size: clamp(38px, 10vw, 58px);
    line-height: 1;
    font-weight: 700;
    letter-spacing: -2px;
}

.angela-text {
    margin: 0 auto 24px;
    max-width: 350px;
    color: rgba(255,255,255,.78);
    font-size: 16px;
    line-height: 1.5;
}

.angela-button {
    display: flex;
    width: 100%;
    min-height: 58px;
    align-items: center;
    justify-content: center;

    background: #fff;
    color: #000;

    border-radius: 999px;
    text-decoration: none;

    font-size: 15px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;

    transition: transform .15s ease, opacity .15s ease;
}

.angela-button:hover {
    transform: scale(1.015);
}

.angela-button:active {
    transform: scale(.985);
}

.angela-small {
    margin-top: 17px;
    font-size: 12px;
    color: rgba(255,255,255,.42);
}

@media (min-width: 768px) {

    .angela-content {
        padding-bottom: 55px;
    }

    .angela-button {
        max-width: 380px;
        margin: 0 auto;
    }
}