.heroSection{display:flex;justify-content:space-between;align-items:center;padding:2rem;min-height:calc(100vh - 5rem);min-height:calc(100dvh - 5rem);color:var(--text-secondary);line-height:1.25;gap:2rem}.heroSection .left-side{flex:1;display:flex;justify-content:center;align-items:center}.heroSection .profile-image{max-height:300px;max-width:300px;border-radius:50%;object-fit:cover;border:3px solid var(--color);box-shadow:0 0 20px rgba(var(--accent-dark),.3)}.heroSection .right-side{flex:1;display:flex;flex-direction:column;gap:1rem}.heroSection h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:.5rem}.heroSection h1>span{font-size:clamp(2.5rem,6vw,5rem);color:rgb(var(--accent))}.heroSection .subtitle{font-size:clamp(1.5rem,3vw,2rem)}.heroSection .location{font-size:1.2rem}.cta-buttons{display:flex;gap:1.5rem}.primary-button,.secondary-button{padding:1rem 2rem;box-sizing:border-box;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.primary-button{background-color:rgb(var(--accent));color:var(--text-on-accent);border:2px solid rgb(var(--accent))}.secondary-button{background-color:transparent;border:2px solid rgb(var(--accent));color:rgb(var(--accent))}.primary-button:before,.secondary-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(var(--accent-dark),.2),rgba(var(--accent-dark),.1));transform:translate(0) scale(1);transition:transform .3s ease;z-index:-1}.primary-button:hover:before,.secondary-button:hover:before{transform:translate(100%) scale(1.2)}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(var(--accent-dark),.2)}.primary-button:active,.secondary-button:active{transform:translateY(0)}section{padding:4rem 2rem;min-height:60vh}section h2{text-align:center;font-size:2.5rem;margin-bottom:2rem;color:rgb(var(--accent))}section .bio{max-width:60ch;text-align:center;margin:0 auto 3rem;font-size:1.2rem;line-height:1.6}.skills-list{list-style:none;width:min(90%,1200px);margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skills-list li{background-color:rgba(var(--accent-dark),.1);border-radius:1rem;padding:2rem;transition:all .3s ease}.skills-list li:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(var(--accent-dark),.2)}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;list-style:none}.skill-tags li{background-color:rgba(var(--accent-dark),.2);padding:.3rem .8rem;border-radius:1rem;font-size:.9rem}.skill-link{display:inline-block;margin-top:1rem;color:rgb(var(--accent));text-decoration:none;font-weight:600}.certificate-list{list-style:none;width:min(90%,1200px);margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.certificate-card{background-color:rgba(var(--accent-dark),.1);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.certificate-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(var(--accent-dark),.2)}.certificate-image{margin:1rem 0}.certificate-image img{width:100%;height:auto;border-radius:.5rem}.certificate-date{color:rgb(var(--accent));font-size:.9rem;margin-top:1rem}.contact-section{text-align:center}.contact-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.contact-button{padding:.8rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;background-color:rgb(var(--accent));color:var(--text-on-accent);transition:all .3s ease}.contact-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--accent-dark),.3)}.view-more-container{text-align:center;margin-top:2rem}.view-more-button{display:inline-block;padding:.8rem 1.5rem;background-color:rgb(var(--accent));color:var(--text-on-accent);text-decoration:none;border-radius:.5rem;font-weight:600;transition:all .3s ease}.view-more-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--accent-dark),.3)}.contact-container{max-width:600px;margin:0 auto}.contact-form{background-color:rgba(var(--accent-dark),.1);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:rgb(var(--accent));font-weight:600}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:2px solid rgba(var(--accent-dark),.2);border-radius:.5rem;background-color:#ffffff0d;color:inherit;font-size:1rem;transition:all .3s ease}:global(body.light) .form-group input,:global(body.light) .form-group textarea{background-color:#ffffffb3;border-color:rgba(var(--accent-dark),.3)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:rgb(var(--accent));box-shadow:0 0 0 3px rgba(var(--accent-dark),.2)}.form-group textarea{min-height:150px;resize:vertical}.submit-button{width:100%;padding:1rem;background-color:rgb(var(--accent));color:var(--text-on-accent);border:none;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--accent-dark),.3)}.submit-button:active{transform:translateY(0)}@media screen and (min-width: 768px){.contact-container{max-width:600px}}@media screen and (max-width: 768px){.heroSection{flex-direction:column;text-align:center;padding:2rem 1rem}.heroSection .profile-image{width:200px;height:200px}.cta-buttons{flex-direction:column;gap:1rem}.primary-button,.secondary-button{width:100%;text-align:center}.contact-actions{flex-direction:column;align-items:center}.contact-button{width:100%;max-width:300px}.contact-form{padding:1.5rem}.form-group input,.form-group textarea{padding:.6rem}}