@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #FAFAFA;--bg-surface: #F0F0F2;--bg-elevated: #E5E5EA;--bg-glass: rgba(0, 106, 156, .04);--border-subtle: rgba(0, 0, 0, .06);--border-medium: #434343;--accent-primary: #006A9C;--accent-secondary: #004d73;--accent-glow: rgba(0, 106, 156, .08);--text-primary: #010101;--text-secondary: #4b5563;--text-muted: #8a8a8a;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", var(--font-sans);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--section-gap: 7rem;--container-width: 1100px}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.7;min-height:100vh;overflow-x:hidden;margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;background:none}img{max-width:100%;display:block}input,textarea{font-family:var(--font-sans)}::selection{background:var(--accent-glow);color:var(--accent-primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.ambient-orb{position:fixed;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;z-index:0}.ambient-orb--1{width:600px;height:600px;top:-200px;right:-150px;background:radial-gradient(circle,rgba(0,106,156,.05),transparent 70%);animation:float 20s ease-in-out infinite alternate}.ambient-orb--2{width:500px;height:500px;bottom:-200px;left:-150px;background:radial-gradient(circle,rgba(0,106,156,.03),transparent 70%);animation:float 25s ease-in-out infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,-30px)}}.app{position:relative;min-height:100vh}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}section{position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;transition:all .3s ease;border-bottom:1px solid var(--bg-elevated);background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar--scrolled{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bg-elevated);padding:.65rem 0}.navbar__inner{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--accent-primary);letter-spacing:-.02em;padding:.35rem .75rem;border:1px solid var(--accent-primary);border-radius:var(--radius-sm);transition:all .2s ease}.navbar__logo:hover{background:var(--accent-glow)}.navbar__links{display:flex;gap:.25rem}.navbar__link{font-size:.875rem;font-weight:500;color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .2s ease;letter-spacing:.01em}.navbar__link:hover{color:var(--text-primary);background:#ffffff0a}.navbar__link--active{color:var(--accent-primary);background:var(--accent-glow)}.navbar__hamburger{display:none;flex-direction:column;gap:5px;padding:.5rem;cursor:pointer}.navbar__hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all .3s ease}.navbar__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.section-container{max-width:var(--container-width);margin:0 auto;padding:var(--section-gap) 1.5rem}.section-label{font-family:var(--font-heading);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-primary);margin-bottom:.75rem}.section-title{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:1rem}.section-subtitle{font-size:1rem;color:var(--text-secondary);max-width:600px;line-height:1.7}.glass-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem;transition:border-color .3s ease,transform .3s ease}.glass-card:hover{border-color:var(--border-medium)}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--accent-primary);border-radius:var(--radius-sm);transition:all .2s ease;letter-spacing:.01em}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-1px)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);transition:all .2s ease}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-glow);transform:translateY(-1px)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;box-sizing:border-box}.hero__inner{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero__content{display:flex;flex-direction:column;gap:1.5rem}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;color:var(--accent-primary);background:var(--accent-glow);padding:.4rem 1rem;border-radius:var(--radius-xl);width:fit-content;letter-spacing:.02em}.hero__badge-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.hero__name{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-.03em}.hero__role{font-size:1.1rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.hero__role-text{color:var(--accent-primary);font-weight:600}.hero__cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent-primary);animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__description{font-size:1rem;color:var(--text-secondary);line-height:1.8;max-width:520px}.hero__cta{display:flex;gap:1rem;flex-wrap:wrap}.hero__socials{display:flex;gap:.5rem;margin-top:.5rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease}.social-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-glow);transform:translateY(-2px)}.hero__image-wrapper{display:flex;justify-content:center;align-items:center}.hero__image-ring{position:relative;width:340px;height:340px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),transparent,var(--accent-primary))}.hero__image-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:.3;filter:blur(20px);z-index:-1}.hero__photo{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--bg-base)}.hero__stats{display:flex;gap:2rem;margin-top:1rem}.hero__stat{display:flex;flex-direction:column}.hero__stat-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.hero__stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.about__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;margin-top:2.5rem}.about__bio p{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.8}.about__details{display:flex;flex-direction:column;gap:1rem}.about__detail-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .2s ease}.about__detail-item:hover{border-color:var(--border-medium)}.about__detail-icon{color:var(--accent-primary);flex-shrink:0}.about__detail-content{display:flex;flex-direction:column}.about__detail-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.about__detail-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.about__competencies{margin-top:2rem}.about__competencies-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.about__competencies-grid{display:flex;flex-wrap:wrap;gap:.5rem}.competency-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all .2s ease}.competency-tag:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-glow)}.skills__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}.skill-card{padding:2rem 1.5rem}.skill-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.skill-card__icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.skill-card__icon--blue{background:#6366f11a;color:var(--accent-primary)}.skill-card__icon--purple{background:#8b5cf61a;color:var(--accent-secondary)}.skill-card__icon--cyan{background:#22d3ee1a;color:#22d3ee}.skill-card__category{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--text-primary)}.skill-card__list{display:flex;flex-direction:column;gap:.6rem}.skill-card__item{display:flex;align-items:center;gap:.6rem;font-size:.875rem;color:var(--text-secondary);padding:.5rem 0;border-bottom:1px solid var(--border-subtle);transition:color .2s ease}.skill-card__item:last-child{border-bottom:none}.skill-card__item:hover{color:var(--text-primary)}.skill-card__item-icon{color:var(--accent-primary);flex-shrink:0;opacity:.6}.certs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-top:2.5rem}.cert-card{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.cert-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.cert-card__name{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--accent-primary)}.cert-card__status{display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .65rem;border-radius:var(--radius-xl);flex-shrink:0}.cert-card__status--active{color:#4ade80;background:#4ade801a}.cert-card__status--expired{color:var(--text-muted);background:#64748b1a}.cert-card__status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.cert-card__fullname{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.cert-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.cert-card__issuer{font-size:.75rem;color:var(--text-muted)}.cert-card__verify{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;color:var(--accent-primary);transition:opacity .2s ease}.cert-card__verify:hover{opacity:.8}.certs__cta{text-align:center;margin-top:2.5rem}.contact__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;margin-top:2.5rem}.contact__form-card{padding:2.5rem}.contact__form-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.75rem}.contact__form{display:flex;flex-direction:column;gap:1.25rem}.contact__input-group{display:flex;flex-direction:column;gap:.4rem}.contact__input-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.contact__input{padding:.75rem 1rem;font-size:.9rem;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color .2s ease;outline:none}.contact__input:focus{border-color:var(--accent-primary)}.contact__input--textarea{min-height:140px;resize:vertical}.contact__info-stack{display:flex;flex-direction:column;gap:1rem}.contact__info-card{display:flex;align-items:center;gap:1rem;padding:1.25rem}.contact__info-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);color:var(--accent-primary);border-radius:var(--radius-md);flex-shrink:0}.contact__info-text{display:flex;flex-direction:column}.contact__info-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.contact__info-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.contact__info-value a{color:var(--text-primary);transition:color .2s ease}.contact__info-value a:hover{color:var(--accent-primary)}.contact__socials-card{padding:1.5rem}.contact__socials-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem;text-align:center}.contact__socials-row{display:flex;justify-content:center;gap:.75rem}.contact__success{min-height:50vh;display:flex;align-items:center;justify-content:center}.contact__success-card{text-align:center;padding:3rem;max-width:420px}.contact__success-icon{color:#4ade80;margin-bottom:1.5rem}.contact__success-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.contact__success-desc{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.form-error{font-size:.75rem;color:#f87171;margin-top:.25rem}.footer{border-top:1px solid var(--bg-elevated);padding:2.5rem 0}.footer__inner{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.footer__brand{display:flex;align-items:center;gap:.75rem}.footer__logo{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--accent-primary);padding:.25rem .55rem;border:1px solid var(--accent-primary);border-radius:var(--radius-sm)}.footer__name{font-weight:600;color:var(--text-primary);font-size:.9rem}.footer__copy{font-size:.8rem;color:var(--text-muted)}.footer__socials{display:flex;gap:.5rem}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in-up .6s ease-out both}@media(max-width:900px){.hero__inner{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero__content{align-items:center}.hero__description{max-width:100%}.hero__cta,.hero__socials,.hero__stats{justify-content:center}.hero__image-ring{width:260px;height:260px}.about__grid,.skills__grid,.contact__grid{grid-template-columns:1fr}}@media(max-width:768px){:root{--section-gap: 4.5rem}.navbar__links{display:none;position:fixed;top:0;left:0;right:0;height:100vh;background:#fafafa;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:99999}.navbar__links--open{display:flex}.navbar__link{font-size:1.5rem;padding:.75rem 2rem;color:var(--text-secondary)}.navbar__link--active{color:var(--accent-primary);font-weight:700}.navbar__hamburger{display:flex;z-index:100000}.navbar__hamburger span{background:var(--text-primary)!important}.hero__name{font-size:2.25rem}.skills__grid,.certs__grid{grid-template-columns:1fr}.footer__inner{flex-direction:column;gap:1rem;text-align:center}}
