* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {

    font-family: Inter, sans-serif;

    background: #f8f8f8;

    color: #222;

    min-height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

}

.window {

    width: min(90%, 420px);

    background: white;

    border-radius: 18px;

    padding: 50px;

    text-align: center;

    box-shadow: 0 15px 40px rgba(0,0,0,.08);

}

h1{

    font-size:3rem;

    margin-bottom:15px;

}

p{

    line-height:1.6;

}

#oops-btn{

    position:fixed;

    top:20px;
    left:50%;

    transform:translateX(-50%);

    border:none;

    background:#fff;

    color:#ff5c7c;

    font-weight:700;

    font-size:.95rem;

    padding:12px 22px;

    border-radius:999px;

    cursor:pointer;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.25s;

    z-index:1000;

}

#oops-btn:hover{

    transform:translateX(-50%) translateY(-2px);

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

}

#header{

    position:fixed;

    top:75px;
    left:50%;

    transform:translate(-50%,-20px) scale(.95);

    width:min(92%,340px);

    background:#fff;

    border-radius:20px;

    padding:22px;

    text-align:center;

    display:flex;
    flex-direction:column;

    gap:12px;

    opacity:0;

    pointer-events:none;

    transition:.3s ease;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    z-index:999;

}

#header.show{

    opacity:1;

    transform:translate(-50%,0) scale(1);

    pointer-events:auto;

}

.header-title{

    font-size:.9rem;

    color:#888;

    margin-bottom:8px;

}

#header a{

    display:flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#222;

    background:#f8f8f8;

    padding:14px 16px;

    border-radius:12px;

    transition:.2s;

}

#header a i{

    width:20px;

    color:#ff5c7c;

    text-align:center;

}

#header a:hover{

    background:#ff5c7c;

    color:#fff;

}

#header a:hover i{

    color:#fff;

}

@media(max-width:600px){

    #oops-btn{

        top:14px;

        padding:10px 18px;

        font-size:.9rem;

    }

    #header{

        top:62px;

        width:92%;

        padding:18px;

    }

}