@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--background:#0b0b0b;--surface:#141414;--text:#f5f5f5;--muted:#999;--border:#292929;--accent:#ff6b2c}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;background:#0b0b0bd9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 7%;display:flex;position:fixed;top:0;left:0}.logo{font-family:Space Grotesk;font-size:24px;font-weight:700}.nav-links{gap:35px;display:flex}.nav-links a{color:var(--muted);font-size:14px;transition:all .3s}.nav-links a:hover{color:#fff}.nav-button{border:1px solid var(--border);border-radius:30px;padding:12px 20px;font-size:14px}.hero{justify-content:space-between;align-items:center;gap:60px;min-height:100vh;padding:130px 8% 80px;display:flex}.hero-content{max-width:700px}.eyebrow{color:var(--accent);letter-spacing:3px;margin-bottom:25px;font-size:12px;font-weight:700}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{letter-spacing:-4px;font-size:clamp(55px,7vw,100px);line-height:.95}h1 span,h2 span{color:var(--accent)}.hero-description{max-width:500px;color:var(--muted);margin:35px 0;line-height:1.7}.hero-buttons{gap:15px;display:flex}.primary-button,.secondary-button{border-radius:30px;padding:15px 25px;font-size:14px;transition:all .3s;display:inline-block}.primary-button{background:var(--accent);color:#000;font-weight:600}.primary-button:hover{transform:translateY(-3px)}.secondary-button{border:1px solid var(--border)}.hero-image{justify-content:center;align-items:center;display:flex}.image-circle{border:1px solid var(--border);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:min(35vw,430px);height:min(35vw,430px);display:flex}#profile_image{border-radius:50%;max-width:100%}.image-placeholder,.about-placeholder{color:#555;background:#1c1c1c;border-radius:50%;justify-content:center;align-items:center;width:90%;height:90%;font-size:12px;display:flex}:is(.image-placeholder,.about-placeholder) img{object-fit:cover;max-width:100%}.section{padding:130px 8%}.section-heading{margin-bottom:60px}h2{letter-spacing:-3px;font-size:clamp(45px,6vw,75px);line-height:1}.expertise{background:#101010}.expertise-grid{background:var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.expertise-card{background:#101010;min-height:300px;padding:40px;transition:all .3s;position:relative}.expertise-card:hover{background:#171717}.expertise-card>span{color:var(--accent);font-size:13px}.expertise-card h3{margin-top:80px;font-size:28px}.expertise-card p{color:var(--muted);max-width:450px;margin-top:15px;line-height:1.7}.arrow{font-size:30px;position:absolute;top:35px;right:35px}.about{grid-template-columns:.8fr 1.2fr;align-items:center;gap:100px;display:grid}.about-image{aspect-ratio:1;width:100%}.about-placeholder{border-radius:20px;width:100%;height:100%}.about-content>p:not(.eyebrow){color:var(--muted);max-width:600px;margin:25px 0;line-height:1.8}.skills{background:#101010}.skills-container{flex-wrap:wrap;gap:12px;display:flex}.skill{border:1px solid var(--border);border-radius:40px;padding:18px 25px;font-family:Space Grotesk;transition:all .3s}.skill:hover{border-color:var(--accent);color:var(--accent)}.projects-list{flex-direction:column;display:flex}.project-card{border-top:1px solid var(--border);grid-template-columns:80px 1fr 35%;gap:40px;padding:45px 0;display:grid}.project-number{color:var(--accent)}.project-info h3{margin-bottom:20px;font-size:35px}.project-info p{color:var(--muted);max-width:600px;line-height:1.7}.project-info small{color:#777;margin-top:20px;display:block}.project-links{gap:25px;margin-top:25px;display:flex}.project-links a{color:var(--accent);font-size:14px}.project-preview{background:var(--surface);color:#444;border-radius:12px;justify-content:center;align-items:center;min-height:220px;font-size:12px;display:flex}.contact{text-align:center;background:#101010}.contact>p:not(.eyebrow){color:var(--muted);max-width:500px;margin:30px auto;line-height:1.7}footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:40px 8%;font-size:13px;display:flex}footer strong{color:#fff;font-family:Space Grotesk}.socials{gap:20px;display:flex}@media (width<=800px){.navbar{padding:0 5%}.nav-links{display:none}.hero{flex-direction:column;align-items:flex-start;padding:130px 6% 80px}.image-circle{width:280px;height:280px}.expertise-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:50px}.project-card{grid-template-columns:1fr;gap:20px}.project-preview{min-height:180px}footer{flex-direction:column;gap:20px}}@media (width<=500px){h1{letter-spacing:-2px;font-size:50px}h2{font-size:45px}.section{padding:90px 6%}.hero-buttons{flex-direction:column;align-items:flex-start}}.contact-page{color:#f5f5f5;background:#0a0a0a;min-height:100vh}.contact-hero{border-bottom:1px solid #222;grid-template-columns:1.4fr .6fr;gap:100px;max-width:1200px;margin:0 auto;padding:140px 40px 100px;display:grid}.contact-heading h1{letter-spacing:-4px;margin:20px 0 35px;font-size:clamp(55px,7vw,100px);line-height:.95}.contact-heading h1 span{color:#ff5b24}.contact-intro{color:#888;max-width:540px;font-size:15px;line-height:1.8}.contact-details{flex-direction:column;justify-content:flex-end;gap:45px;display:flex}.contact-detail{border-top:1px solid #292929;padding-top:18px}.contact-detail span{color:#ff5b24;letter-spacing:2px;margin-bottom:12px;font-size:9px;display:block}.contact-detail a,.contact-detail p{color:#eee;margin:0;font-size:15px;text-decoration:none}.contact-detail a{transition:color .2s}.contact-detail a:hover{color:#ff5b24}.contact-socials{gap:25px;display:flex}.contact-form-section{grid-template-columns:.7fr 1.3fr;gap:100px;max-width:1200px;margin:0 auto;padding:110px 40px;display:grid}.form-heading h2{letter-spacing:-2px;margin-top:20px;font-size:48px;line-height:1}.form-heading h2 span{color:#ff5b24}.contact-form{flex-direction:column;gap:35px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:25px;display:grid}.form-group{flex-direction:column;gap:12px;display:flex}.form-group label{color:#ff5b24;letter-spacing:2px;font-size:9px}.form-group input,.form-group textarea{box-sizing:border-box;color:#fff;background:0 0;border:none;border-bottom:1px solid #333;outline:none;width:100%;padding:17px 0;font-family:inherit;font-size:15px;transition:border-color .2s}.form-group textarea{resize:vertical;min-height:140px}.form-group input::placeholder,.form-group textarea::placeholder{color:#555}.form-group input:focus,.form-group textarea:focus{border-bottom-color:#ff5b24}.contact-submit{color:#080808;cursor:pointer;background:#ff5b24;border:none;border-radius:30px;align-self:flex-start;align-items:center;gap:25px;padding:16px 25px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .2s,background .2s;display:flex}.contact-submit span{font-size:16px}.contact-submit:hover{background:#ff6d3b;transform:translateY(-2px)}.contact-bottom{text-align:center;background:#0d0d0d;padding:100px 40px 140px}.contact-bottom h2{letter-spacing:-3px;margin-top:20px;font-size:clamp(40px,6vw,75px);line-height:1}.contact-bottom h2 span{color:#ff5b24}@media (width<=800px){.contact-hero{grid-template-columns:1fr;gap:70px;padding:100px 25px 80px}.contact-heading h1{letter-spacing:-2px;font-size:55px}.contact-form-section{grid-template-columns:1fr;gap:60px;padding:80px 25px}.form-heading h2{font-size:40px}.form-row{grid-template-columns:1fr}.contact-bottom{padding:80px 25px 100px}}