:root{--color-cream:#f9f7ef;--color-dark:#2b2019;--color-gray-light:#e0e0e0;--color-gray-mid:#b3b3b3;--color-gray-dark:#6e6e6e;--color-text:#2b2019;--color-text-muted:#4a4a4a;--font-heading:"Playfair Display", "Didot", Georgia, serif;--font-body:"Inter", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-cream);background-image:url(/bck.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}h1,h2,h3,.heading,.section-title{font-family:var(--font-heading);color:var(--color-dark);letter-spacing:.01em;text-transform:uppercase;font-weight:400}h4,h5,h6{font-family:var(--font-body);color:var(--color-dark);font-weight:700}p,span,li{font-family:var(--font-body);color:var(--color-text-muted);line-height:1.6}a{font-family:var(--font-body);color:var(--color-dark)}.navbar{z-index:10;-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;width:100%;padding:20px 60px;display:flex;position:fixed;top:0}.logo span{letter-spacing:.1em;font-size:1.3rem;font-weight:700}.nav-links{gap:1.5rem;display:flex}.nav-links a{color:#fff;transition:all .3s}.nav-links a:hover{color:#38bdf8}.nav-button{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-radius:50px;padding:.7rem 1.4rem;font-weight:600}main{gap:2rem;display:grid}.section{width:90%;max-width:1200px;margin:auto;padding:3rem 0}.section-header{margin-bottom:2rem}.section-header span{color:#38bdf8;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.section-header h2{font-size:clamp(2rem,4vw,3rem)}.hero{align-items:center;min-height:90vh;padding:2rem;display:flex}.hero-left h1{font-size:clamp(2.5rem,5vw,4rem)}.hero-left h2{color:var(--accent);margin:1rem 0}.hero-text{max-width:500px;color:var(--muted);line-height:1.7;font-style:unset}.hero-actions{gap:1rem;margin-top:2rem;display:flex}.hero-socials{gap:1.5rem;margin-top:2rem;display:flex}.hero-socials a:hover{color:var(--accent)}.hero-right{flex:1;justify-content:center;align-items:center;display:flex}.hero-card{aspect-ratio:1;background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #ffffff26;border-radius:2rem;justify-content:center;align-items:center;width:min(420px,100%);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026}.hero-img{object-fit:cover;width:100%;height:100%;box-shadow:none;border-radius:0;display:block}.btn{border-radius:50px;justify-content:center;align-items:center;padding:.9rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#000;background:linear-gradient(135deg,#38bdf8,#38bdf8)}.btn-secondary{background:#c9a22714;border:1px solid #c9a22759}.about-section{padding:3rem 0}.section-header{margin-bottom:2rem;margin-left:1rem}.about-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;display:grid}.about-text p{color:var(--muted);margin-bottom:1rem;margin-left:1rem;line-height:1.8}.about-cards{gap:1rem;display:grid}.info-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:1.2rem;padding:1.5rem;transition:all .3s}.info-card:hover{border-color:var(--accent);transform:translateY(-5px)}.info-card h3{color:var(--accent);margin-bottom:.5rem}.skills-grid,.projects-grid,.experience-grid,.cert-grid,.education-grid,.contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.contact-grid{margin:2rem 0}.skills-grid>*,.projects-grid>*,.experience-grid>*,.cert-grid>*,.education-grid>*,.contact-grid>*{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:1.2rem;padding:2rem;transition:all .3s}.skills-grid>:hover,.projects-grid>:hover,.experience-grid>:hover,.cert-grid>:hover,.education-grid>:hover,.contact-grid>:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 10px 30px #ef444433}.projects-section,.experience-section,.certifications-section,.education-section,.contact-section{padding:3rem 0}.skills-grid h3,.projects-grid h3,.experience-grid h3,.cert-grid h3,.education-grid h3,.contact-grid h3{color:var(--accent);margin-bottom:.8rem}.skills-grid p,.projects-grid p,.experience-grid p,.cert-grid p,.education-grid p,.contact-grid p{color:var(--muted);line-height:1.6}.contact-form{flex-direction:column;gap:1.2rem;display:flex}.contact-form input,.contact-form textarea{color:var(--text);background:#ffffff0d;border:1px solid #ffffff26;border-radius:.8rem;padding:1rem;transition:all .3s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 10px #a855f733}.contact-form .btn{margin-top:.5rem}.contact-card{padding:2rem!important}.contact-card h3{margin-bottom:1.5rem}.contact-card p{margin-top:.5rem;margin-bottom:1rem;padding:.5rem 0}.section{-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border-bottom:1px solid #fff3;border-radius:1.5rem}.hero{background-color:#0000}@media (width>=1200px){.skills-grid,.projects-grid,.experience-grid,.cert-grid,.education-grid,.contact-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.navbar{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.hero{text-align:center;justify-content:center}.hero-actions,.hero-socials{justify-content:center}.about-grid{grid-template-columns:1fr}}@media (width<=600px){.section{width:95%}.navbar{padding:1rem}.nav-links{gap:.8rem;font-size:.9rem}.nav-button{text-align:center;width:100%}.hero{min-height:80vh;padding:1rem}.hero-actions{flex-direction:column}.btn{width:100%}.skills-grid,.projects-grid,.experience-grid,.cert-grid,.education-grid,.contact-grid{grid-template-columns:1fr}}*{scroll-behavior:smooth}.card,.info-card,.btn{will-change:transform}