*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0015;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}.card-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.card{cursor:default;color:#e0d8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f051eeb;border:1px solid #6450b44d;border-radius:16px;width:min(1200px,80vw);min-width:300px;max-width:min(1200px,80vw);max-height:85vh;padding:32px;animation:.3s slideIn;position:relative;overflow-y:auto;box-shadow:0 0 40px #6450c833}.card::-webkit-scrollbar{width:6px}.card::-webkit-scrollbar-track{background:#6450b41a;border-radius:3px}.card::-webkit-scrollbar-thumb{background:#6450b466;border-radius:3px}.card::-webkit-scrollbar-thumb:hover{background:#6450b499}.card-close{float:right;z-index:10;color:#9a8abf;cursor:pointer;background:0 0;border:none;margin-top:-4px;margin-right:-8px;padding:4px 8px;font-size:28px;line-height:1;transition:color .2s;position:sticky;top:0}.card-close:hover{color:#fff}.card h2{color:#fff;margin:0 0 8px;font-size:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=670px){.card:has(.card-sun){border:none;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:20px 16px}.card:has(.card-sun)>.card-close{top:8px;right:12px}}.card-photo{object-fit:cover;border:3px solid #f7df1e66;border-radius:50%;width:140px;height:140px;box-shadow:0 0 20px #f7df1e33}.card-sun-header{grid-template-columns:auto 1fr;align-items:flex-start;gap:28px;margin-bottom:8px;display:grid}.card-sun-info{flex-direction:column;display:flex}.card-sun-info h2{color:#fff;margin:0 0 4px;font-size:32px}.card-job{color:#c0b0e0;margin-bottom:16px;font-size:18px}.card-contacts{flex-wrap:wrap;gap:12px;display:flex}.card-contacts a{color:#a090d0;border:1px solid #6450b466;border-radius:8px;padding:6px 14px;font-size:16px;text-decoration:none;transition:all .2s}.card-contacts a:hover{color:#fff;background:#6450b426;border-color:#9678dcb3}.card-section{background:#6450b414;border-radius:12px;margin:20px 0;padding:16px}.card-section-title{color:#f7df1e;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:16px;font-weight:600}.card-about{color:#c8d6e5;margin:0;font-size:18px;line-height:1.6}.card-about p+p{margin-top:12px}.education-item{flex-direction:column;gap:6px;display:flex}.education-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.education-level{color:#fff;font-size:16px;font-weight:500}.education-year{color:#9a8abf;font-size:16px}.education-institution{color:#c0b0e0;font-size:16px;font-weight:500}.education-faculty{color:#a090d0;font-size:16px}.education-speciality{color:#9a8abf;font-size:16px;font-style:italic}.experience-item{border-top:1px solid #6450b433;padding:16px 0}.experience-item:first-child{border-top:none;padding-top:0}.experience-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.experience-header h3{color:#fff;margin:0;font-size:18px}.experience-company{color:#f7df1e;white-space:nowrap;font-size:16px;font-weight:500}.experience-meta{color:#9a8abf;gap:8px;margin-bottom:12px;font-size:16px;display:flex}.experience-project{background:#6450b41a;border-radius:8px;margin-bottom:12px;padding:12px}.experience-project strong{color:#c0b0e0;font-size:16px}.project-description{color:#c8d6e5;margin:6px 0 8px;font-size:16px;line-height:1.5}.project-tech{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{color:#f7df1e;background:#f7df1e26;border-radius:4px;padding:3px 8px;font-size:16px;font-weight:500}.experience-achievements{color:#c8d6e5;margin:0;padding-left:18px;font-size:16px;line-height:1.6}.experience-achievements li{margin-bottom:6px}@media (width<=600px){.card-sun-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.card-sun-info{align-items:center}.card-sun-info h2{font-size:24px}.card-job{margin-bottom:12px;font-size:16px}.card-contacts{justify-content:center}.card-contacts a{padding:6px 12px;font-size:13px}}.card-tech-dot{border-radius:50%;width:48px;height:48px;margin-bottom:16px}.card-proficiency{margin:16px 0}.card-proficiency-label{color:#9a8abf;margin-bottom:6px;font-size:16px}.card-proficiency-bar{background:#6450b426;border-radius:3px;height:6px;overflow:hidden}.card-proficiency-fill{border-radius:3px;height:100%;transition:width .5s}.card-description{color:#c8d6e5;margin:16px 0 0;font-size:16px;line-height:1.6}