:root{--primary-color: #e3f2fd;--secondary-color: #90caf9;--accent-color: #1e88e5;--text-primary: #1a237e;--text-secondary: #455a64;--bg-color: #f8fbff;--card-bg: #ffffff;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.container{max-width:1100px;margin:0 auto;padding:0 2rem}section{padding:80px 0}h1,h2,h3{color:var(--text-primary);margin-bottom:1rem}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;position:relative}.section-title:after{content:"";display:block;width:50px;height:4px;background:var(--accent-color);margin:10px auto;border-radius:2px}nav{height:70px;display:flex;align-items:center;justify-content:space-between;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--primary-color)}.logo{font-weight:700;font-size:1.5rem;color:var(--accent-color)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--accent-color)}.hero{display:flex;align-items:center;justify-content:space-between;min-height:calc(100vh - 70px);gap:4rem}.hero-content{flex:1}.hero-title{font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp 1s ease-out}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;animation:fadeInUp 1s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-image{flex:1;display:flex;justify-content:center}.hero-image img{width:350px;height:350px;border-radius:50%;object-fit:cover;border:10px solid var(--primary-color);box-shadow:var(--shadow);animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.skill-card{background:var(--card-bg);padding:2rem 1rem;text-align:center;border-radius:12px;border:1px solid var(--primary-color);box-shadow:var(--shadow);transition:var(--transition)}.skill-card:hover{transform:translateY(-5px);border-color:var(--accent-color)}.skill-card i{font-size:2.5rem;color:var(--accent-color);margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid var(--primary-color);box-shadow:var(--shadow);transition:var(--transition)}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001f}.project-info{padding:1.5rem}.tag{display:inline-block;padding:4px 12px;background:var(--primary-color);color:var(--accent-color);border-radius:20px;font-size:.8rem;font-weight:600;margin-right:8px;margin-bottom:10px}.project-link{display:inline-block;margin-top:1rem;color:var(--accent-color);text-decoration:none;font-weight:600}.project-meta{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}footer{background:var(--primary-color);padding:40px 0;text-align:center}.social-links{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.social-links a{color:var(--accent-color);font-size:1.5rem;transition:var(--transition)}.social-links a:hover{transform:scale(1.2)}@media(max-width:768px){.hero{flex-direction:column-reverse;text-align:center;padding-top:40px}.hero-title{font-size:2.5rem}}