*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0a0a0a;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.portfolio{background:radial-gradient(circle at 80% 20%,#222 0%,#0000 30%),#0a0a0a;min-height:100vh}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0acc;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 8%;display:flex;position:fixed;top:0;left:0}.logo{font-size:28px;font-weight:800}.nav-links{gap:35px;display:flex}.nav-links a{color:#aaa;font-size:14px;transition:all .3s}.nav-links a:hover{color:#fff}.hero{justify-content:space-between;align-items:center;gap:60px;min-height:100vh;padding:140px 8% 80px;display:flex}.hero-content{max-width:650px}.hello{letter-spacing:5px;color:#999;margin-bottom:20px;font-size:14px}.hero h1{letter-spacing:-5px;margin-bottom:20px;font-size:clamp(55px,8vw,110px);line-height:.95}.hero h2{color:#aaa;margin-bottom:25px;font-size:28px}.description{color:#888;max-width:550px;font-size:17px;line-height:1.7}.hero-buttons{gap:15px;margin-top:35px;display:flex}.button{border-radius:8px;padding:14px 24px;font-size:14px;transition:all .3s;display:inline-block}.primary{color:#000;background:#fff}.primary:hover{transform:translateY(-3px)}.secondary{color:#fff;border:1px solid #333}.secondary:hover{background:#1a1a1a}.hero-image{justify-content:center;align-items:center;display:flex}.image-placeholder{color:#555;background:#111;border:1px solid #333;border-radius:20px;justify-content:center;align-items:center;width:350px;height:450px;display:flex}.section{border-top:1px solid #1c1c1c;min-height:70vh;padding:120px 8%}.section-label{letter-spacing:4px;color:#555;margin-bottom:25px;font-size:12px}.section-title{letter-spacing:-6px;margin-bottom:70px;font-size:clamp(70px,10vw,140px);line-height:.9}.about-content{grid-template-columns:1.5fr 1fr;gap:100px;max-width:1100px;display:grid}.about-text{color:#888;font-size:18px;line-height:1.8}.about-text p{margin-bottom:25px}.about-info{border-top:1px solid #333}.info-item{border-bottom:1px solid #333;flex-direction:column;gap:8px;padding:22px 0;display:flex}.info-item span{color:#555;text-transform:uppercase;letter-spacing:2px;font-size:12px}.info-item strong{color:#ddd;font-size:16px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.skill-card{background:#0d0d0d;border:1px solid #222;min-height:220px;padding:35px;transition:all .3s}.skill-card:hover{border-color:#444;transform:translateY(-5px)}.skill-number{color:#555;letter-spacing:2px;font-size:13px}.skill-card h3{margin-top:35px;font-size:24px}.skill-card p{color:#777;margin-top:15px;line-height:1.7}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{background:#0d0d0d;border:1px solid #222;transition:all .3s;overflow:hidden}.project-card:hover{border-color:#444;transform:translateY(-5px)}.project-image{color:#444;letter-spacing:3px;background:#151515;justify-content:center;align-items:center;height:250px;font-size:13px;display:flex}.project-info{padding:25px}.project-info span{color:#555;text-transform:uppercase;letter-spacing:2px;font-size:12px}.project-info h3{margin-top:12px;font-size:22px}.project-info p{color:#777;margin-top:12px;line-height:1.6}.contact-content{max-width:600px}.contact-description{color:#888;max-width:500px;font-size:18px;line-height:1.8}.contact-content .button{margin-top:40px}.footer{color:#555;border-top:1px solid #1c1c1c;justify-content:space-between;align-items:center;padding:40px 8%;font-size:13px;display:flex}.footer strong{color:#fff;font-size:20px}@media (width<=768px){.navbar{padding:0 5%}.nav-links{display:none}.hero{flex-direction:column;align-items:flex-start;padding:130px 5% 60px}.hero h1{letter-spacing:-3px;font-size:60px}.hero-image{width:100%}.image-placeholder{width:100%;max-width:350px}.section{padding:100px 5%}.section-title{letter-spacing:-4px;font-size:80px}.about-content{grid-template-columns:1fr;gap:50px}.skills-grid,.projects-grid{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start;gap:15px;padding:30px 5%}}.profile-photo{object-fit:cover;filter:brightness(.9)contrast(1.08);border:1px solid #333;border-radius:24px;width:350px;height:450px;transition:all .5s;display:block;box-shadow:0 25px 70px #000000b3}.profile-photo:hover{filter:brightness()contrast(1.08);transform:scale(1.03);box-shadow:0 30px 80px #000c,0 0 40px #ffffff14}