*{
margin:0;
padding:0;
box-sizing:border-box
}
html{scroll-behavior:smooth
	}
body{font-family:Arial,sans-serif;
		background:url('bg.webp') center/cover fixed no-repeat;color:#fff;line-height:1.6
	}
body::before
	{
	content:'';
	position:fixed;
	inset:0;
	background:rgba(10,18,35,.65);
	z-index:-1
}
.site-header{
		position:sticky;
		top:0;
		z-index:1000;
		background:linear-gradient(90deg,#0d6efd,#6610f2);
		box-shadow:0 4px 14px rgba(0,0,0,.25)
	}
.navbar{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:700}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff}.nav-links{display:flex;gap:10px;list-style:none}.nav-links a{text-decoration:none;color:#fff;padding:10px 14px;border-radius:999px;transition:.3s}.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.18)}.container{max-width:1200px;margin:auto;padding:30px 20px}.card{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:24px;box-shadow:0 10px 25px rgba(0,0,0,.2)}.section-title{font-size:2rem;margin-bottom:15px}.subnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:20px 0}.subnav a{text-align:center;text-decoration:none;color:#fff;padding:12px;border-radius:14px;background:rgba(255,255,255,.08)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.hero img{width:100%;max-width:360px;border-radius:24px;justify-self:center;box-shadow:0 10px 25px rgba(0,0,0,.35)}.calendar{width:100%;border-collapse:collapse}.calendar th,.calendar td{border:1px solid rgba(255,255,255,.25);padding:16px;text-align:center}.calendar .mark{background:#ffc107;color:#111;font-weight:700}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.edu-card img,.skill-img{width:100%;height:220px;object-fit:cover;border-radius:18px;transition:.4s}.edu-card img:hover,.skill-img:hover{transform:scale(1.04)}.contact-wrap{min-height:calc(100vh - 90px);display:grid;place-items:center}.contact-card{max-width:620px;width:100%}.profile{text-align:center;margin-bottom:20px}.profile img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #fff}.contact-item{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.08);margin-top:10px;transition:.3s}.contact-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.16)}@media(max-width:768px){.hero{grid-template-columns:1fr}.nav-links{flex-wrap:wrap;justify-content:center}}


/* NAVBAR */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #222;
    padding: 12px 25px;
    color: #fff;
}

.navbar ul {
    display: flex;
    list-style: none;
    gap: 15px;
}

.navbar a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.navbar a:hover {
    color: #00bcd4;
}

/* HERO */
.hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px;
    gap: 30px;
}

.hero img {
    width: 280px;
    border-radius: 12px;
}

.hero-text {
    max-width: 500px;
}

.btn {
    display: inline-block;
    padding: 10px 20px;
    background: #00bcd4;
    color: white;
    border-radius: 5px;
    text-decoration: none;
}

/* PROFILE */
.profile-container {
    display: flex;
    justify-content: center;
    padding: 50px;
}

.profile-card {
    background: white;
    padding: 25px;
    border-radius: 12px;
    text-align: center;
    max-width: 350px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.profile-card img {
    width: 120px;
    border-radius: 50%;
    margin-bottom: 15px;
}

.profile-card .title {
    color: gray;
    margin-bottom: 10px;
}