:root{--bg: #0d1117;--card: #161b22;--text: #e6edf3;--subtext: #8b949e;--accent: #ff6b4a;--accent-glow: rgba(255, 107, 74, .6);--border: #30363d;--footer-bg: #1a1a1a;--footer-text: #ddd;--transition: all .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}main{animation:fadeIn 1s ease-in-out}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.navbar ul li:not(:last-child):after{content:"|";color:var(--accent);margin-left:.8rem;font-weight:700}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background:#0d1117e6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;width:100%;top:0;z-index:1000;animation:slideDown .8s ease forwards}.logo{font-size:1.3rem;font-weight:700;color:var(--accent);letter-spacing:1px}.navbar ul{display:flex;gap:1rem;list-style:none}.navbar a{color:var(--subtext);text-decoration:none;font-weight:500;position:relative;transition:var(--transition)}.navbar a:hover{color:var(--accent)}.navbar a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent);transition:width .3s ease}.navbar a:hover:after{width:100%}.hero{display:flex;justify-content:space-between;align-items:center;min-height:85vh;padding:6rem 3rem 2rem;background:radial-gradient(circle at top left,#161b22,#0d1117 70%);gap:2rem}.hero-content{max-width:520px;animation:fadeInLeft 1.2s ease forwards}.hero-content h1{font-size:2.6rem;margin-bottom:1rem}.hero-content h1 span{color:var(--accent)}.hero-content h2{font-size:1.6rem;margin-bottom:1rem;color:var(--subtext)}.hero-content p{margin-bottom:2rem;color:var(--subtext)}.hero-buttons{display:flex;gap:1rem}.btn{padding:.7rem 1.4rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:var(--transition)}.btn.primary{background:var(--accent);color:var(--bg);box-shadow:0 0 15px var(--accent-glow)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 0 25px var(--accent-glow)}.btn.secondary{border:2px solid var(--accent);color:var(--accent);background:transparent}.btn.secondary:hover{background:var(--accent);color:var(--bg);transform:translateY(-3px)}.hero-image img{width:260px;border-radius:50%;border:4px solid var(--accent);box-shadow:0 0 50px var(--accent-glow);animation:float 4s ease-in-out infinite}.section{padding:3.5rem 2rem;margin:0 auto;max-width:1100px}.section h2{font-size:2rem;text-align:center;margin-bottom:1.5rem;color:var(--accent);position:relative}.section h2:after{content:"";position:absolute;width:60px;height:3px;background:var(--accent);bottom:-10px;left:50%;transform:translate(-50%);border-radius:2px}.w-100{width:100%;justify-content:center}.about-container{display:flex;gap:2rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.about-left{flex:1;min-width:240px}.about-left div{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;background:var(--card);border-radius:8px;border:1px solid var(--border);transition:var(--transition)}.about-left div:hover{transform:translate(5px);box-shadow:0 0 10px var(--accent-glow)}.about-left span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:1.2rem}.about-right{flex:2;min-width:280px}.about-right p{color:var(--subtext);margin-bottom:1.5rem;line-height:1.5}.stats{display:flex;justify-content:flex-start;gap:2rem;flex-wrap:wrap}.stats div{flex:1;min-width:100px;text-align:center;background:var(--card);padding:1rem;border-radius:8px;border:1px solid var(--border);transition:var(--transition)}.stats div:hover{transform:translateY(-4px);box-shadow:0 0 12px var(--accent-glow)}.stats h3{font-size:1.4rem;color:var(--accent);margin-bottom:.3rem}.skills-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.tile{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.8rem 1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;transition:var(--transition);min-height:80px}.tile:hover{transform:translateY(-3px);box-shadow:0 0 12px var(--accent-glow)}.skill-name{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.3rem}.skill-level{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;color:var(--subtext)}.skill-level:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block}.skill-level.beginner:before{background:#f87171;box-shadow:0 0 6px #f87171}.skill-level.intermediate:before{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.skill-level.advanced:before{background:var(--accent);box-shadow:0 0 6px var(--accent)}@media (max-width: 768px){.skills-tiles{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.skills-tiles{grid-template-columns:repeat(2,1fr);gap:.6rem}.tile{padding:.6rem;min-height:70px}.skill-name{font-size:.85rem}.skill-level{font-size:.7rem}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.project-card{background:var(--card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.project-card:hover{transform:translateY(-6px);box-shadow:0 0 20px var(--accent-glow)}.project-card h3{color:var(--accent);margin-bottom:1rem}.project-card ul{margin-bottom:1rem;color:var(--subtext);padding-left:1.2rem}.project-links{display:flex;gap:1rem}.project-links a{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;text-decoration:none;font-weight:500;transition:var(--transition)}.project-links .live{background:var(--accent);color:var(--bg)}.project-links .github{background:#333;color:#fff}.project-links .live:hover{background:#fff;color:var(--accent)}.project-links .github:hover{background:var(--accent)}.timeline{border-left:2px solid var(--accent);margin:1.5rem 0;padding-left:1.5rem}.timeline-item{margin-bottom:1.5rem;position:relative}.timeline-dot{position:absolute;top:-10px;left:-31px;width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent-glow)}.timeline-content{background:var(--card);padding:1rem 1.2rem;border-radius:8px;border:1px solid var(--border)}.timeline-content h3{margin-bottom:.2rem;color:var(--accent);font-size:1rem}.timeline-content h4{font-size:.9rem;color:var(--subtext);margin-bottom:.3rem}.timeline-content .period{font-size:.8rem;font-weight:600;color:var(--subtext);margin-bottom:.6rem}.timeline-content ul{padding-left:1.2rem;margin:.5rem 0 0}.timeline-content li{margin-bottom:.3rem;font-size:.9rem;color:var(--text)}.contact-info{text-align:center;padding:2rem;background:var(--card);border-radius:12px;border:1px solid var(--border);box-shadow:0 0 15px #0003;animation:fadeInUp 1.2s ease forwards}.contact-info p{margin:.6rem 0}.contact-info a{color:var(--accent);font-weight:500;text-decoration:none;transition:var(--transition)}.contact-info a:hover{text-decoration:underline}.footer{text-align:center;padding:1.5rem;background:var(--footer-bg);color:var(--footer-text);border-top:2px solid var(--accent);animation:fadeInUp 1s ease forwards}.footer p{font-size:.9rem;letter-spacing:.5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (max-width: 1024px){.about-left{justify-content:center;display:flex;flex-direction:column;align-items:center;width:100%}.hero{flex-direction:column;text-align:center;padding:6rem 1.5rem 2rem;gap:2rem}.hero-content{max-width:100%;margin-bottom:1rem}.hero-image img{width:200px;height:200px}.about-container{flex-direction:column;gap:2rem}.stats{justify-content:space-around}}@media (max-width: 768px){.navbar{flex-direction:column;gap:.8rem;padding:.8rem 1rem}.navbar ul{flex-wrap:wrap;gap:1rem;justify-content:center}.navbar ul li{margin:0}.hero-content h1{font-size:2rem}.hero-content h2{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center;gap:.8rem}.about-left div,.stats div,.project-card,.timeline-content,.contact-info{width:100%}.stats{flex-direction:row;flex-wrap:wrap;gap:1rem}.projects-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.navbar{padding:.6rem}.hero{margin-top:100px}.navbar ul{gap:.6rem}.hero{padding:5rem 1rem 2rem}.hero-content h1{font-size:1.6rem}.hero-content h2{font-size:1rem}.hero-image img{width:150px;height:150px}.btn{padding:.5rem 1rem;font-size:.8rem}.section{padding:2.5rem 1rem}.card-grid{grid-template-columns:1fr}.stats{flex-direction:column;align-items:center}.timeline{padding-left:1rem}.timeline-dot{top:-4px;left:-23px}}.reveal{opacity:0;transform:translateY(40px);transition:all .6s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.social-sidebar{position:fixed;top:55%;left:0;transform:translateY(-50%);display:flex;flex-direction:column;z-index:1000;gap:.4rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sidebar-link{width:40px;height:40px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease}.sidebar-link img{width:24px;height:24px;object-fit:contain}.sidebar-link:hover{background:var(--accent);transform:translate(6px);box-shadow:0 0 12px var(--accent-glow)}@media (max-width: 768px){.social-sidebar{top:auto;bottom:1rem;left:50%;transform:translate(-50%);flex-direction:row;gap:1rem;background:#0d1117d9;padding:.5rem 1rem;border-radius:12px;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sidebar-link{width:42px;height:42px}}.sidebar-link:hover svg path{fill:#fff}