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

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

html{
    scroll-behavior:smooth;
}

body{

    background:#0b1118;

    color:#fff;

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

    min-height:100vh;

    overflow-x:hidden;

}

/* Background */

.background{

    position:fixed;

    inset:0;

    background:
        radial-gradient(circle at top,#1d4ed8 0%,transparent 35%),
        radial-gradient(circle at bottom right,#0f172a 0%,transparent 40%),
        linear-gradient(180deg,#0b1118,#0e1623);

    z-index:-1;

}

/* Container */

.container{

    width:min(1800px,95%);

    margin:auto;

    padding:30px 0 60px;

}

/* ================= Header ================= */

.header{

    text-align:center;

    margin-bottom:45px;

}

.logo{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

}

.logo i{

    font-size:42px;

    color:#4ea3ff;

}

.logo h1{

    font-size:46px;

    font-weight:800;

    letter-spacing:2px;

    color:#f8fafc;

}

.subtitle{

    margin-top:10px;

    color:#94a3b8;

    font-size:18px;

    letter-spacing:1px;

}

/* ================= Grid ================= */

.grid{

    display:grid;

    grid-template-columns:repeat(3,minmax(380px,1fr));

    gap:28px;

    align-items:start;

}

/* ================= Desktop ================= */

@media(max-width:1450px){

.grid{

grid-template-columns:repeat(2,minmax(360px,1fr));

}

}

/* ================= Tablet ================= */

@media(max-width:900px){

.container{

width:96%;

}

.grid{

grid-template-columns:repeat(2,1fr);

gap:22px;

}

.logo h1{

font-size:38px;

}

}

/* ================= Mobile ================= */

@media(max-width:700px){

.grid{

grid-template-columns:1fr;

}

.logo{

flex-direction:column;

}

.logo h1{

font-size:34px;

text-align:center;

}

.subtitle{

font-size:15px;

}

.container{

padding-top:25px;

}

}