/* ==========================================
   GLOBAL
========================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {

    min-height: 100vh;

    margin: 0;

    font-family: "Inter", sans-serif;

    background: var(--background);

    color: var(--text);

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* ==========================================
   LINKS
========================================== */

a{
    text-decoration:none;
    color:inherit;
}

a:hover{
    color:inherit;
}

/* ==========================================
   LAYOUT
========================================== */

.app-wrapper{

    width:100%;

    max-width:1400px;

    margin:auto;

    padding:30px 20px 80px;
}

/* ==========================================
   NAVBAR
========================================== */

.app-navbar{

    height:70px;

    background:var(--surface);

    border-bottom:1px solid var(--border);

    position:sticky;

    top:0;

    z-index:1000;

    backdrop-filter:blur(12px);
}

.navbar-brand{

    font-size:22px;

    font-weight:700;

    letter-spacing:.5px;
}

/* ==========================================
   FOOTER
========================================== */

.app-footer{

    margin-top:60px;

    padding:30px;

    color:var(--text-muted);

    border-top:1px solid var(--border);

    text-align:center;
}

/* ==========================================
   TYPOGRAPHY
========================================== */

h1,h2,h3,h4,h5{

    margin-bottom:18px;

    font-weight:700;
}

p{

    color:var(--text-muted);

    line-height:1.7;
}
.offer-card.winner{

    border:2px solid var(--warning);

    box-shadow:0 0 25px rgba(250,204,21,.25);
}