body {
    margin:0;
    font-family: Arial, sans-serif;
    background:#0a0a0f;
    color:#e6eef6;
    scroll-behavior: smooth;
    text-align:center;
}
section {
    padding:80px 20px;
    border-bottom:1px solid #222;
}
h1 { font-size:36px; margin-bottom:10px; color:#00eaff; }
h2 { font-size:28px; margin-bottom:20px; color:#a020f0; }
p { max-width:720px; margin:10px auto; }
.btn-group { margin-top:20px; }
.btn {
    display:inline-block;
    margin:10px;
    padding:12px 24px;
    color:#00eaff;
    border:1px solid #00eaff;
    border-radius:8px;
    text-decoration:none;
    transition:0.2s;
}
.btn:hover { background:#00eaff; color:#000; }
.video-grid {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
}
iframe { width:300px; height:170px; border:none; transition:0.3s; }
iframe:hover { transform: scale(1.05); }
.profile-pic {
    width:120px;
    height:120px;
    border-radius:50%;
    background:#222;
    margin:0 auto 20px auto;
    border:3px solid #00eaff;
    transition:0.3s;
}
.profile-pic:hover { transform: scale(1.1); }
footer {
    padding:30px 20px;
    border-top:1px solid #222;
    display:flex;
    justify-content:center;
    gap:20px;
}
footer a {
    color:#00eaff;
    text-decoration:none;
    font-size:20px;
    transition:0.2s;
}
footer a:hover { color:#a020f0; transform: scale(1.2); }