@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-color: #0f1724;--main-color: #3ba6ff;--main-strong: #1d7fd5;--text-color: #24313d;--second-text-color: #58697a;--white-color: #fff;--cover-color: linear-gradient(45deg, #2f95f5, #1d6fb0);--pages-color: linear-gradient(90deg, #f6f8fb, #e9eef3);--border: .125rem solid rgba(59, 166, 255, .9);--box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, .18)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:radial-gradient(circle at top,rgba(59,166,255,.14),transparent 28%),linear-gradient(180deg,#0b1320,#111b2b);color:var(--text-color);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;border:none;background:none}.scene{display:grid;place-items:center;min-height:100vh;padding:1.5rem;overflow:hidden}.wrapper{position:relative;width:66rem;height:45rem;padding:2rem;perspective:250rem;animation:show-animate 1.2s ease forwards}@keyframes show-animate{0%{opacity:0;transform:rotate(-8deg) scale(.98)}to{opacity:1;transform:rotate(0) scale(1)}}.cover{position:absolute;top:0;left:0;width:50%;height:100%;background:var(--cover-color);box-shadow:var(--box-shadow);border-top-left-radius:.8rem;border-bottom-left-radius:.8rem;transform-origin:right}.cover.cover-left{z-index:-1}.cover.cover-right{z-index:100;transition:transform .95s cubic-bezier(.645,.045,.355,1)}.cover.cover-right.turn{transform:rotateY(180deg)}.cover.cover-right.cover-hidden{z-index:-1;pointer-events:none}.book{position:relative;width:100%;height:100%;display:flex;perspective:250rem}.book .book-page{position:absolute;width:50%;height:100%;background:var(--pages-color);box-shadow:0 0 .6rem #0000001a;display:flex;padding:2rem}.book-page.page-left{box-shadow:-.6rem .6rem .6rem #0000001a}.profile-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;text-align:center}.avatar-circle{display:grid;place-items:center;width:10rem;height:10rem;border-radius:50%;border:.3rem solid var(--main-color);overflow:hidden;background:#dbeafe;color:var(--main-strong);font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700;letter-spacing:.08em}.avatar-circle img{width:100%;height:100%;object-fit:cover;object-position:center top}.profile-page h1,.title,.services-content h3,.skills-content h3,.info-title h3,.contact-card h3{font-family:Space Grotesk,sans-serif}.profile-page h1{font-size:2rem;line-height:1.08}.profile-page h3{color:var(--main-color);font-size:1.2rem;font-weight:700}.social-media{display:flex;gap:.45rem}.social-media a{display:inline-flex;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;border:var(--border);border-radius:50%;font-size:1.3rem;color:var(--main-color);transition:.25s ease}.social-media a:hover{background-color:var(--main-color);color:var(--white-color)}.profile-page p{font-size:1rem;line-height:1.7;max-width:28rem}.profile-meta{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:center;color:var(--second-text-color);font-size:.95rem}.btn-box{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-top:.35rem}.btn{display:inline-flex;justify-content:center;align-items:center;min-width:9.5rem;min-height:3rem;padding:.8rem 1.1rem;background:var(--main-color);border:var(--border);border-radius:.55rem;font-size:.98rem;color:var(--white-color);font-weight:700;transition:.25s ease;cursor:pointer}.ghost-btn{background:transparent;color:var(--main-color)}.btn:hover{transform:translateY(-1px);box-shadow:0 .8rem 1.8rem #3ba6ff2e}.ghost-btn:hover{background:var(--main-color);color:var(--white-color)}.book-page.page-right{position:absolute;right:0;transform-style:preserve-3d;transform-origin:left;transition:transform .95s cubic-bezier(.645,.045,.355,1)}.book-page.page-right.turn{transform:rotateY(-180deg)}.book-page .page-front,.book-page .page-back{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pages-color);padding:1.35rem 1.5rem 3rem;backface-visibility:hidden;overflow:hidden}.book-page .page-front{transform:rotateY(0) translateZ(1px)}.book-page .page-back{transform:rotateY(180deg) translateZ(1px)}.title{text-align:center;font-size:1.52rem;margin-bottom:.25rem}.summary-page{margin-top:1.2rem;padding-bottom:.8rem}.summary-text{font-size:.96rem;line-height:1.6}.summary-grid{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:1rem}.summary-card{padding:.8rem .9rem;border:var(--border);border-radius:.7rem;background:#ffffff6b}.summary-card span,.project-detail-item span{display:block;font-size:.85rem;color:var(--second-text-color)}.summary-card strong{display:block;margin-top:.25rem;font-size:.98rem;color:var(--text-color)}.summary-notes{margin-top:1rem;display:grid;gap:.55rem}.summary-notes p{font-size:.9rem;line-height:1.5}.workeduc-box{border-left:var(--border);margin-top:1.2rem;padding-bottom:.8rem}.workeduc-content{position:relative;padding-left:1.35rem;padding-bottom:.85rem}.workeduc-content:before{content:"";position:absolute;top:.2rem;left:-.57rem;width:1rem;height:1rem;border-radius:50%;background:var(--main-color)}.workeduc-content .year{display:inline-flex;align-items:center;gap:.35rem;color:var(--main-color);font-size:.9rem;font-weight:700}.workeduc-content h3{font-size:1rem;margin:.28rem 0}.workeduc-content p,.services-content p,.info-box p,.contact-card p{font-size:.9rem;line-height:1.5}.number-page{position:absolute;bottom:.8rem;left:50%;transform:translate(-50%);font-weight:700;color:var(--second-text-color);min-width:2rem;padding:.15rem .45rem;border-radius:999px;background:#ffffffb8;text-align:center;z-index:4}.nextprev-btn{position:absolute;bottom:.7rem;right:1.3rem;width:2.2rem;height:2.2rem;cursor:pointer;font-size:2rem;color:var(--second-text-color);display:inline-flex;justify-content:center;align-items:center;transition:.25s ease}.nextprev-btn:hover{color:var(--main-color)}.nextprev-btn.back{left:1.3rem}.services-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.7rem}.services-content,.skills-content .content span,.contact-card{border:var(--border);border-radius:.7rem;background:#ffffff6b}.services-content{padding:1rem .85rem 1.1rem;text-align:center;transition:.25s ease}.services-content:hover,.skills-content .content span:hover,.contact-card:hover{box-shadow:var(--box-shadow)}.services-content i{font-size:2rem;color:var(--main-color);margin-bottom:.4rem}.services-content h3{font-size:1rem;margin-bottom:.35rem}.skills-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.2rem}.skills-content h3{font-size:1rem;margin-bottom:.45rem}.skills-content .content{display:flex;flex-wrap:wrap;gap:.45rem}.skills-content .content span{display:inline-flex;justify-content:center;align-items:center;min-width:auto;min-height:2.35rem;padding:.45rem .7rem;font-weight:700;font-size:.82rem;color:var(--text-color)}.portfolio-box{margin-top:.95rem;padding-bottom:.8rem}.compact-experience{margin-top:1rem}.compact-info-box{margin:0 0 .75rem}.work-project-card,.own-project-card{padding:.7rem;border:var(--border);border-radius:.8rem;background:#ffffff61}.work-project-card+.work-project-card,.own-project-card+.own-project-card{margin-top:.55rem}.img-box{display:flex;width:100%;height:14.5rem;border-radius:.8rem;border:var(--border);overflow:hidden;background:linear-gradient(180deg,#dfefff,#b7d5ff)}.project-preview{padding:.9rem}.preview-window{width:100%;border-radius:.7rem;background:#102033;box-shadow:inset 0 0 0 1px #ffffff14;overflow:hidden}.preview-bar{display:flex;gap:.35rem;padding:.55rem .7rem;background:#ffffff14}.preview-bar span{width:.65rem;height:.65rem;border-radius:50%;background:#ffffff80}.preview-content{display:flex;height:calc(100% - 1.75rem);overflow:hidden}.preview-sidebar,.preview-card{border-radius:.65rem;background:linear-gradient(180deg,#3ba6ff8c,#3ba6ff2e)}.preview-main{display:grid;gap:.8rem}.preview-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.preview-card.large{min-height:5.4rem}.info-box{margin:1rem 0 1.2rem}.info-title{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.85rem}.info-title h3{font-size:1.1rem}.info-title a{display:inline-flex;align-items:center;gap:.2rem;color:var(--main-color);font-weight:700}.info-box p:nth-of-type(1){font-weight:800;margin-bottom:.15rem}.compact-btns{justify-content:center}.project-details-page,.own-projects-page{margin-top:.75rem}.project-details-list{display:grid;gap:.45rem;margin-top:.55rem}.project-detail-item{display:flex;gap:.55rem;align-items:flex-start;padding:.55rem .7rem;border:var(--border);border-radius:.7rem;background:#ffffff6b}.project-detail-item i{color:var(--main-color);font-size:1rem;margin-top:.08rem}.project-detail-item span{color:var(--text-color);font-size:.82rem;line-height:1.38}.small-preview{height:8.6rem;margin-bottom:.6rem}.own-project-note{margin-top:.55rem;font-size:.8rem;line-height:1.38;color:var(--second-text-color)}.compact-contact{margin-top:.65rem}.compact-contact .contact-card{padding:.8rem}.compact-contact .contact-card h3{font-size:1rem;margin-bottom:.35rem}.compact-contact .contact-link{margin-top:.45rem;font-size:.9rem}.simple-contact{margin-top:1.8rem}.contact-card{padding:1.15rem;text-align:left}.contact-card h3{font-size:1.2rem;margin-bottom:.6rem}.contact-link{display:block;color:var(--main-color);font-weight:800;margin-top:.8rem}.contact-note{margin-top:1rem;color:var(--second-text-color)}.back-profile{position:absolute;bottom:1.05rem;right:1.8rem;width:2.2rem;height:2.2rem;border:var(--border);border-radius:.45rem;font-size:1.1rem;color:var(--main-color);display:inline-flex;justify-content:center;align-items:center;transition:.25s ease;cursor:pointer}.back-profile:hover{background:var(--main-color);color:var(--white-color)}.back-profile p{position:absolute;top:-1.5rem;left:50%;transform:translate(-50%);font-size:.85rem;opacity:0;transition:.25s ease;color:var(--main-color);white-space:nowrap}.back-profile:hover p{opacity:1}@media(max-width:1100px){.scene{overflow:auto;align-items:start}.wrapper{width:100%;height:auto;min-height:100vh;perspective:none;padding:0}.cover{display:none}.book{display:grid;gap:1rem;perspective:none}.book .book-page,.book-page.page-right,.book-page .page-front,.book-page .page-back{position:relative;width:100%;height:auto;transform:none!important;backface-visibility:visible}.book .book-page{min-height:auto;padding:0}.book-page.page-left,.book-page .page-front,.book-page .page-back{border-radius:1rem;box-shadow:var(--box-shadow)}.page-back{margin-top:1rem}.nextprev-btn,.number-page,.back-profile{display:none}.services-box,.skills-box{grid-template-columns:1fr}}.project-card-header{margin-bottom:.3rem}.project-card-header h3{font-size:.95rem;font-family:Space Grotesk,sans-serif;line-height:1.25}.project-company{display:block;font-size:.78rem;color:var(--second-text-color);margin-top:.1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.28rem;margin:.45rem 0 .5rem}.tech-tag{background:#3ba6ff14;border:.5px solid rgba(59,166,255,.3);border-radius:.25rem;padding:.08rem .38rem;font-size:.7rem;color:var(--main-color);font-weight:600;white-space:nowrap}.project-leaving-note{font-size:.75rem;color:var(--second-text-color);font-style:italic;margin-top:.45rem;padding-top:.4rem;border-top:1px solid rgba(59,166,255,.12);line-height:1.4}.project-leaving-note strong{font-style:normal;color:var(--text-color)}.skills-page{margin-top:1.2rem;display:grid;gap:.75rem}.skill-row{display:grid;grid-template-columns:6.5rem 1fr;gap:.6rem;align-items:start}.skill-cat{font-size:.78rem;font-weight:700;color:var(--main-color);font-family:Space Grotesk,sans-serif;padding-top:.05rem}.skill-val{font-size:.82rem;line-height:1.5;color:var(--text-color)}.skill-lang-row{margin-top:.4rem;padding-top:.65rem;border-top:1px solid rgba(59,166,255,.15)}.lang-switch{position:fixed;top:1.2rem;right:1.4rem;z-index:9999;display:flex;align-items:center;gap:.3rem;background:#0f1724bf;border:.125rem solid rgba(59,166,255,.35);border-radius:2rem;padding:.35rem .85rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.06em;color:#ffffff73}.lang-switch:hover{border-color:#3ba6ffb3}.lang-switch h2{font-size:1.5rem;font-weight:700;line-height:1;margin:0}.lang-active{color:#e03e3e}.lang-divider{color:#fff3}@media(max-width:720px){.scene{padding:1rem}.profile-page,.book-page .page-front,.book-page .page-back{padding:1.25rem}.profile-page h1{font-size:1.55rem}.profile-meta,.btn-box,.info-title{flex-direction:column;align-items:center}.preview-content,.preview-row{grid-template-columns:1fr}}html{color-scheme:dark}body{min-width:320px}#root{min-height:100vh}