:root{--primary: #f0f0f0;--secondary: #ffffff;--accent: #28d979;--highlight: #ddf163;--attention: #000000;--text: #000000;--dark-gray: #5c5c5c;--shadow: rgba(0, 0, 0, .1);--background: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(14px,1.5vw,18px)}h1{font-size:clamp(1.8rem,3vw,2.4rem)}h2{font-size:clamp(1.4rem,2.5vw,1.8rem)}h3{font-size:clamp(1.2rem,2vw,1.6rem)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background-color:var(--background);line-height:1.6}section h3{font-size:1.6rem;color:var(--text)}.resume-container{max-width:1200px;margin:0 auto;background:var(--background);padding:30px;box-shadow:0 5px 15px var(--shadow);border-radius:8px;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.column-avatar{grid-area:avatar}.column-header{grid-area:header}.column-languages{grid-area:languages}.column-experience{grid-area:experience}.column-tools{grid-area:tools}.column-education{grid-area:education}.column-interests{grid-area:interests}.column-contacts{grid-area:contacts}.resume-container{grid-template-areas:"avatar header" "languages languages" "experience experience" "tools tools" "education education" "interests interests" "contacts contacts"}@media (min-width: 850px){.resume-container{grid-template-areas:"avatar header header" "languages experience experience" "tools experience experience" "education education interests" "contacts contacts contacts"}}@media (min-width: 1024px){.resume-container{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"avatar header languages languages" "experience experience experience tools" "education education interests interests" "education education contacts contacts"}}.column-header,.column-languages,.column-experience,.column-tools,.column-education,.column-interests{background-color:var(--primary);border-radius:12px;padding:20px;transition:all .3s ease}.download-btn{grid-column:1 / -1;grid-row:auto;margin-top:20px}.column-avatar{display:flex;justify-content:center;align-items:flex-start}.column-avatar img{width:100%;max-width:200px;height:auto;border-radius:12px;box-shadow:0 3px 10px var(--shadow)}@media (max-width: 767px){.column-avatar img{max-width:150px}}.column-header{display:flex;flex-direction:column;justify-content:center}.column-header .editable[data-id=greetings]{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:10px}.column-header h1{font-size:clamp(1.8rem,5vw,1.6rem);color:var(--text);line-height:1.2}.column-header h2{font-size:clamp(1.2rem,3vw,1.4rem);color:var(--dark-gray);font-weight:400}.languages{display:flex;flex-direction:column;justify-content:space-around}.languages ul{list-style:none}.languages li{font-size:1.2rem;font-weight:600;position:relative}.languages li:after{content:"";position:absolute;top:45%;left:30%;height:11px;background:var(--accent);border-radius:5px}.languages li:nth-child(1):after{width:60%}.languages li:nth-child(2):after{width:60%}.languages li:nth-child(3):after{width:30%}.experience{display:flex;flex-direction:column;gap:10px}.job{background-color:var(--background);border-radius:10px;padding:8px;margin-bottom:10px;display:grid;grid-template-rows:.5fr 1fr;grid-template-columns:.5fr 1fr}.job.most-recent{position:relative;background-color:var(--accent);color:var(--secondary)}.job.most-recent:after{content:"most recent";position:absolute;right:8px;top:8px;color:var(--highlight);font-size:1rem;background-color:#7e731266;border-radius:59px;padding:3px 12px;text-align:center;line-height:1.2;white-space:nowrap}.job-date{grid-row:1;grid-column:1;font-size:1rem;font-weight:400}.job-company-info{grid-row:2;grid-column:1;display:flex;flex-direction:column;justify-content:flex-start}.job-title{font-weight:500;font-size:1.1rem}.job-company{font-size:1rem;font-weight:300}.job-description{font-size:1rem;grid-row:2;grid-column:2}.tools>div{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:var(--secondary);border-radius:6px;padding:16px 4px;width:80%;margin:30px auto 20px;position:relative}.tools>div>div:first-child{position:absolute;top:-.9rem;border-radius:59px;padding:2px 6px;background-color:var(--attention);color:var(--secondary);font-size:.9rem;white-space:nowrap}.tools>div>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:10px}.tools img{width:40px;height:40px;object-fit:contain;transition:transform .3s ease}.tools img:hover{transform:scale(1.1)}.courses{display:grid;grid-template-columns:1fr 1fr;gap:16px}.courses>div{display:flex;flex-direction:column;justify-content:space-between;gap:8px;border-radius:10px;padding:8px;background-color:var(--secondary);color:var(--text)}.year{font-weight:400}.title{font-weight:600;font-size:1.1rem}.tags{display:flex;flex-wrap:wrap}.tags span{border-radius:20px;font-size:.85rem;color:var(--accent)}.schoolName{font-weight:400}.courses .favorite{background-color:var(--accent);color:var(--secondary);position:relative}.favorite:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='11'%20height='11'%20viewBox='0%200%2011%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.75%200.807373C1.99375%200.807373%201.32%201.12388%200.81125%201.61929C0.31625%202.1147%200%202.78901%200%203.55965C0%204.31653%200.31625%204.99083%200.81125%205.5L5.5%2010.1926L10.1887%205.5C10.6838%205.0046%2011%204.33029%2011%203.55965C11%202.80277%2010.6838%202.12847%2010.1887%201.61929C9.69375%201.12388%209.02%200.807373%208.25%200.807373C7.49375%200.807373%206.82%201.12388%206.31125%201.61929C5.81625%202.1147%205.5%202.78901%205.5%203.55965C5.5%202.80277%205.18375%202.12847%204.68875%201.61929C4.19375%201.12388%203.52%200.807373%202.75%200.807373Z'%20fill='%23F6ED1E'/%3e%3c/svg%3e");background-size:cover;position:absolute;top:15px;right:8px;width:1.1rem;height:1.1rem}.favorite span{color:var(--secondary)}.interests{display:flex;flex-direction:column;gap:16px}.interests div{display:flex;flex-wrap:wrap;gap:10px}.interests span{background:var(--secondary);color:var(--text);padding:6px 15px;border-radius:20px;font-size:.9rem;transition:all .3s ease}.contacts{display:flex;flex-direction:column;justify-content:space-around;padding:12px;background-color:var(--text);border-radius:12px;color:var(--attention);height:100%}.contacts h3{color:var(--secondary);font-weight:500}.email a{color:var(--secondary);font-size:1.2rem;text-decoration:none;font-weight:400;transition:all .3s ease}.email a:hover{color:var(--highlight);text-decoration:underline}.download-btn{background:var(--accent);color:var(--text);border:none;padding:15px 30px;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;display:block;margin:20px auto 0;width:fit-content;box-shadow:0 4px 0 var(--attention)}.download-btn:hover{color:var(--secondary);background:var(--attention);transform:translateY(4px);box-shadow:0 0 var(--attention)}.editable{transition:all .3s ease;padding:3px 5px;border-radius:4px}.editable:hover{background:#028a5a1a;outline:2px dashed var(--secondary);cursor:text}.editable:focus{background:#f1c40f33;outline:2px solid var(--highlight)}.content-updated{animation:highlightUpdate .8s ease}.editable:hover{outline:2px dashed var(--accent);cursor:text}.editable:focus{outline:2px solid var(--highlight);background-color:#f1c40f1a}.most-recent{transition:all .3s ease;animation:pulse-highlight 1.5s ease}.favorite{transition:all .3s ease;animation:pulse-favorite 1.5s ease}@keyframes highlightUpdate{0%{background-color:#f1c40f4d;transform:scale(1.02)}to{background-color:transparent;transform:scale(1)}}@keyframes pulse-highlight{0%{box-shadow:0 0 #28d979b3}70%{box-shadow:0 0 0 10px #28d97900}to{box-shadow:0 0 #28d97900}}@keyframes pulse-favorite{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){.resume-container{grid-template-columns:1fr;padding:20px}.resume-container>*{grid-column:1!important;grid-row:auto!important}.resume-header h1{font-size:2rem}.resume-header h2{font-size:1.5rem}.tools>div>div:last-child{gap:10px}.tools img{width:35px;height:35px}.courses{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.languages li:after{background:transparent}}@media (max-width: 450px){.languages li:after{background:transparent}}.pdf-mode{all:initial!important;font-family:Arial,sans-serif!important;page-break-before:avoid!important;page-break-after:avoid!important;page-break-inside:avoid!important}.pdf-mode .resume-container{width:100%!important;max-width:100%!important;padding:15mm!important;margin:0!important;display:block!important;box-shadow:none!important;background:#fff!important;font-size:11pt!important;line-height:1.4!important}.pdf-mode [class^=column-]{width:100%!important;display:block!important;float:none!important;margin:.5mm!important;padding:0!important;page-break-inside:avoid!important;background:transparent!important;border:1px solid #eee!important;border-radius:0!important}.pdf-mode .column-header,.pdf-mode .column-languages,.pdf-mode .column-experience{padding:1mm!important}.pdf-mode .column-tools{margin:40mm 0 0!important}.pdf-mode .column-education{margin:110mm 0 0!important;padding:5mm!important}.pdf-mode h1{font-size:18pt!important;margin:0 0 3mm!important;color:#000!important}.pdf-mode h2{font-size:14pt!important;margin:0 0 2mm!important;color:#333!important}.pdf-mode h3{font-size:12pt!important;margin:0 0 2mm!important;color:#555!important;border-bottom:1px solid #ddd!important;padding-bottom:1mm!important}.pdf-mode .job{display:block!important;margin:0 0 5mm!important;padding:0 0 0 3mm!important;border-left:3px solid #28d979!important}ы.pdf-mode .courses{display:block!important}.pdf-mode .courses>div{display:block!important;margin:0 0 5mm!important;padding:0!important}.pdf-mode .interests span{display:inline-block;margin:0 2mm 2mm 0!important;padding:1mm 2mm!important;background:#f5f5f5!important}.pdf-mode .contacts{text-align:center!important;background:#000!important}.pdf-mode .download-btn,.pdf-mode .editable:hover,.pdf-mode .editable:focus{display:none!important}.pdf-mode .editable{margin:.4mm!important;padding:.4mm!important}
