*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}html{scroll-snap-type:proximity;scroll-behavior:smooth}:root{--max-width: 1100px;--accent: #a855f7;--bg: #0c0c1d;--muted: #9ca3af}section{scroll-snap-align:center}body{background-color:var(--bg);color:#d3d3d3}a{text-decoration:none;color:inherit}.container{width:min(1100px,92%);margin:0 auto}.section-pad{padding:4.5rem 0}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:10px;text-decoration:none;font-weight:600}.btn-primary{background-image:linear-gradient(90deg,#6a82fb,#fc5c7d);color:#fff}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:#fff}.btn-sm{padding:.45rem .6rem;font-size:.9rem}h1,h2,h3,h4,h5,h6{margin:0}.hero{height:calc(100vh - 100px);padding:0;background:linear-gradient(180deg,#0c0c1d,#111132);overflow:hidden;position:relative;display:flex;align-items:center}.hero .wrapper{max-width:1366px;height:100%;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 2rem;gap:2rem}.hero .textContainer{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}@media (max-width: 738px){.hero .textContainer{height:50%;width:100%;gap:20px;align-items:center;text-align:center}}.hero .textContainer h2{font-size:30px;margin:0;text-transform:uppercase;letter-spacing:10px;color:#a855f7;font-weight:600}.hero .textContainer h1{font-size:88px;margin:0;line-height:1.1;font-weight:700;background:linear-gradient(90deg,#fff,#a855f7);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}@media (max-width: 738px){.hero .textContainer h1{font-size:58px}}.hero .textContainer .buttonContainer{display:flex;flex-wrap:wrap;gap:1rem;position:relative;z-index:10}.hero .textContainer .buttonContainer .normal-btn{padding:.8rem 1.6rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background-color:transparent;color:#f5f5f5;cursor:pointer;font-weight:500;font-size:.95rem;letter-spacing:.03em;transition:all .2s ease-out}.hero .textContainer .buttonContainer .normal-btn:hover{background:#fff;color:#0c0c1d;transform:translateY(-1px);box-shadow:0 12px 30px #00000073}.hero .textContainer .buttonContainer .resume-btn{padding:.8rem 1.6rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#fff;color:#0c0c1d;cursor:pointer;font-weight:500;font-size:.95rem;letter-spacing:.03em;transition:all .2s ease-out}.hero .imageContainer{height:100%;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;padding-right:2rem;z-index:11}@media (max-width: 738px){.hero .imageContainer{display:none}}.hero .imageContainer img{height:100%;width:100%;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px #000000bf}.hero .sliderTextContainer{position:absolute;font-size:clamp(80px,15vw,400px);font-size:50vh;bottom:-120px;white-space:nowrap;color:#ffffff09;width:50%;font-weight:700;z-index:1}html{scroll-behavior:smooth}.navbar{height:100px;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,rgba(12,12,29,.95),rgba(12,12,29,.75),transparent)}.navbar .wrapper{max-width:1366px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:100%}.navbar span{font-weight:700;font-size:1.1rem;letter-spacing:.25em;text-transform:uppercase;color:#f9fafb}.navbar .social{display:flex;align-items:center;gap:20px}.navbar .social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0f172ab3;transition:all .2s ease-out}.navbar .social a img{width:18px;height:18px}.navbar .social a:hover{transform:translateY(-1px) scale(1.03);border-color:#fff6;background:#941bf5e6}@media (max-width: 768px){.navbar .wrapper{padding:0 1.2rem}.navbar span{font-size:.95rem;letter-spacing:.2em}.navbar .social{gap:12px}.navbar .social a{width:28px;height:28px}.navbar .social a img{width:16px;height:16px}}.about{position:relative;z-index:1}.about .section-pad{padding:6rem 0}.about .container{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;gap:2.5rem;align-items:center;flex-wrap:wrap}.about__media{flex:1 1 320px;display:flex;justify-content:center}.about__avatar{width:300px;height:300px;border-radius:20px;background-image:linear-gradient(135deg,#ffffff0f,#ffffff05);box-shadow:0 10px 30px #080c1440;background-size:cover;background-position:center}.about__avatar img{width:100%;height:100%;object-fit:cover;border-radius:20px}.about__content{flex:2 1 420px;min-width:0}.about .section-title{font-size:2rem;margin-bottom:.6rem}.about .lead{color:#7b7f89;margin-bottom:1rem}.about__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.about__card{background:#ffffff05;border-radius:12px;padding:1rem;box-shadow:0 6px 18px #0a0c141f}.about__cta{margin-top:1.25rem;display:flex;gap:.75rem;flex-wrap:wrap}@media (max-width: 820px){.about .container{flex-direction:column-reverse;align-items:flex-start}.about__avatar{width:240px;height:240px}}@media (max-width: 640px){.about .container{padding:0 1.1rem}.about__grid{grid-template-columns:1fr}.about__cta{flex-direction:column;width:100%}.about__cta .btn{width:100%;text-align:center}}.projects{position:relative;z-index:1}.projects .section-pad{padding:5.5rem 0}.projects .container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.projects .projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1rem}.projects .project-card{border-radius:16px;overflow:hidden;background:#0f172af5;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;box-shadow:0 8px 30px #080c141f}.projects .project-card__media{height:180px;background-size:cover;background-position:center}.projects .project-card__body{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.6rem}.projects .project-card h3{font-size:1.05rem;font-weight:600}.projects .project-card .muted{color:#8d939a;font-size:.95rem}.projects .project-card .tags{display:flex;gap:.4rem;flex-wrap:wrap}.projects .project-card .tag{background:#ffffff08;border-radius:999px;padding:.18rem .55rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.projects .project-card .project-card__ctas{margin-top:auto;display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 980px){.projects .projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.projects .container{padding:0 1.1rem}.projects .projects__grid{grid-template-columns:1fr}}.skills .section-pad{padding:5.5rem 0}.skills .container{max-width:1100px;margin:0 auto}.skills .section-title{font-size:1.9rem;margin-bottom:.4rem}.skills .lead{color:#9ca3af;margin-bottom:2.2rem;max-width:640px}.skills__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem;align-items:flex-start}.skills__card{border-radius:18px;padding:1.8rem 1.9rem;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at top left,rgba(88,28,135,.28),transparent 55%),#0f172af2;box-shadow:0 18px 45px #0000008c}.skills__card--secondary{background:#0f172ae6}.skills__header{display:flex;gap:1.1rem;align-items:flex-start;margin-bottom:1.4rem}.skills__icon{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;background:#a855f73d;border:1px solid rgba(168,85,247,.7)}.skills__icon--ghost{background:transparent;border-color:#94a3b8b3}.skills__title{font-size:1.25rem;font-weight:700;letter-spacing:.03em;margin-bottom:.25rem}.skills__intro{color:#9ca3af;font-size:.94rem;line-height:1.5}.skills__block{margin-top:1.1rem}.skills__label{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#9ca3af;margin-bottom:.4rem;font-weight:600}.skills__list{list-style:disc;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem;font-size:.95rem}.skills__list li{color:#e5e7eb}@media (max-width: 900px){.skills__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.skills .container{padding-inline:1.25rem}.skills__card{padding:1.5rem 1.6rem}.skills .section-title{font-size:1.6rem}}.contact{padding:3rem 2rem;background-color:#ffffff05;color:var(--text-color);text-align:center;margin:2rem auto;border-radius:12px;box-shadow:0 6px 10px #00000026;max-width:800px}.contact h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--primary-color);font-weight:700}.contact .contact-details{margin-bottom:2rem}.contact .contact-details p{font-size:1.1rem;margin:.75rem 0;line-height:1.8;display:flex;align-items:center;justify-content:center;gap:.5rem}.contact .contact-details p a{color:var(--link-color);text-decoration:none;font-weight:500}.contact .contact-details p a:hover{text-decoration:underline;color:var(--link-hover-color)}.contact .contact-details p svg{color:var(--icon-color)}.contact .social-links h3{font-size:1.8rem;margin-bottom:1rem;color:var(--secondary-color);font-weight:700}.contact .social-links a{margin:0 .75rem;display:inline-block;color:var(--icon-color);transition:transform .3s ease,color .3s ease}.contact .social-links a:hover{transform:translateY(-5px);color:var(--icon-hover-color)}.contact .social-links a svg{width:40px;height:40px}section{margin-bottom:4rem}@media (max-width: 768px){.contact{padding:2rem 1rem}.contact-details p{font-size:1rem}.social-links a svg{width:30px;height:30px}}.site-footer{background:linear-gradient(180deg,#080a14,#05070f);color:#dfe6ee;padding:3rem 0 1rem}.site-footer .footer__inner{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.site-footer .footer__brand h3{margin:0;font-size:1.1rem}.site-footer .muted{color:#9aa0a8}.site-footer .footer__links{display:flex;gap:1rem}.site-footer .footer__links a{color:#cdd6e3;text-decoration:none}.site-footer .footer__legal{padding-top:1rem;border-top:1px solid rgba(255,255,255,.03)}.site-footer .footer__legal small{color:#9aa0a8}
