body{margin:0;padding:0;background-color:#1a1a1a;background-image:repeating-linear-gradient(0deg,transparent,transparent 35px,rgba(255,255,255,.15) 35px,rgba(255,255,255,.15) 36px),repeating-linear-gradient(90deg,transparent,transparent 35px,rgba(255,255,255,.15) 35px,rgba(255,255,255,.15) 36px);background-size:36px 36px;background-attachment:fixed}.cv-container{display:flex;max-width:1400px;margin:0 auto;gap:20px;padding:40px 20px;min-height:100vh}.cv-sidebar{width:280px;min-width:250px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px;flex-shrink:0;height:fit-content;position:sticky;top:20px;box-shadow:0 4px 12px #00000080}.cv-profile-section{text-align:center;margin-bottom:20px}.cv-sidebar h1{color:#000;font-size:20px;margin-bottom:15px;font-weight:700}.cv-description-text{color:#000;font-size:12px;line-height:1.5;text-align:justify}.cv-section-title{color:#000;font-size:13px;margin-bottom:10px;margin-top:15px;font-weight:700;text-align:left}.cv-info-box{background:#fffffffa;padding:12px;margin-bottom:15px;text-align:left;box-shadow:0 2px 6px #00000026}.cv-info-box p{color:#000;font-size:12px;margin-bottom:5px}.cv-navigation-box{display:flex;flex-direction:column;gap:0;padding:0}.cv-nav-button{display:block;padding:12px 15px;color:#000;text-decoration:none;font-size:12px;font-weight:700;text-align:left;border-bottom:1px solid rgba(0,0,0,.1);transition:background .2s}.cv-nav-button:hover{background:#0000000d}.cv-content{flex:1;min-width:0}.cv-content section{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;margin-bottom:30px;box-shadow:0 4px 12px #00000080}.cv-content h2{color:#000;font-size:20px;margin-bottom:25px;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:1px}.cv-experience-item,.cv-education-item,.cv-project-item{padding:20px 0;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}.cv-experience-item:last-child,.cv-education-item:last-child,.cv-project-item:last-child{border-bottom:none}.cv-experience-item h3,.cv-education-item h3,.cv-project-item h3{color:#000;font-size:16px;margin-bottom:8px;font-weight:700}.cv-date{color:#000;font-size:13px;font-style:italic;margin-bottom:12px}.cv-description{color:#000;font-size:13px;line-height:1.7;text-align:justify}.cv-subtitle{color:#000;font-size:14px;font-style:italic;margin-bottom:5px}.cv-institution{color:#000;font-size:13px;margin-bottom:5px}.cv-project-btn{margin-top:15px;background:#000;color:#fff;border:none;border-radius:4px;padding:12px 20px;font-size:13px;font-weight:400;cursor:pointer;transition:background .2s;font-family:inherit;line-height:1.7}.cv-project-btn:hover{background:#333}.cv-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.cv-service-card{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.1);position:relative}.cv-service-card:last-child{border-bottom:none}.cv-service-card h3{color:#000;font-size:16px;margin-bottom:15px;font-weight:700}.cv-service-price{color:#000;font-size:24px;font-weight:700;margin-bottom:20px}.cv-service-features{list-style:none;padding:0;margin:0 0 20px}.cv-service-features li{color:#000;font-size:13px;line-height:1.7;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.cv-service-features li:last-child{border-bottom:none}.cv-service-btn,.cv-service-btn-featured{display:inline-block;margin-top:15px;background:#000;color:#fff;border:none;border-radius:4px;padding:12px 20px;font-size:13px;font-weight:400;cursor:pointer;transition:background .2s;font-family:inherit;line-height:1.7;text-decoration:none;text-align:center}.cv-service-btn:hover,.cv-service-btn-featured:hover{background:#333}@media(max-width:768px){.cv-container{flex-direction:column}.cv-sidebar{width:100%;position:relative;top:0}.cv-services-grid{grid-template-columns:1fr}}@property --angle-1{syntax: "<angle>"; inherits: false; initial-value: -75deg;}@property --angle-2{syntax: "<angle>"; inherits: false; initial-value: -45deg;}:root{--primary-color: #f1c40f;--secondary-color: #f39c12;--accent-color: #e67e22;--white: #ffffff;--light-yellow: rgba(241, 196, 15, .1);--medium-yellow: rgba(241, 196, 15, .3);--dark-yellow: rgba(104, 101, 38, .16);--global--size: clamp(1rem, 2.5vw, 1.2rem);--anim--hover-time: .4s;--anim--hover-ease: cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;font-size:var(--global--size)}body:before{--size: 75px;--line: color-mix(in hsl, #000000, transparent 80%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}.main-container{max-width:800px;width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:3rem}.title{font-size:4.5rem;font-weight:800;color:#000;text-align:center;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.1);letter-spacing:-.02em}.dropzone{width:140%;max-width:3000px;height:350px;border:2px dashed rgba(0,0,0,.44);border-radius:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all var(--anim--hover-time) var(--anim--hover-ease);box-shadow:inset 0 1px 3px #0000000d,0 2px 10px #0000000d;position:relative;overflow:hidden}.dropzone:before{display:none}.dropzone:hover{border-color:#0000004d;background:#fff3;transform:translateY(-2px);box-shadow:inset 0 1px 3px #00000014,0 5px 15px #0000001a}.dropzone.drag-over{border-color:#0006;background:#ffffff4d;transform:scale(1.02)}.dropzone-icon{font-size:5rem;color:#0006;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dropzone-text{color:#0009;font-size:1.7rem;font-weight:600;text-align:center;margin:0}.dropzone-subtext{color:#00000080;font-size:1.5rem;text-align:center;margin:0;opacity:.8}.file-input{display:none}.selected-files{width:100%;max-width:500px;min-height:60px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1rem;border:1px solid rgba(0,0,0,.1);display:none;box-shadow:0 2px 10px #0000000d}.selected-files.visible{display:block;animation:slideInUp .5s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;margin:.25rem 0;background:#0000000d;border-radius:10px;color:#000000b3;font-size:.9rem}.file-name{font-weight:500}.file-size{font-size:.8rem;opacity:.7}.remove-file{background:#0000004d;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease}.remove-file:hover{background:#00000080;transform:scale(1.1)}.button-container{display:flex;justify-content:center;margin:2rem 0}.button-wrap{position:relative;z-index:2;border-radius:999vw;background:transparent;pointer-events:none;transition:all var(--anim--hover-time) var(--anim--hover-ease);display:inline-block}.button-shadow{--shadow-cuttoff-fix: 2em;position:absolute;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);filter:blur(clamp(2px,.125em,12px));overflow:visible;pointer-events:none}.button-shadow:after{content:"";position:absolute;z-index:0;inset:0;border-radius:999vw;background:linear-gradient(180deg,#f1c40f66,#f39c1233);width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);padding:.125em;box-sizing:border-box;mask:linear-gradient(#000000,#000000) content-box,linear-gradient(#000000,#000000);-webkit-mask-composite:xor;mask-composite:exclude;transition:all var(--anim--hover-time) var(--anim--hover-ease);overflow:visible;opacity:1}.convert-button{--border-width: clamp(1px, .0625em, 4px);all:unset;cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:auto;z-index:3;background:linear-gradient(-75deg,#f1c40f33,#fff9,#f1c40f33);border-radius:999vw;box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffffb3,0 .25em .125em -.125em #f1c40f66,0 0 .1em .25em inset #fff6,0 0 #fff;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));backdrop-filter:blur(clamp(1px,.125em,4px));transition:all var(--anim--hover-time) var(--anim--hover-ease)}.convert-button:hover{transform:scale(.975);-webkit-backdrop-filter:blur(.01em);backdrop-filter:blur(.01em);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffffb3,0 .15em .05em -.1em #f1c40f80,0 0 .05em .1em inset #fff9,0 0 #fff}.convert-button span{position:relative;display:block;-webkit-user-select:none;user-select:none;font-family:inherit;letter-spacing:-.02em;font-weight:700;font-size:1.4em;color:var(--secondary-color);text-shadow:0em .1em .05em rgba(0,0,0,.1);transition:all var(--anim--hover-time) var(--anim--hover-ease);padding-inline:2.4em;padding-block:.7em;text-transform:uppercase}.convert-button:hover span{text-shadow:.025em .025em .025em rgba(0,0,0,.15);color:var(--dark-yellow)}.convert-button span:after{content:"";display:block;position:absolute;z-index:1;width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));top:calc(0% + var(--border-width) / 2);left:calc(0% + var(--border-width) / 2);box-sizing:border-box;border-radius:999vw;overflow:clip;background:linear-gradient(var(--angle-2),rgba(170,14,14,0) 0%,rgb(255,255,255) 40% 50%,rgba(255,255,255,0) 55%);z-index:3;mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0% 50%;background-repeat:no-repeat;transition:background-position calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease),--angle-2 calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease)}.convert-button:hover span:after{background-position:25% 50%}.convert-button:active span:after{background-position:50% 15%;--angle-2: -15deg}.convert-button:after{content:"";position:absolute;z-index:1;inset:0;border-radius:999vw;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));top:calc(0% - var(--border-width) / 2);left:calc(0% - var(--border-width) / 2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%,rgba(241,196,15,.8),rgba(241,196,15,0) 5% 40%,rgba(241,196,15,.8) 50%,rgba(241,196,15,0) 60% 95%,rgba(241,196,15,.8)),linear-gradient(180deg,#fff9,#fff9);mask:linear-gradient(#000000,#000000) content-box,linear-gradient(#000000,#000000);-webkit-mask-composite:xor;mask-composite:exclude;transition:all var(--anim--hover-time) var(--anim--hover-ease),--angle-1 .5s ease;box-shadow:inset 0 0 0 calc(var(--border-width) / 2) #fff9}.convert-button:hover:after{--angle-1: -125deg}.convert-button:active:after{--angle-1: -75deg}.convert-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button-wrap:has(.convert-button:hover) .button-shadow{filter:blur(clamp(2px,.0625em,6px));transition:filter var(--anim--hover-time) var(--anim--hover-ease)}.button-wrap:has(.convert-button:hover) .button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .875em);opacity:1}.button-wrap:has(.convert-button:active){transform:rotateX(15deg)}@media(max-width:768px){.main-container{padding:1rem;gap:2rem}.title{font-size:2rem}.dropzone{height:250px}.convert-button span{padding-inline:2em;padding-block:1em;font-size:1.1em}}@media(max-width:480px){.title{font-size:1.5rem}.dropzone{height:200px}.dropzone-icon{font-size:3rem}.convert-button span{padding-inline:1.5em;padding-block:.8em;font-size:1em}}