body{color:#1f2937;background:linear-gradient(#f8fafc 0%,#eef2ff 100%);margin:0;font-family:system-ui,-apple-system,sans-serif}body:before{content:"";filter:blur(120px);opacity:.12;z-index:-1;background:#6366f1;width:400px;height:400px;position:fixed;top:-100px;left:-100px}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px 60px;display:flex;position:sticky;top:0}.nav a{color:#6b7280;margin-left:30px;text-decoration:none;transition:all .25s}.nav a:hover{color:#111827}.hero{text-align:center;max-width:900px;margin:60px auto;padding:0 20px}.hero-img{object-fit:cover;object-position:center 30%;border-radius:18px;width:100%;height:600px;box-shadow:0 20px 40px #00000014}.hero-text{margin-top:25px}.hero-text h1{color:#111827;margin-bottom:10px;font-size:48px}.hero-text p{color:#6b7280;font-size:18px}.section{max-width:900px;margin:auto;padding:80px 20px}.card{background:#fff;border-radius:16px;margin-top:25px;padding:25px;transition:all .25s;box-shadow:0 10px 25px #0000000f}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}.gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;display:grid}.gallery img{object-fit:cover;cursor:pointer;border-radius:12px;width:100%;height:260px;transition:all .3s}.gallery img:hover{transform:scale(1.05)}.main-name{letter-spacing:2px;word-spacing:6px;color:#111827;margin-bottom:8px;font-size:58px;font-weight:600;line-height:1.1}.main-name span{color:#6366f1;font-weight:700}.role{letter-spacing:2px;text-transform:uppercase;color:#6b7280;margin-bottom:12px;font-size:16px}.hero-desc{color:#6b7280;max-width:550px;margin:0 auto;font-size:16px}.section-title{color:#111827;letter-spacing:1px;margin-bottom:25px;font-size:22px;font-weight:600}.project-list{flex-direction:column;gap:16px;display:flex}.project-item{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 20px;text-decoration:none;transition:all .25s;display:flex}.project-item:hover{background:#f9fafb;border-color:#6366f1;transform:translateY(-3px)}.project-item h3{color:#111827;margin:0;font-size:16px}.project-item p{color:#6b7280;margin:4px 0 0;font-size:13px}.project-item span{color:#9ca3af;font-size:18px;transition:all .2s}.project-item:hover span{color:#6366f1}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px;display:grid}.skill-box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;transition:all .25s}.skill-box:hover{border-color:#6366f1;transform:translateY(-4px)}.skill-box h3{color:#111827;margin:0 0 8px;font-size:15px}.skill-box p{color:#6b7280;margin:0;font-size:14px}.project-links{gap:20px;margin-top:10px;display:flex}.project-links a{color:#aaa;font-size:14px;text-decoration:none;transition:color .3s}.project-links a:hover{color:#fff}