:root{
    --dark:#0f172a;
    --light:#f8fafc;
    --primary:#2563eb;
    --card:#111827;
}

body{
    background:var(--dark);
    color:white;
    font-family:Inter,sans-serif;
    overflow-x:hidden;
}

.hero-section{
    min-height:100vh;
    display:flex;
    align-items:center;
}

.hero-title{
    font-size:4rem;
    font-weight:800;
}

.hero-subtitle{
    color:#94a3b8;
    font-size:1.3rem;
}

.project-card{
    background:#111827;
    border:none;
    border-radius:20px;
    transition:all .3s ease;
    overflow:hidden;
}

.project-card:hover{
    transform:translateY(-10px) scale(1.02);
}

.tool-badge{
    background:#1e293b;
    color:white;
    padding:8px 15px;
    border-radius:30px;
    margin:4px;
    display:inline-block;
}

.resume-btn{
    background:linear-gradient(
        135deg,
        #2563eb,
        #7c3aed
    );

    border:none;
    padding:15px 30px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.resume-btn:hover{
    transform:scale(1.05);
}

.admin-sidebar{
    min-height:100vh;
    background:#111827;
}

.admin-card{
    background:#1e293b;
    border-radius:20px;
    padding:25px;
}