*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background-color:#a999d4;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.hidden{display:none!important}.main-container{width:100vw;height:100vh;display:flex;position:relative}.left-side{flex:1;padding:40px;position:relative}.top-left-profile{opacity:0;z-index:10;align-items:center;gap:15px;margin-bottom:0;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:40px;left:40px;transform:translate(-50px,50px)scale(.3)}.top-left-profile.visible{opacity:1;transform:translate(0)scale(1)}.cover-content{opacity:1;justify-content:center;align-items:center;height:100%;transition:opacity .5s;display:flex}.cover-content.fade-out{opacity:0}.cover-profile-section{flex-direction:column;align-items:center;gap:18px;display:flex}.cover-profile-img{object-fit:cover;z-index:10;background-color:#fff;border-radius:50%;width:220px;height:220px;transition:all 1.2s cubic-bezier(.4,0,.2,1);position:relative}.cover-name{color:#000;text-align:center;font-size:32px;font-weight:700}.cover-email{color:#000;text-align:center;font-size:16px;transition:opacity .5s}.right-side{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}.language-selector{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #0000000d;border-radius:20px;gap:.5rem;padding:.5rem .8rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;display:flex;position:fixed;top:2rem;right:2rem}.lang-link{color:var(--text-secondary);text-decoration:none;transition:color .2s}.lang-link:hover{color:var(--text-primary)}.lang-link.active{color:var(--text-primary);font-weight:700}.lang-separator{color:var(--text-secondary);opacity:.5}.menu-box{color:#8f89c4;cursor:pointer;background-color:#000;border-radius:10px;flex-direction:column;justify-content:center;width:100%;max-width:560px;min-height:80px;padding:22px 35px;transition:transform .3s,box-shadow .3s;display:flex}.menu-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.box-header{justify-content:space-between;align-items:center;display:flex}.box-title{font-size:22px;font-weight:600}.toggle-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px}.toggle-switch-track{background-color:#8f89c44d;border-radius:12px;width:100%;height:100%;transition:background-color .3s;position:relative}.toggle-switch-knob{background-color:#8f89c4;border-radius:50%;width:18px;height:18px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.expanded-philosophy-box.expanded .toggle-switch-track,.framework-box.expanded .toggle-switch-track,.projects-box.expanded .toggle-switch-track{background-color:#8f89c480;transition:background-color .3s}.expanded-philosophy-box.expanded .toggle-switch-knob,.framework-box.expanded .toggle-switch-knob,.projects-box.expanded .toggle-switch-knob{transform:translate(20px)}.philosophy-content-left{opacity:0;flex-direction:column;justify-content:center;height:100%;transition:opacity .5s;display:flex}.philosophy-content-left.visible{opacity:1}.framework-content-left{opacity:0;flex-direction:column;justify-content:center;height:100%;transition:opacity .5s;display:flex}.framework-content-left.visible{opacity:1}.framework-diagram{opacity:0;justify-content:center;align-items:center;margin-top:0;margin-bottom:0;padding-left:0;transition:opacity .5s;display:flex}.framework-diagram.visible{opacity:1}.framework-image-wrapper{width:100%;max-width:500px;margin:0 auto;position:relative;overflow:hidden}.framework-image{object-fit:contain;max-width:100%;height:auto;max-height:60vh;display:block}.framework-reveal-overlay{z-index:1;background-color:#a999d4;transition:transform 1.5s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translateY(0)}.framework-diagram.visible .framework-reveal-overlay{transition-delay:.5s;transform:translateY(100%)}.small-profile-img{object-fit:cover;background-color:#fff;border-radius:50%;width:60px;height:60px}.name-with-icon{align-items:center;gap:12px;display:flex}.small-name{color:#000;font-size:20px;font-weight:700}.email-icon-link,.linkedin-icon-link{color:#000;align-items:center;text-decoration:none;transition:opacity .3s;display:flex}.email-icon-link:hover,.linkedin-icon-link:hover{opacity:.7}.email-icon,.linkedin-icon{width:20px;height:20px}.evolution-diagram{opacity:0;justify-content:flex-start;align-items:center;margin-top:0;margin-bottom:0;padding-left:40px;transition:opacity 1s cubic-bezier(.4,0,.2,1) .3s,transform 1s cubic-bezier(.4,0,.2,1) .3s;display:flex;transform:translate(-50px)}.evolution-diagram.visible{opacity:1;transform:translate(0)}.evolution-wrapper{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.evolution-image-container{width:100%;position:relative}.evolution-image{max-width:100%;height:auto;display:block}.evolution-part{width:33.33%;position:absolute;top:0;bottom:0;overflow:hidden}.evolution-part.part-1{left:0}.evolution-part.part-2{left:33.33%}.evolution-part.part-3{left:66.66%}.part-overlay{background-color:#a999d4;transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(0)}.part-1.visible .part-overlay{transition-delay:.3s;transform:translate(100%)}.part-2.visible .part-overlay{transition-delay:.6s;transform:translate(100%)}.part-3.visible .part-overlay{transition-delay:.9s;transform:translate(100%)}.evolution-labels{justify-content:flex-start;align-items:center;gap:0;width:100%;display:flex;position:relative}.evolution-label{color:#000;text-align:center;opacity:0;font-size:16px;font-weight:600;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translate(-20px)}.evolution-label.label-1{flex:0 0 33.33%}.evolution-label.label-1.visible{opacity:1;transition-delay:.3s;transform:translate(0)}.evolution-label.label-2{flex:0 0 33.33%}.evolution-label.label-2.visible{opacity:1;transition-delay:.6s;transform:translate(0)}.evolution-label.label-3{flex:0 0 33.33%;margin-left:2%}.evolution-label.label-3.visible{opacity:1;transition-delay:.9s;transform:translate(0)}.expanded-philosophy-box{color:#8f89c4;cursor:pointer;background-color:#000;border-radius:10px;width:100%;max-width:560px;padding:22px 35px;transition:transform .3s,box-shadow .3s;overflow:hidden}.expanded-philosophy-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.expanded-philosophy-box .box-header{margin-bottom:0;transition:margin-bottom .3s}.expanded-philosophy-box.expanded .box-header{margin-bottom:18px}.philosophy-content{color:#8f89c4;opacity:0;max-height:0;font-size:15px;line-height:1.75;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.expanded-philosophy-box.expanded .philosophy-content{opacity:1;max-height:500px;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s .15s}.philosophy-content p{margin:0 0 12px}.philosophy-content p:last-child{margin-bottom:0}.framework-box-content{color:#8f89c4;opacity:0;max-height:0;margin-top:0;font-size:15px;line-height:1.75;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.framework-box.expanded .framework-box-content{opacity:1;max-height:500px;margin-top:18px;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s .15s}.projects-content-left{opacity:0;flex-direction:column;justify-content:center;height:100%;padding-top:80px;transition:opacity .5s;display:flex}.projects-content-left.visible{opacity:1}.projects-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3,1fr);gap:16px 14px;max-width:1000px;margin:0 auto;padding:0 40px;display:grid}.project-item{flex-direction:column;gap:8px;display:flex}.project-card{cursor:pointer;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:140px;max-height:170px;padding:12px;transition:transform .3s,box-shadow .3s;display:flex}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.genkle-card{background-color:#ff6b35}.trachemy-card{background-color:#ffd23f}.ftja-card{background-color:#4ecdc4}.cretok-card{background-color:#ffd23f}.places-card{background-color:#ff4757}.tsf-card{background-color:#7c3aed}.project-icon-wrapper{background-color:#0000;border-radius:10px;justify-content:center;align-items:center;width:70px;height:70px;padding:6px;display:flex}.project-icon{object-fit:contain;width:100%;height:100%}.project-title{color:#000;text-align:center;margin:0;font-size:16px;font-weight:700}.project-description{color:#000;text-align:center;margin:0;font-size:11px;line-height:1.3}.project-tags{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:0;display:flex}.tag{color:#000;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:600}.genkle-tags .tag{background-color:#ff6b35}.trachemy-tags .tag{background-color:#ffd23f}.ftja-tags .tag{background-color:#4ecdc4}.cretok-tags .tag{background-color:#ffd23f}.places-tags .tag{background-color:#ff4757}.tsf-tags .tag{background-color:#7c3aed}.projects-box-content{color:#8f89c4;opacity:0;max-height:0;margin-top:0;font-size:15px;line-height:1.75;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.projects-box.expanded .projects-box-content{opacity:1;max-height:800px;margin-top:18px;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s .15s}.projects-list{margin:0;padding-left:20px;list-style:outside}.projects-list li{margin-bottom:12px;padding-left:0}.projects-list li:last-child{margin-bottom:0}@media (max-width:768px){.main-container{flex-direction:column}.cover-profile-img{width:150px;height:150px}.cover-name{font-size:28px}.evolution-diagram{margin-top:40px;padding-left:20px}.evolution-image{max-width:90%}.menu-box,.expanded-philosophy-box{max-width:100%}.projects-grid{grid-template-rows:auto;grid-template-columns:1fr;padding:0 20px}.projects-content-left{padding-top:60px}}