:root{--color-ral7016:#383e42;--color-background-hex:#f4f2de;--color-outline:#a1ccd1;--color-multi-usage:#e9b784;--color-titles:#0e5e6f;--font-family:"Outfit", sans-serif;--radius-lg:1.5rem;--radius-full:9999px;--shadow-soft:0 10px 40px #0000000d}*{box-sizing:border-box}html{background:linear-gradient(135deg, var(--color-background-hex) 50%, var(--color-outline));min-height:100vh}body{font-family:var(--font-family);color:var(--color-ral7016);justify-content:center;margin:0;padding:0;font-size:16px;line-height:1.6;display:flex}#app{flex-direction:column;width:100%;max-width:1200px;min-height:100vh;padding:2rem 1.5rem;display:flex}.text-multi{color:var(--color-multi-usage)}.text-titles{color:var(--color-titles)}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.tabs-nav{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-titles);border-radius:var(--radius-full);cursor:pointer;background:#ffffff4d;border:2px solid #0000;align-items:center;gap:.5rem;padding:.8rem 2rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn:hover{background:#fff9;transform:translateY(-2px);box-shadow:0 4px 15px #0000000d}.tab-btn.active{background:var(--color-titles);color:#fff;border-color:var(--color-titles);box-shadow:0 8px 20px #0e5e6f33}.tab-content{flex-direction:column;flex:1;display:flex}.tab-pane{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeUp;display:none}.tab-pane.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass-panel{z-index:10;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#ffffff59;border:1px solid #ffffff80;padding:2.5rem;position:relative}.cv-container{grid-template-columns:280px 1fr;gap:3rem;display:grid}@media (width<=860px){.cv-container{grid-template-columns:1fr;gap:2rem}}.cv-sidebar h2{color:var(--color-titles);border-bottom:2px solid #0e5e6f1a;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem}.sidebar-block{margin-bottom:2.5rem}.contact-list,.lang-list{margin:0;padding:0;list-style:none}.contact-list li{align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.contact-list a:hover{text-decoration:underline}.lang-list li{margin-bottom:.5rem}.lang-list span{color:#666;font-size:.9em}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border-radius:var(--radius-full);background:#fff9;border:1px solid #fffc;padding:.3rem .8rem;font-size:.85rem;font-weight:500}.tag-sm{opacity:.75;padding:.2rem .6rem;font-size:.75rem}.cv-header{margin-bottom:2.5rem}.cv-header h1{color:var(--color-titles);margin-bottom:.2rem;font-size:2.5rem}.subtitle{color:var(--color-multi-usage);margin-bottom:.5rem;font-size:1.4rem;font-weight:600}.location{color:#666;font-size:.95rem}.cv-section{margin-bottom:2.5rem}.cv-section h3{border-bottom:2px solid #0e5e6f1a;align-items:center;gap:.6rem;margin-bottom:1.2rem;padding-bottom:.5rem;font-size:1.5rem;display:flex}.job{margin-bottom:1.8rem;position:relative}.job-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.job-header h4{margin:0;font-size:1.15rem}.date{color:var(--color-multi-usage);border-radius:var(--radius-full);background:#e9b78426;padding:.2rem .8rem;font-size:.85rem;font-weight:600}.job p{margin-bottom:.5rem}.job ul{margin:0;padding-left:1.2rem}.job li{margin-bottom:.3rem}.education{gap:1rem;display:grid}.edu-item{flex-direction:column;display:flex}.contact-container{text-align:center;flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}.profile-layout{flex-direction:row;align-items:center;gap:3rem;max-width:900px;margin-bottom:4rem;display:flex}@media (width<=768px){.profile-layout{text-align:center;flex-direction:column;gap:2rem}}.profile-header{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.avatar-container{border:8px solid var(--color-multi-usage);background:#fff;border-radius:50%;padding:4px;box-shadow:0 15px 35px #0000001a}.profile-pic{object-fit:cover;border-radius:50%;width:180px;height:180px;display:block}.logo-name{letter-spacing:2px;font-size:2.2rem;font-weight:700}.profile-bio{text-align:left;font-size:1.25rem}@media (width<=768px){.profile-bio{text-align:center}}.actions{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.action-btn{border-radius:var(--radius-lg);color:#fff;align-items:center;gap:1.5rem;min-width:320px;padding:1.5rem 2.5rem;transition:all .3s;display:flex;box-shadow:0 10px 25px #0000001a}.action-btn:hover{opacity:1;transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.action-text{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.action-text span{opacity:.9;margin-bottom:.2rem;font-size:.95rem}.action-text strong{font-size:1.15rem;font-weight:600}.btn-multi{background-color:var(--color-multi-usage)}.btn-multi:hover{background-color:#dfaa78}.btn-titles{background-color:var(--color-titles)}.btn-titles:hover{background-color:#0b4957}.app-footer{text-align:center;opacity:.7;margin-top:auto;padding:2rem 0 1rem;font-size:.9rem}.app-footer a:hover{text-decoration:underline}#particle-container{z-index:-10;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.cv-profile-pic{object-fit:cover;border:4px solid var(--color-multi-usage);border-radius:50%;width:150px;height:150px;margin-bottom:1rem}.avatar-block{text-align:center}.construction-panel{text-align:center;padding:5rem 2rem}.construction-panel h2{margin-top:1.5rem;font-size:2rem}.particle{border-radius:50%;position:absolute}@keyframes particle-animation-1{to{transform:translate3d(44vw,82vh,70px)}}.particle:first-child{opacity:.02;background:#4682a9;width:10px;height:10px;animation:60s -.5s infinite particle-animation-1;transform:translate3d(61vw,69vh,44px)}@keyframes particle-animation-2{to{transform:translate3d(19vw,10vh,41px)}}.particle:nth-child(2){opacity:.32;background:#6d071a;width:7px;height:7px;animation:60s -1s infinite particle-animation-2;transform:translate3d(85vw,46vh,11px)}@keyframes particle-animation-3{to{transform:translate3d(83vw,19vh,17px)}}.particle:nth-child(3){opacity:.43;background:#6d071a;width:10px;height:10px;animation:60s -1.5s infinite particle-animation-3;transform:translate3d(66vw,2vh,24px)}@keyframes particle-animation-4{to{transform:translate3d(63vw,86vh,96px)}}.particle:nth-child(4){opacity:.46;background:#f4f2de;width:7px;height:7px;animation:60s -2s infinite particle-animation-4;transform:translate3d(26vw,15vh,88px)}@keyframes particle-animation-5{to{transform:translate3d(2vw,76vh,14px)}}.particle:nth-child(5){opacity:.22;background:#e9b784;width:10px;height:10px;animation:60s -2.5s infinite particle-animation-5;transform:translate3d(73vw,56vh,38px)}@keyframes particle-animation-6{to{transform:translate3d(54vw,60vh,20px)}}.particle:nth-child(6){opacity:.13;background:#f4f2de;width:10px;height:10px;animation:60s -3s infinite particle-animation-6;transform:translate3d(85vw,27vh,52px)}@keyframes particle-animation-7{to{transform:translate3d(90vw,90vh,72px)}}.particle:nth-child(7){opacity:.17;background:#0e5e6f;width:10px;height:10px;animation:60s -3.5s infinite particle-animation-7;transform:translate3d(90vw,29vh,49px)}@keyframes particle-animation-8{to{transform:translate3d(1vw,59vh,79px)}}.particle:nth-child(8){opacity:.31;background:#6d071a;width:8px;height:8px;animation:60s -4s infinite particle-animation-8;transform:translate3d(78vw,82vh,11px)}@keyframes particle-animation-9{to{transform:translate3d(74vw,73vh,58px)}}.particle:nth-child(9){opacity:.36;background:#0e5e6f;width:8px;height:8px;animation:60s -4.5s infinite particle-animation-9;transform:translate3d(82vw,72vh,28px)}@keyframes particle-animation-10{to{transform:translate3d(44vw,18vh,13px)}}.particle:nth-child(10){opacity:.38;background:#a1ccd1;width:7px;height:7px;animation:60s -5s infinite particle-animation-10;transform:translate3d(43vw,49vh,14px)}@keyframes particle-animation-11{to{transform:translate3d(85vw,43vh,49px)}}.particle:nth-child(11){opacity:.11;background:#f4f2de;width:6px;height:6px;animation:60s -5.5s infinite particle-animation-11;transform:translate3d(33vw,51vh,69px)}@keyframes particle-animation-12{to{transform:translate3d(74vw,30vh,81px)}}.particle:nth-child(12){opacity:.18;background:#6d071a;width:9px;height:9px;animation:60s -6s infinite particle-animation-12;transform:translate3d(79vw,48vh,10px)}@keyframes particle-animation-13{to{transform:translate3d(3vw,24vh,94px)}}.particle:nth-child(13){opacity:.29;background:#0e5e6f;width:9px;height:9px;animation:60s -6.5s infinite particle-animation-13;transform:translate3d(65vw,45vh,96px)}@keyframes particle-animation-14{to{transform:translate3d(48vw,51vh,33px)}}.particle:nth-child(14){opacity:.26;background:#0e5e6f;width:8px;height:8px;animation:60s -7s infinite particle-animation-14;transform:translate3d(11vw,6vh,69px)}@keyframes particle-animation-15{to{transform:translate3d(75vw,69vh,20px)}}.particle:nth-child(15){opacity:.09;background:#a1ccd1;width:8px;height:8px;animation:60s -7.5s infinite particle-animation-15;transform:translate3d(44vw,67vh,61px)}@keyframes particle-animation-16{to{transform:translate3d(22vw,53vh,60px)}}.particle:nth-child(16){opacity:.49;background:#a1ccd1;width:10px;height:10px;animation:60s -8s infinite particle-animation-16;transform:translate3d(49vw,84vh,30px)}@keyframes particle-animation-17{to{transform:translate3d(33vw,51vh,56px)}}.particle:nth-child(17){opacity:.35;background:#e9b784;width:9px;height:9px;animation:60s -8.5s infinite particle-animation-17;transform:translate3d(59vw,71vh,55px)}@keyframes particle-animation-18{to{transform:translate3d(21vw,44vh,54px)}}.particle:nth-child(18){opacity:.48;background:#a1ccd1;width:7px;height:7px;animation:60s -9s infinite particle-animation-18;transform:translate3d(29vw,63vh,28px)}@keyframes particle-animation-19{to{transform:translate3d(82vw,41vh,63px)}}.particle:nth-child(19){opacity:.32;background:#0e5e6f;width:6px;height:6px;animation:60s -9.5s infinite particle-animation-19;transform:translate3d(8vw,33vh,9px)}@keyframes particle-animation-20{to{transform:translate3d(79vw,78vh,44px)}}.particle:nth-child(20){opacity:.25;background:#6d071a;width:7px;height:7px;animation:60s -10s infinite particle-animation-20;transform:translate3d(53vw,65vh,29px)}
