@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap");:root{--color-primary:#1772d0;--color-primary-hover:#f09228;--color-text:#000;--color-text-muted:#333;--color-bg:#fff;--color-card-bg:#fafafa;--color-highlight:#ffffd0;--color-border:#555}html.dark{--color-primary:#6db3f2;--color-primary-hover:#f09228;--color-text:#e0e0e0;--color-text-muted:#aaa;--color-bg:#1a1a1a;--color-card-bg:#252525;--color-highlight:#3d3d00;--color-border:#666}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Lato,Verdana,Helvetica,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}a{color:var(--color-primary);text-decoration:none}a:focus,a:hover{color:var(--color-primary-hover)}strong{font-weight:700}.highlight{background-color:var(--color-highlight)}.dark-mode-toggle{position:fixed;top:20px;right:20px;width:40px;height:40px;border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100;opacity:.7}.dark-mode-toggle:hover{opacity:1;border-color:var(--color-primary)}.dark-mode-toggle-placeholder{position:fixed;top:20px;right:20px;width:40px;height:40px}.toggle-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:transform .3s ease}.toggle-icon.sun{color:#f59e0b}.toggle-icon.moon{color:var(--color-text-muted)}.dark-mode-toggle:hover .toggle-icon{transform:rotate(15deg)}.container{max-width:800px;margin:0 auto;padding:20px}.profile-section{display:table;width:100%;border-collapse:separate;border-spacing:0;margin-bottom:30px}.profile-row{display:table-row}.profile-info{width:60%}.profile-image-cell,.profile-info{display:table-cell;padding:2.5%;vertical-align:middle}.profile-image-cell{width:40%}.profile-name{font-size:32px;font-weight:400;text-align:center;margin-bottom:14px}.profile-bio{font-size:14px;margin-bottom:16px}.profile-links{text-align:center}.profile-links a{margin:0 4px}.link-separator{color:var(--color-text)}.profile-image-wrapper{position:relative;width:230px;height:230px;display:flex;align-items:center;justify-content:center}.profile-image{width:200px;height:200px;object-fit:cover;object-position:center 10%;z-index:1}.circular-text,.profile-image{border-radius:50%;position:absolute}.circular-text{width:230px;height:230px;z-index:2;pointer-events:auto;cursor:pointer}.circular-text span{font-size:11px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;transition:all .3s ease}.circular-text:hover span{color:#e91e63}.section{margin-bottom:40px}.section-title{font-size:22px;font-weight:400;margin-bottom:8px;display:inline}.section-description{font-size:14px;margin-bottom:20px;color:var(--color-text-muted)}.project-table{display:table;width:100%;border-collapse:separate;border-spacing:0}.project-row{display:table-row}.project-image-cell{display:table-cell;padding:2.5%;width:25%;vertical-align:top;min-width:120px;position:relative;text-align:center}.project-badge{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto 8px;padding:4px 12px;font-size:12px;font-weight:700;color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;text-align:center}.project-image{width:100%;height:auto;max-width:100%;border-radius:4px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.project-image.clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.project-content-cell{display:table-cell;padding:2.5%;width:75%;vertical-align:top}.project-title{font-size:15px;font-weight:700;display:block;margin:0 0 6px;padding:0;line-height:1.4}.project-title a{color:var(--color-primary)}.project-title a:hover{color:var(--color-primary-hover)}.project-authors,.project-venue{font-size:14px;margin-top:4px}.project-venue{color:var(--color-text-muted)}.project-links-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.link-btn{display:inline-block;padding:5px 14px;font-size:12px;font-weight:500;color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:4px;text-decoration:none;transition:all .15s ease}.link-btn:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.project-description{font-size:14px;margin-top:10px;line-height:1.6}.project-features{margin:10px 0 0 20px;padding:0;list-style-type:disc;color:var(--color-text-muted);font-size:.95em}.project-features li{margin-bottom:4px}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-image{max-width:90vw;max-height:85vh;width:auto;height:auto;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.3);object-fit:contain}.modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:8px;line-height:1}.modal-close:hover{color:#ccc}.gridscan-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0;transition:opacity .5s ease}.gridscan-wrapper.active{opacity:1}.gridscan-container{width:100%;height:100%}.floating-lines-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.3}html.dark .floating-lines-wrapper{opacity:.35}.floating-lines-container{width:100%;height:100%;position:absolute;top:0;left:0}.container{position:relative;z-index:1;background:transparent}.xp-button-container{text-align:center;margin:40px 0;position:relative;z-index:10}.xp-button{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;font-family:Lato,sans-serif;font-size:14px;font-weight:500;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.xp-button:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 2px 12px rgba(23,114,208,.15)}.xp-button:active{transform:scale(.98)}.xp-button.portal-active{animation:portalPulse .8s ease}@keyframes portalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(23,114,208,.4)}}.xp-button-icon-img{opacity:.8;transition:opacity .2s ease}.xp-button:hover .xp-button-icon-img{opacity:1}.portal-effect{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;background:radial-gradient(circle,rgba(0,120,215,.4) 0,transparent 70%);animation:portalExpand .8s ease-out forwards;pointer-events:none}@keyframes portalExpand{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.falling-icons-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;overflow:hidden}.falling-icon{position:absolute;font-size:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3))}.footer{text-align:center;font-size:12px;color:var(--color-text-muted);padding:20px 0;margin-top:40px}@media (max-width:640px){.profile-image-cell,.profile-info,.profile-row,.profile-section{display:block;width:100%}.profile-image-cell{text-align:center;margin-bottom:20px;display:flex;justify-content:center}.profile-image-wrapper{margin:0 auto}.profile-image{max-width:200px}.project-content-cell,.project-image-cell,.project-row,.project-table{display:block;width:100%}.project-image-cell{text-align:center;margin-bottom:10px}.project-image{max-width:200px}.image-modal-content{max-width:90%;max-height:80%}.dark-mode-toggle{top:10px;right:10px;width:36px;height:36px;font-size:16px}}