*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:#080b14;min-width:320px;min-height:100vh;margin:0;font-family:Arial,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.header{justify-content:space-between;align-items:center;padding:24px 48px;display:flex}.header-logo{align-items:center;display:flex}.header-logo img{width:240px;height:auto;display:block}.header ul{gap:24px;margin:0;padding:0;list-style:none;display:flex}.header a{color:#d1d5db}.header a:hover{color:#8b5cf6}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;max-width:1200px;min-height:75vh;margin:0 auto;padding:80px 48px;display:grid}.hero-content{max-width:650px}.hero-image{justify-content:center;display:flex;position:relative}.hero-image img{border:1px solid #8b5cf659;border-radius:24px;width:100%;max-width:380px;height:auto;box-shadow:0 0 40px #38bdf814,0 0 80px #8b5cf614}.hero-intro{color:#8b5cf6;margin:0 0 8px;font-size:1.1rem;font-weight:600}.hero-name{letter-spacing:-2px;margin:0;font-size:4.5rem;line-height:1}.hero-title{color:#0000;background:linear-gradient(135deg,#38bdf8,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin:12px 0 24px;font-size:3rem;line-height:1.1}.hero-description{color:#aeb5c4;max-width:600px;margin:0 0 32px;font-size:1.05rem;line-height:1.7}.hero-actions{gap:16px;display:flex}.btn{border-radius:10px;padding:14px 24px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6);box-shadow:0 8px 24px #8b5cf633}.btn-primary:hover{box-shadow:0 12px 30px #8b5cf659}.btn-secondary{color:#d1d5db;border:1px solid #374151}.btn-secondary:hover{color:#fff;border-color:#8b5cf6}.skills{max-width:1200px;margin:0 auto;padding:40px 48px 96px}.skills h2{text-align:center;margin:0 0 32px;font-size:2rem}.skills-grid{grid-template-columns:repeat(8,1fr);gap:16px;display:grid}.skill img{object-fit:contain;width:48px;height:48px}.skill{background:#111827a6;border:1px solid #1f2937;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;transition:transform .2s,border-color .2s;display:flex}.skill:hover{border-color:#8b5cf6;transform:translateY(-4px)}.project-technologies{flex-wrap:wrap;gap:8px;display:flex}.project-technologies span{color:#aeb5c4;border:1px solid #374151;border-radius:999px;padding:6px 10px;font-size:.85rem}.skill img[alt=GitHub]{filter:invert()}.projects{max-width:1200px;margin:0 auto;padding:80px 48px 96px}.projects>h2{text-align:center;margin:0 0 40px;font-size:2rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{background:#111827a6;border:1px solid #1f2937;border-radius:18px;padding:28px}.project-status{color:#8b5cf6;background:#8b5cf61f;border-radius:999px;margin-bottom:16px;padding:5px 10px;font-size:.8rem;font-weight:600;display:inline-block}.project-card h3{margin:0 0 12px;font-size:1.4rem}.project-card>p{color:#aeb5c4;margin:0 0 20px;line-height:1.6}.project-status.featured{color:#a78bfa;background:#8b5cf61f}.project-status.in-development{color:#38bdf8;background:#38bdf81f}.project-image{object-fit:cover;object-position:center top;border-radius:12px;width:100%;height:220px;margin-bottom:20px}.project-links{gap:12px;margin-top:24px;display:flex}.project-link{border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s}.project-link:hover{transform:translateY(-2px)}.project-link-primary{color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6);box-shadow:0 8px 20px #8b5cf62e}.project-link-secondary{color:#d1d5db;border:1px solid #374151}.project-link-secondary:hover{color:#fff;border-color:#8b5cf6}.project-links a:hover{color:#fff;border-color:#8b5cf6;transform:translateY(-2px)}.about{text-align:center;max-width:900px;margin:0 auto;padding:80px 48px 96px}.about-content{max-width:750px;margin:0 auto}.section-label{color:#8b5cf6;text-transform:uppercase;letter-spacing:2px;margin:0 0 12px;font-size:.95rem;font-weight:600}.about h2{margin:0 0 24px;font-size:2.4rem;line-height:1.2}.about-content>p:not(.section-label){color:#aeb5c4;margin:0 auto 16px;font-size:1.05rem;line-height:1.7}.contact{max-width:1200px;margin:0 auto;padding:80px 48px 96px}.contact-content{text-align:center;background:#111827a6;border:1px solid #1f2937;border-radius:20px;padding:64px 48px}.contact-content h2{margin:0 0 16px;font-size:2.4rem}.contact-content>p:not(.section-label){color:#aeb5c4;max-width:600px;margin:0 auto 28px;font-size:1.05rem;line-height:1.7}.footer{color:#8f96a5;border-top:1px solid #1f2937;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:32px 48px;font-size:.9rem;display:flex}.footer p{margin:0}.footer a{color:#d1d5db;font-weight:600}.footer a:hover{color:#8b5cf6}@media (width<=768px){.header{padding:20px 24px}.header-logo img{width:200px}.header nav{display:none}.hero{text-align:center;grid-template-columns:1fr;gap:48px;min-height:auto;padding:64px 24px}.hero-content{max-width:100%}.hero-name{letter-spacing:-1px;font-size:3.2rem}.hero-title{font-size:2.2rem}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-image img{max-width:300px}.about{padding:64px 24px}.about h2{font-size:2rem}.skills{padding:64px 24px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:12px}.projects{padding:64px 24px}.projects-grid{grid-template-columns:1fr}.project-card{padding:20px}.project-image{height:200px}.contact{padding:64px 24px}.contact-content{padding:48px 24px}.contact-content h2{font-size:2rem}.footer{text-align:center;flex-direction:column;gap:12px;padding:28px 24px}}