:root{--bg:#0f172a;--panel:#020617;--card:#020617;--primary:#38bdf8;--secondary:#94a3b8;--text:#e5e7eb;--accent:#22c55e;--border:#1e293b}.homePage{color:var(--text);background:linear-gradient(#020617,#0f172a);font-family:Inter,sans-serif;line-height:1.6}.homePage header{text-align:center;border-bottom:1px solid var(--border);background:radial-gradient(circle at top,#0ea5e9,#020617 70%);padding:90px 20px}.homePage header h1{color:var(--primary);margin-bottom:10px;font-family:Fira Code,monospace;font-size:44px}.homePage header h1:before{content:"<";color:#22c55e}.homePage header h1:after{content:"/>";color:#22c55e}.homePage header p{color:var(--secondary);font-size:18px}.homePage nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);text-align:center;z-index:20;background:#020617ee;padding:14px;position:sticky;top:0}.homePage nav a{color:var(--secondary);margin:0 15px;font-family:Fira Code,monospace;font-size:14px;text-decoration:none}.homePage nav a:hover{color:var(--primary)}.homePage section{max-width:1150px;margin:70px auto;padding:0 20px}.homePage h2{color:var(--primary);text-align:center;margin-bottom:25px;font-family:Fira Code,monospace;font-size:26px}.homePage h2:before{content:"// ";color:var(--accent)}.homePage .card{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:25px;padding:28px;box-shadow:0 0 0 1px #020617,0 8px 30px #00000080}.homePage .profile{max-width:850px;color:var(--secondary);text-align:center;margin:auto;font-size:17px}.homePage .skills{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.homePage .skills ul{list-style:none}.homePage .skills li{margin-bottom:7px;font-size:14px}.homePage .timeline{border-left:2px solid var(--primary);padding-left:28px}.homePage .job{margin-bottom:35px;position:relative}.homePage .job:before{content:"";background:var(--primary);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-35px}.homePage .job h3{color:#fff;font-size:18px}.homePage .job span{color:var(--secondary);font-size:13px}.homePage .codebox{border:1px solid var(--border);background:#020617;border-radius:12px;padding:22px;font-family:Fira Code,monospace;font-size:13px}.homePage .contact{text-align:center;color:var(--secondary);font-size:16px}.homePage .contact a{color:var(--primary);font-family:Fira Code,monospace;text-decoration:none}.homePage footer{border-top:1px solid var(--border);color:#64748b;text-align:center;background:#020617;padding:25px;font-size:13px}