:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button,input,textarea,select{font:inherit}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f4f7fb;background:#0b0f19;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page{background:radial-gradient(circle at 0 0,#6366f140,#0000 35%),radial-gradient(circle at 100% 0,#0ea5e92e,#0000 35%),#0b0f19;min-height:100vh}.navbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f19bf;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:22px 8%;display:flex;position:sticky;top:0}.logo{letter-spacing:.04em;font-weight:800}.nav-links{color:#cbd5e1;gap:24px;font-size:.95rem;display:flex}.nav-links a:hover{color:#fff}main{width:min(1180px,88vw);margin:0 auto}.hero{flex-direction:column;justify-content:center;min-height:78vh;padding:80px 0;display:flex}.eyebrow,.section-label{color:#38bdf8;text-transform:uppercase;letter-spacing:.16em;margin:0 0 14px;font-size:.78rem;font-weight:800}.hero h1{letter-spacing:-.08em;max-width:980px;margin:0;font-size:clamp(2.7rem,7vw,6.2rem);line-height:.95}.hero-text{color:#cbd5e1;max-width:760px;margin:28px 0 0;font-size:1.18rem;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.primary-button,.secondary-button{border-radius:999px;padding:14px 22px;font-weight:700;transition:all .2s}.primary-button{color:#08111f;background:#f8fafc}.primary-button:hover{background:#38bdf8;transform:translateY(-2px)}.secondary-button{color:#f8fafc;border:1px solid #ffffff2e}.secondary-button:hover{border-color:#38bdf8;transform:translateY(-2px)}.about,.skills,.contact{background:#0f172ab8;border:1px solid #ffffff17;border-radius:30px;margin:80px 0;padding:34px;box-shadow:0 24px 70px #0000003d}.about{grid-template-columns:.8fr 1.2fr;align-items:start;gap:30px;display:grid}.about h2,.section-heading h2,.contact h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem)}.about p,.contact p{color:#cbd5e1;margin:0;font-size:1.05rem;line-height:1.8}.projects{padding:50px 0}.section-heading{margin-bottom:28px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.project-card{background:#0f172ac7;border:1px solid #ffffff17;border-radius:30px;overflow:hidden;box-shadow:0 24px 70px #0003}.project-image{background:linear-gradient(135deg,#38bdf840,#6366f147),linear-gradient(45deg,#111827,#1e293b);justify-content:flex-start;align-items:flex-end;height:190px;padding:24px;display:flex}.project-image span{color:#ffffffd9;letter-spacing:-.08em;font-size:3.5rem;font-weight:900}.project-image.has-images{background:#111827;grid-template-columns:repeat(2,1fr);gap:0;padding:0;display:grid}.project-image.has-images img{object-fit:cover;width:100%;height:95px;display:block}.project-content{padding:26px}.project-type{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:.82rem;font-weight:800}.project-content h3{letter-spacing:-.04em;margin:0;font-size:1.55rem}.project-role{color:#e2e8f0;margin:10px 0 0;font-weight:700}.project-description{color:#cbd5e1;margin:16px 0 0;line-height:1.7}.feature-list,.skill-list,.project-links,.contact-links{flex-wrap:wrap;gap:10px;display:flex}.feature-list{margin-top:18px}.feature-list span,.skill-list span{color:#dbeafe;background:#3b82f61f;border:1px solid #60a5fa2e;border-radius:999px;padding:9px 12px;font-size:.88rem}.project-links{margin-top:20px}.project-links a,.contact-links a{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff17;border-radius:12px;padding:10px 12px;font-size:.9rem}.project-links a:hover,.contact-links a:hover{border-color:#38bdf8}.skill-list{margin-top:24px}.contact{margin-bottom:110px}.contact p{max-width:720px;margin-top:16px}.contact-links{margin-top:24px}@media (width<=800px){.navbar{padding:18px 6%}.nav-links{gap:14px;font-size:.85rem}main{width:min(100% - 32px,1180px)}.hero{min-height:auto;padding:90px 0 50px}.about,.project-grid{grid-template-columns:1fr}}.project-image.has-cover{background:#111827;padding:0}.project-image.has-cover img{object-fit:cover;width:100%;height:100%;display:block}.gallery-link,.back-button{cursor:pointer;font:inherit}.gallery-link{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff17;border-radius:12px;padding:10px 12px;font-size:.9rem}.gallery-link:hover,.back-button:hover{border-color:#38bdf8}.back-button{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px}.detail-hero{flex-direction:column;justify-content:center;min-height:45vh;padding:90px 0 40px;display:flex}.detail-hero h1{letter-spacing:-.07em;max-width:980px;margin:0;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.95}.detail-features{margin-top:28px}.gallery-section{padding:20px 0 110px}.art-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.art-gallery-item{background:#0f172ac7;border:1px solid #ffffff17;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px #0003}.art-gallery-item img{object-fit:cover;width:100%;height:420px;display:block}@media (width<=800px){.art-gallery{grid-template-columns:1fr}.art-gallery-item img{height:auto}}