:root{
    --bg:#0F1316;
    --text:#E8E3D9;
    --text-secondary:#A8A39A;
}

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

body{
    min-height:100vh;
    background:var(--bg);
    color:var(--text);
    font-family:Geist, sans-serif;
    line-height:1.6;
}

.portal{
    width:min(100% - 64px, 780px);
    margin:0 auto;
    padding:72px 0;
}

.intro h1{
    margin:0;
    font-family:"EB Garamond", serif;
    font-size:2.6rem;
    font-weight:500;
    line-height:1.08;
}

.conditions{
    margin-top:10px;
    color:var(--text-secondary);
    font-size:.95rem;
    font-weight:400;
    text-transform: lowercase;
}

.applications{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    margin-top:52px;
}

a{
    color:var(--text);
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
    text-underline-offset:4px;
}

@media (max-width:600px){
    .portal{
        width:min(100% - 32px, 780px);
        padding:48px 0;
    }

    .intro h1{
        font-size:2.2rem;
    }

    .applications{
        margin-top:42px;
    }
}