:root{
    --bg:#0a0d10;
    --panel:#111519;
    --panel2:#141a21;
    --border:#1d242b;

    --text:#e6e9ec;
    --muted:#79838d;

    --green:#12b981;
    --green-dim:#0b2e23;

    --red:#e5484d;
}

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

body{
    background:var(--bg);
    color:var(--text);
    font-family:"Inter",sans-serif;
}

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

.navbar{

    height:56px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 26px;

    background:var(--panel);

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

    position:sticky;
    top:0;

    z-index:100;

    font-family:"JetBrains Mono",monospace;

}

.nav-brand{

    display:flex;
    align-items:center;
    gap:10px;

    font-size:14px;
    font-weight:700;

    letter-spacing:1px;

}

.mark{

    color:var(--green);

    font-size:18px;

}

.nav-links{

    display:flex;
    align-items:center;
    gap:4px;

}

.nav-links a{

    color:var(--muted);

    text-decoration:none;

    text-transform:uppercase;

    font-size:12px;

    padding:8px 14px;

    border-radius:6px;

    transition:.2s;

}

.nav-links a:hover{

    color:var(--text);

    background:var(--panel2);

}

.nav-links .active{

    color:var(--green);

}

.nav-logout{

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

    margin-left:8px;

}

/* ========================================= */
/* PAGE                                      */
/* ========================================= */

.container{

    width:min(1150px,94%);

    margin:40px auto;

}

.page-title{

    font-size:34px;

    font-weight:800;

    margin-bottom:8px;

}

.page-subtitle{

    color:var(--muted);

    margin-bottom:34px;

}

/* ========================================= */
/* NEWS                                      */
/* ========================================= */

.news{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.news-card{

    background:var(--panel);

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

    border-radius:12px;

    padding:24px;

    transition:.25s;

}

.news-card:hover{

    border-color:var(--green);

    transform:translateY(-2px);

}

.news-head{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:16px;

}

.feed{

    color:var(--green);

    font-family:"JetBrains Mono",monospace;

    text-transform:uppercase;

    font-size:12px;

    letter-spacing:1px;

}

.date{

    color:var(--muted);

    font-family:"JetBrains Mono",monospace;

    font-size:12px;

}

.title{

    font-size:24px;

    font-weight:700;

    line-height:1.35;

    margin-bottom:16px;

}

.summary{

    color:#c5cbd2;

    line-height:1.8;

    font-size:15px;

    margin-bottom:22px;

}

.footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

}

.tags{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

}

.tag{

    padding:5px 10px;

    border-radius:999px;

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

    color:var(--muted);

    font-family:"JetBrains Mono",monospace;

    font-size:11px;

}

.read{

    color:var(--green);

    text-decoration:none;

    font-family:"JetBrains Mono",monospace;

    font-size:13px;

    transition:.2s;

}

.read:hover{

    text-decoration:underline;

}

/* ========================================= */
/* MOBILE                                    */
/* ========================================= */

@media(max-width:800px){

    .navbar{

        padding:0 14px;

    }

    .nav-links a{

        padding:8px 10px;

        font-size:11px;

    }

    .container{

        width:95%;

        margin:24px auto;

    }

    .page-title{

        font-size:28px;

    }

    .news-head{

        flex-direction:column;

        align-items:flex-start;

        gap:8px;

    }

    .title{

        font-size:20px;

    }

    .footer{

        flex-direction:column;

        align-items:flex-start;

    }

}
.impact-title{

    margin:40px 0 20px;

    font-size:28px;

    font-weight:800;

}

.impact-news{

    display:flex;

    flex-direction:column;

    gap:16px;

    margin-bottom:50px;

}

.impact-card{

    padding:22px;

    border-radius:12px;

    border:1px solid rgba(18,185,129,.25);

    background:#12181f;

    transition:.25s;

}

.impact-card:hover{

    border-color:var(--green);

    transform:translateY(-2px);

}

.impact-head{

    display:flex;

    justify-content:space-between;

    margin-bottom:12px;

}

.impact-level{

    font-weight:bold;

    text-transform:uppercase;

    padding:3px 10px;

    border-radius:6px;

    font-size:12px;

}

.impact-card.high .impact-level{

    color:#ff3b30;

    background:rgba(255,59,48,.12);

}

.impact-card.medium .impact-level{

    color:#ff9800;

    background:rgba(255,152,0,.12);

}

.impact-card.low .impact-level{

    color:#ffd54f;

    background:rgba(255,213,79,.12);

}

.source{

    margin:12px 0;

    color:#9aa5b1;

}