*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

/* Honeypot spam-trap field — invisible to real users, left in the
   DOM (not display:none) so basic form-filling bots still find it. */
.hp-field{

    position:absolute;
    left:-9999px;
    top:-9999px;

    width:1px;
    height:1px;
    overflow:hidden;

}

body{

    background:#0F172A;
    color:#FFFFFF;
    font-family:'Inter',sans-serif;

}

.container{

    width:100%;
    max-width:1600px;
    margin:auto;
    padding-left:24px;
    padding-right:24px;

}

img{

    max-width:100%;
    display:block;

}

a{

    text-decoration:none;

}

button{

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

}

/* ==========================================================
   Flash Messages
========================================================== */

.flash-stack{

    max-width:1320px;
    margin:20px auto 0;
    padding:0 20px;

    display:flex;
    flex-direction:column;
    gap:10px;

}

.flash-toast{

    padding:14px 20px;
    border-radius:10px;
    font-size:14px;
    font-weight:600;

}

.flash-success{

    background:rgba(8,145,178,.12);
    border:1px solid rgba(8,145,178,.4);
    color:#93c5fd;

}

.flash-error{

    background:rgba(220,38,38,.12);
    border:1px solid rgba(220,38,38,.4);
    color:#fca5a5;

}

.section-title{

    text-align:center;
    margin-bottom:60px;

}

.section-title h2{

    font-size:42px;
    font-weight:800;
    margin-bottom:15px;

}

.section-title p{

    color:#94A3B8;
    font-size:18px;

}