.announcement{max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.contact-section{background:var(--charcoal);color:var(--white);text-align:center;padding:8rem 0}.contact-section .section-title{color:var(--white);margin-bottom:2rem}.contact-info{flex-wrap:wrap;justify-content:center;gap:3rem;margin-bottom:3rem;display:flex}.contact-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.contact-item .icon{background:var(--sage-green);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.social-links{justify-content:center;gap:2rem;display:flex}.social-link{background:var(--sage-green);width:60px;height:60px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;transition:background .3s,transform .3s;display:flex}.social-link:hover{background:var(--accent-coral);transform:scale(1.1)}.social-links img{justify-content:center;align-items:center;width:35px;height:35px;transition:transform .3s;display:flex}.social-links{justify-content:center;align-items:center;display:flex}.contact-item .icon img{width:35px!important;height:35px!important}@media (max-width:768px){.contact-info{flex-direction:column;gap:2rem}.social-links{gap:1rem}}
.skills-section{background:var(--white);padding:8rem 0;position:relative}.section-title{text-align:center;color:var(--charcoal);margin-bottom:4rem;font-size:3rem;font-weight:700}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.skill-card{background:linear-gradient(135deg,var(--light-sage),var(--warm-cream));text-align:center;border-radius:20px;padding:2rem;transition:transform .3s,box-shadow .3s}.skill-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #9caf8833}.skill-card h3{color:var(--deep-sage);margin-bottom:1rem;font-size:1.5rem}.skill-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.skill-tag{background:var(--sage-green);color:var(--white);border-radius:25px;height:fit-content;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.skill-new{padding:.3rem .6rem;position:absolute;top:10px;right:10px;background-color:var(--accent-coral)!important}
.projects-section{background:var(--white);background:linear-gradient(135deg,var(--warm-cream),var(--light-sage));padding:8rem 0}.single-project-section{border-radius:20px}.project-content{border-radius:10px;gap:20px;padding:50px 20px;transition:transform .3s,box-shadow .3s;display:flex}.project-image-container{width:30%}.project-details{width:70%}.project-image{width:100%;height:auto}.project-title{font-size:1.5rem;font-weight:700}.project-tech{flex-wrap:wrap;gap:10px;margin:30px 10px;display:flex}.project-link{background-color:var(--sage-green);color:var(--warm-cream);border:1px solid var(--light-sage);border-radius:30px;align-items:center;gap:5px;padding:10px 20px;text-decoration:none;transition:color .3s,background-color .3s;display:inline-flex}.project-link:hover{background-color:var(--light-sage);color:var(--sage-green)}@media screen and (max-width:768px){.project-content{flex-direction:column}.project-image-container,.project-details{width:100%}}
:root{--bg-javascript:#ffd600;--bg-react:#5580bf;--bg-node:#24a464;--bg-next:#242424;--bg-mysql:#e46d04;--bg-mongodb:#13aa52;--bg-reactnative:#61dafb;--bg-default:#6c757d;--percentage-lg-middle:50%}.image-tech{width:25px;height:25px}.tech-tag{color:var(--deep-sage);border-radius:10px;padding:.3rem .8rem;font-size:.8rem}.bg-default{background-color:var(--bg-default);background:linear-gradient(-270deg,#6c757d 0%,#6c757dcc var(--percentage-lg-middle),#6c757d4d 100%)}.bg-js{background-color:var(--bg-javascript);background:linear-gradient(270deg,#fff8d4 0%,#ffec8f var(--percentage-lg-middle),#ffd600 100%)}.bg-react{background:var(--bg-react);background:linear-gradient(270deg,#b4b7bf 0%,#8c9abd var(--percentage-lg-middle),#5580bf 100%)}.bg-node{background:var(--bg-node);background:linear-gradient(270deg,#8da8a1 0%,#5f9e7e var(--percentage-lg-middle),#24a464 100%)}.bg-next{background:var(--bg-next);background:linear-gradient(270deg,#d6d6d6 0%,#858585 var(--percentage-lg-middle),#242424 100%)}.bg-mysql{background:var(--bg-mysql);background:linear-gradient(270deg,#e6d8cc 0%,#e3a46d var(--percentage-lg-middle),#e46d04 100%)}.bg-mongodb{background:var(--bg-mongodb);background:linear-gradient(270deg,#8bb39c 0%,#50b379 var(--percentage-lg-middle),#13aa52 100%)}.bg-reactnative{background:var(--bg-reactnative);background:linear-gradient(270deg,#daedf2 0%,#a7e2f2 var(--percentage-lg-middle),#61dafb 100%)}
.desc-on-image{margin-top:60%;padding:10px 20px;position:relative}.desc-on-image:before{content:"";z-index:-1;background-color:#242424;border-radius:15px;position:absolute;inset:0}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;display:grid}.hero-text h1{color:var(--charcoal);margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2}.hero-text .subtitle{color:var(--dust-blue);margin-bottom:2rem;font-size:1.3rem;font-weight:400}.hero-text .bio{color:var(--neutral-grey);max-width:500px;margin-bottom:3rem;font-size:1.1rem}.hero-visual{height:500px;position:relative}.profile-card{background:var(--white);border-radius:25px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;transition:transform .3s;display:flex;transform:rotate(3deg);box-shadow:0 20px 40px #2c3e501a}.profile-card:before{content:"";z-index:-1;background-image:url(/me-ghibli.png);background-position:50%;background-size:cover;border-radius:25px;position:absolute;inset:0}.profile-card:hover{transform:rotate(0)scale(1.02)}.profile-image{background:linear-gradient(45deg,var(--sage-green),var(--soft-blue));width:200px;height:200px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:4rem;font-weight:700;display:flex}.cta-buttons{flex-wrap:wrap;gap:1.5rem;display:flex}@media (max-width:768px){.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-text .bio{margin-bottom:10px;font-size:medium}.hero-visual{height:300px}.cta-buttons{justify-content:center;gap:1rem}.cta-buttons .btn{padding:.5rem 1rem}}
.flag-chooser{z-index:auto;flex-direction:column;gap:10px;min-width:130px;padding:10px;list-style:none;display:flex;position:absolute;left:-40px;margin-top:10px!important}.flag-chooser-mobile{justify-content:center;align-items:center;gap:10px;display:flex}.border-flags{background-color:#f3f2f2;border:1px solid #ccc;border-radius:1.1rem;width:fit-content;margin:5px 0}.flag-chooser li{margin:0}.flag-chooser a,.flag-chooser-mobile a{color:inherit;align-items:center;text-decoration:none;display:flex}.flag-chooser img,.flag-chooser-mobile img{width:24px;height:24px;margin-right:5px}@media (max-width:768px){.flag-chooser{z-index:999;min-width:217px}}