*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{overflow-x:hidden}.page{margin-top:0!important;margin-bottom:0}:root{--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--padding-page-mobile: var(--spacing-sm);--padding-page-tablet: var(--spacing-md);--padding-page-desktop: var(--spacing-2xl);--padding-section-mobile: var(--spacing-xs);--padding-section-tablet: var(--spacing-sm);--padding-section-desktop: var(--spacing-md);--padding-contact-mobile: .25rem;--padding-contact-tablet: var(--spacing-xs);--padding-contact-desktop: var(--spacing-sm)}@page{size:A4;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-in{animation:slideIn .8s ease-out forwards}.section-item{opacity:0;animation:fadeIn .6s ease-out forwards}.section-item:nth-child(1){animation-delay:.1s}.section-item:nth-child(2){animation-delay:.2s}.section-item:nth-child(3){animation-delay:.3s}.section-item:nth-child(4){animation-delay:.4s}.section-item:nth-child(5){animation-delay:.5s}.section-title{position:relative}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#2563eb,#3b82f6);transition:width .6s ease}.section-title.active:after{width:100%}@media (max-width: 767px){.page{max-width:100%;margin:0;box-shadow:none;min-height:auto}body{background:#fff}.section-item{margin-bottom:1.5rem}}@media (min-width: 768px){.page{margin:0 auto}}.header-padding{padding:var(--spacing-sm) var(--padding-page-mobile)}@media (min-width: 640px){.header-padding{padding:var(--spacing-md) var(--padding-page-tablet)}}@media (min-width: 768px){.header-padding{padding:var(--spacing-lg) var(--spacing-lg)}}.left-column-padding,.right-column-padding{padding:var(--padding-section-mobile)}@media (min-width: 640px){.left-column-padding,.right-column-padding{padding:var(--padding-section-tablet)}}@media (min-width: 768px){.left-column-padding,.right-column-padding{padding:var(--padding-section-desktop)}}.contact-section{margin-bottom:var(--spacing-md)}.contact-content{padding-top:var(--padding-contact-mobile)}@media (min-width: 640px){.contact-content{padding-top:var(--padding-contact-tablet)}}@media (min-width: 768px){.contact-content{padding-top:var(--padding-contact-desktop)}.contact-section{margin-bottom:var(--spacing-2xl)}}.section-title-spacing{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}@media (min-width: 768px){.section-title-spacing{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}}.signature-image{height:60px;width:auto;max-width:300px;-o-object-fit:contain;object-fit:contain;opacity:.9}@media print{.signature-image{height:50px;max-width:250px}body{background:#fff!important}.no-print,.editor-section{display:none!important;visibility:hidden!important}.page{width:210mm!important;min-height:297mm!important;box-shadow:none!important;margin:0!important;padding:0!important}.page .grid{display:grid!important;grid-template-columns:280px 1fr!important;gap:0!important}.left-column-padding{border-right:1px solid #e2e8f0!important}.left-column-padding,.right-column-padding{padding:var(--padding-page-desktop)!important}.right-column-padding{border-left:none!important}.animate-fade-in,.animate-slide-in,.section-item{animation:none!important;opacity:1!important}.grid .section-item,.contact-section{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}h1,h2,h3,.section,.left,.right,.container{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.page{page-break-inside:avoid}h2{-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}.container{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}@page{margin:0}}.skill-tag{transition:all .3s ease}.skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.profile-photo{width:100px;height:100px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;border:4px solid rgba(255,255,255,.35);box-shadow:0 8px 20px #00000040;background:#fff;aspect-ratio:1 / 1;flex-shrink:0}@media (min-width: 640px){.profile-photo{width:120px;height:120px}}@media (min-width: 768px){.profile-photo{width:140px;height:140px}}@media (max-width: 767px){.skill-tag{font-size:11px;padding:4px 8px}}.section-spacing{margin-bottom:var(--spacing-lg)}@media (min-width: 768px){.section-spacing{margin-bottom:var(--spacing-2xl)}}.job-item{margin-bottom:var(--spacing-md)}@media (min-width: 768px){.job-item{margin-bottom:var(--spacing-xl)}}@media print{.print-table{display:table;width:100%;border-collapse:collapse}.print-header{display:table-header-group}.print-tbody{display:table-row-group}.print-row{display:table-row}.print-cell{display:table-cell}.print-spacer{height:30px;display:grid;grid-template-columns:280px 1fr!important;gap:0}.print-spacer-left{background-color:#f8fafc;border-right:1px solid #e2e8f0;width:100%;height:100%}.print-spacer-right{background-color:#fff;width:100%;height:100%}.print-table{display:table!important;margin-top:-15mm!important}.print-header{display:table-header-group!important}.print-spacer{display:flex!important;height:15mm;width:100%}.print-spacer-left{width:280px!important;background-color:#f8fafc!important;border-right:1px solid #e2e8f0!important;box-sizing:border-box!important;flex-shrink:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-spacer-right{flex:1!important;background-color:#fff!important}.header-padding{padding:var(--spacing-lg) var(--spacing-lg)!important;position:relative!important;z-index:20!important}.profile-photo{width:100px!important;height:100px!important;aspect-ratio:1 / 1!important;border-color:#fff!important;box-shadow:none!important;margin-left:0!important;flex-shrink:0!important}.header-flex{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important}.header-flex>div:first-child{text-align:left!important;flex:1 1 0%!important;min-width:0!important}.header-flex>div:last-child{flex-shrink:0!important}.header-flex h1{margin-bottom:.25rem!important}.header-flex p{font-size:1rem!important;line-height:1.25!important}.job-item{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.skill-tag:hover{transform:none!important;box-shadow:none!important}@page :first{margin-top:0!important}}
