@import "https://googleapis.com";*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#f6f7fb;font-family:Montserrat,sans-serif;line-height:1.6}#root{width:100%}.app-container{min-height:100vh;padding:50px;transition:all .5s}@media (width<=900px){#intro-section h1{font-size:3.5rem}#intro-section h2{font-size:1.1rem}#intro-section p{font-size:1rem;line-height:1.9}}@media (width<=600px){#intro-section{margin-top:50px}#intro-section h1{letter-spacing:-2px;font-size:2.8rem}nav{gap:12px}nav a{width:fit-content}#contacts-cv{gap:12px}}.product-theme{box-shadow:inset 0 0 120px #ffd90087,inset 0 0 220px #ffb7001f}.software-theme{box-shadow:inset 0 0 120px #3b83f68f,inset 0 0 220px #2563eb1f}.slideshow{flex-direction:column;align-items:center;width:100%;display:flex}.slideshow img{border:1px solid #ddd;border-radius:12px;width:100%;max-width:500px;height:auto;display:block;box-shadow:0 8px 24px #0000001f}.controls{align-items:center;gap:1rem;margin-top:1rem;display:flex}.controls button{cursor:pointer;border:none;border-radius:50%;width:42px;height:42px;font-size:1.2rem;font-weight:700;transition:all .2s}.controls button:hover:not(:disabled){transform:translateY(-2px)}.controls span{text-align:center;min-width:60px;font-weight:600}.modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{max-width:90vw;max-height:90vh;position:relative}.modal-content img{object-fit:contain;max-width:100%;max-height:80vh}.close-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;font-size:24px;position:absolute;top:-40px;right:0}.slideshow{cursor:pointer;border-radius:8px;width:100%;max-width:800px;margin:0 auto;transition:transform .4s ease-out,box-shadow .4s ease-out;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.slideshow:hover{transform:scale(1.03);box-shadow:0 12px 24px #0003}.slideshow img{object-fit:cover;width:100%;height:auto;display:block}.controls{background:#0009;justify-content:center;align-items:center;gap:16px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.controls button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;transition:background .2s}.controls button:hover:not(:disabled){background:#fff6}.controls button:disabled{opacity:.3;cursor:not-allowed}.controls span{color:#fff;text-align:center;min-width:60px;font-size:14px;font-weight:500}.modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.modal-content img{object-fit:contain;border-radius:4px;max-width:100%;max-height:80vh}.close-button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:8px;font-size:24px;transition:opacity .2s;position:absolute;top:-40px;right:0}.close-button:hover{opacity:1}.modal-controls{justify-content:center;align-items:center;gap:24px;margin-top:20px;display:flex}.modal-controls span{color:#fff;text-align:center;min-width:80px;font-size:16px;font-weight:500}.nav-button{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;width:50px;height:50px;font-size:20px;transition:all .2s}.nav-button:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.nav-button:disabled{opacity:.3;cursor:not-allowed}.modal-overlay .nav-button.prev{position:fixed;top:50%;left:20px;transform:translateY(-50%)}.modal-overlay .nav-button.next{position:fixed;top:50%;right:20px;transform:translateY(-50%)}#loreal-container{flex-direction:column;gap:50px;display:flex}.expandable-content{opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;transform:translateY(-6px)}.expandable-content.open{opacity:1;pointer-events:auto;transform:translateY(0)}.section-content{will-change:max-height}.expandable-content{will-change:opacity, transform}.content-teaser{color:#333;margin-top:8px;font-size:1rem;line-height:1.9}.expandable-content{color:#333;line-height:1.9}@media (width<=1150px){.section-content{grid-template-columns:1fr;grid-template-areas:"top""slideshow""text";gap:50px}.left-display-section{width:100%;position:static}.top-display-section h3{font-size:3rem}}@media (width<=700px){.top-display-section h3{letter-spacing:-2px;font-size:2.3rem}.top-display-section h4{font-size:1.05rem}.right-display-section p{font-size:.95rem;line-height:1.85}.skills-container{gap:12px}.skills-box{padding:10px 14px;font-size:.85rem}}#intro-section{flex-direction:column;align-items:center;max-width:1800px;margin:20px auto 30px;padding:0 8%;display:flex}#intro-section h1{letter-spacing:-3px;margin-bottom:18px;font-size:3rem;line-height:1}#intro-section h2{color:#666;margin-bottom:15px;font-size:1.3rem;font-weight:500}#intro-paragraph{color:#333;text-align:center;max-width:1200px;font-size:1.05rem;line-height:2}#github-link{color:#111827;cursor:pointer;border-radius:12px;align-items:center;padding:11px 15px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}#github-link span{transition:transform .3s;display:inline-block}#github-link span:nth-child(4),#github-link span:nth-child(6){margin-right:.35rem}#github-link:hover span{animation:.6s forwards wave}#github-link:hover span:first-child{animation-delay:0s}#github-link:hover span:nth-child(2){animation-delay:50ms}#github-link:hover span:nth-child(3){animation-delay:.1s}#github-link:hover span:nth-child(4){animation-delay:.15s}#github-link:hover span:nth-child(5){animation-delay:.2s}#github-link:hover span:nth-child(6){animation-delay:.25s}#github-link:hover span:nth-child(7){animation-delay:.3s}#github-link:hover span:nth-child(8){animation-delay:.35s}#github-link:hover span:nth-child(9){animation-delay:.4s}#github-link:hover span:nth-child(10){animation-delay:.45s}#github-link:hover span:nth-child(11){animation-delay:.5s}#github-link:hover span:nth-child(12){animation-delay:.55s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#github-logo{width:18px;height:18px;margin-left:8px;transition:transform .3s;animation-delay:.3s}#github-link:hover #github-logo{animation:.6s .3s forwards wave}#github-logo{object-fit:contain;width:20px;height:20px}#profile-pic{object-fit:cover;border:2px solid #ddd;border-radius:50%;width:180px;height:180px;margin-bottom:20px;box-shadow:0 2px 8px #00000026}.email-button{cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;padding:11px 15px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.email-button:hover{transform:translateY(-3px)scale(1.05)}.email-wrapper{align-items:center;display:flex;position:relative}#copied-message{white-space:nowrap;margin-right:8px;font-size:.8rem;font-weight:500;animation:.4s forwards expandLeft;position:absolute;right:100%}@keyframes expandLeft{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.pulse-hint{animation:5s ease-in-out infinite bounce}@keyframes bounce{0%,84%{opacity:1;transform:translateY(0)}88%{opacity:.8;transform:translateY(-4px)}92%{opacity:1;transform:translateY(0)}96%{transform:translateY(-2px)}to{transform:translateY(0)}}#contacts-cv{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:0 8%;display:flex;position:relative}nav{flex-flow:column wrap;align-items:center;gap:18px;padding:0 8%;display:flex}nav div{gap:10px;display:flex}nav h2{align-items:center;margin:30px auto;font-size:2rem;display:flex}nav a{color:#111;background:#fff;border:1px solid #00000014;border-radius:999px;padding:12px 22px;font-weight:600;text-decoration:none;transition:all .25s;box-shadow:0 4px 12px #0000000d}nav a:hover{color:#fff;background:#111;transform:translateY(-2px)}.project-type-link{color:#111827;background:#f3f4f6;border-radius:12px;padding:12px 20px;font-weight:600;text-decoration:none;transition:all .3s}.project-type-link:hover{color:#fff;background:#111827;transform:translateY(-2px)}.section-container{background:#fff;border-radius:28px;width:90%;max-width:1400px;min-height:700px;margin:60px auto;padding:80px 3%;transition:max-height .45s;overflow:hidden;box-shadow:0 10px 30px #00000014,0 2px 8px #0000000a}.section-content.collapsed{max-height:600px;overflow:hidden}.section-content.expanded{max-height:2000px}.left-column{flex-direction:column;gap:16px;padding-right:10px;display:flex}.left-column img{object-fit:cover;object-position:center;width:200px;height:60px}.left-column h3{color:#111;letter-spacing:-1px;margin:0;font-size:2.2rem;line-height:1.1}.left-column h4{color:#666;margin:0;font-size:1.1rem;font-weight:500}.left-column h5{color:#333;flex-direction:column;gap:10px;font-size:.95rem;font-weight:500;line-height:1.6;display:flex}.left-column h5 a{color:#111;border-bottom:2px solid #111;width:fit-content;text-decoration:none;transition:opacity .2s}.left-column h5 a:hover{opacity:.6}#see-more-button{--pad-y:10px;--pad-x:14px;padding:var(--pad-y) var(--pad-x);letter-spacing:.2px;cursor:pointer;background:0 0;border:none;outline:none;font:600 14px/1.1 system-ui;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,color .18s,background-color .18s,box-shadow .18s;position:relative}.right-column{flex-direction:column;align-items:center;gap:24px;display:flex;position:sticky;top:40px}.right-column button{cursor:pointer;background:#111;border:none;border-radius:16px;padding:14px 22px;transition:all .2s}.right-column button:hover{background:#222;transform:translateY(-2px)}.right-column button a{color:#fff;font-weight:600;text-decoration:none}.pdf-container{border:2px solid #333;border-radius:8px;box-shadow:0 4px 8px #0000001a}.skills-container{flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.skills-container h3{margin:0 12px 0 0;font-size:1.5rem}.skills-box{color:#fff;background:linear-gradient(135deg,#c084fc 0%,#818cf8 100%);border-radius:10px;padding:10px;font-size:.95rem;font-weight:600}.project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-tags p{border-radius:9999px;margin:0;padding:.35rem .75rem;font-size:.875rem;font-weight:500}.achievement-tag{color:#1a1a1a;text-shadow:0 1px 1px #ffffff4d;background:linear-gradient(135deg,#f5d442 0%,#d4a017 50%,#f5d442 100%) 0 0/200% 200%;animation:2.5s ease-in-out infinite shimmer;box-shadow:0 2px 8px #d4a01766}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.date-tag{color:#374151;background-color:#e5e7eb}.collaborative-tag{color:#374151;background-color:#dbeafe}.section-content{grid-template-columns:1fr 1fr;align-items:start;gap:70px;display:grid}@media (width<=1100px){.section-content{flex-direction:column;gap:50px}.left-display-section,.right-display-section{width:100%}.right-display-section h3{font-size:2.4rem}}@media (width<=700px){.section-container{padding:60px 24px}.right-display-section h3{font-size:2rem}.right-display-section p{font-size:.95rem;line-height:1.8}}.loading-container{display:flex-start;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;margin-top:200px}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#6b7280;letter-spacing:.05em;font-size:1rem}.loading-text:after{content:"";animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}