:root {
    --iduv-blue: #063b78;
    --iduv-blue-dark: #03284f;
    --white: #ffffff;
}

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

body {
    display: grid;
    grid-template-rows: 10vh 90vh;
    background: var(--white);
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.frame-header {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    color: var(--white);
    background: linear-gradient(110deg, var(--iduv-blue-dark), var(--iduv-blue));
    box-shadow: 0 4px 15px rgba(3, 40, 79, 0.22);
    position: relative;
    z-index: 2;
}

.frame-header h1 {
    margin: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(0.72rem, 1.6vw, 1.2rem);
    font-weight: 800;
    letter-spacing: 0.09em;
}

.frame-content {
    min-width: 0;
    min-height: 0;
    background: var(--white);
}

.frame-content iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background: var(--white);
}