:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #000000;--bg-primary: #ffffff;--text-primary: #000000;--text-secondary: #000000;--text-light: #000000;--border-color: #000000}*{cursor:none!important}body{font-family:Arial,Helvetica,sans-serif;line-height:1.2;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;font-size:16px;cursor:none!important}.custom-cursor{position:fixed;width:64px;height:64px;pointer-events:none;z-index:9999;background-image:url(/cursor.png);background-size:contain;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-text{font-size:14px;font-weight:400;color:var(--text-primary);text-transform:lowercase;letter-spacing:.1em}.app{min-height:100vh;position:relative;background:var(--bg-primary)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-primary);padding:2rem;display:flex;justify-content:space-between;align-items:flex-start}.header-left,.header-right{display:flex;flex-direction:column;gap:.25rem}.header-text{font-size:18px;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;line-height:1.2;cursor:pointer;transition:opacity .2s ease}.header-text:hover{opacity:.7}.header-text a{color:var(--text-primary);text-decoration:none;transition:opacity .2s ease}.header-text a:hover{opacity:.7}.header-subtext{font-size:12px;font-weight:400;color:var(--text-primary);letter-spacing:.1em;line-height:1.2}.main-content{margin-top:6rem;padding:0;min-height:calc(100vh - 6rem);width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.footer-section{margin-top:2rem;text-align:center;padding:1rem}.footer-text{font-size:14px;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;line-height:1.2;opacity:.8;margin-bottom:0}.footer-links{display:none}.quadrant-grid{width:100vw;height:calc(100vh - 8rem);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;flex-shrink:0}.quadrant{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.quadrant:hover{animation:strobe .1s linear infinite alternate}@keyframes strobe{0%{background:var(--bg-primary)}to{background:var(--text-primary)}}.hover-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.shape{position:absolute;opacity:0;transition:opacity .1s ease;z-index:1}.quadrant:hover .shape{opacity:1}.quadrant:hover .shape{background:var(--bg-primary)}.quadrant:hover .shape:before{background:var(--bg-primary)}.computer{width:80px;height:50px;border:4px solid;border-radius:4px;top:10%;left:15%;animation:chaos-1 .15s linear infinite alternate}.computer:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:2px;background:currentColor}.computer:after{content:"";position:absolute;bottom:-12px;left:30px;right:30px;height:8px;border:2px solid}.file-cabinet{width:50px;height:70px;border:4px solid;border-radius:4px;top:20%;right:20%;animation:chaos-2 .2s linear infinite alternate}.file-cabinet:before{content:"";position:absolute;top:15px;left:8px;right:8px;height:2px;background:currentColor}.file-cabinet:after{content:"";position:absolute;top:35px;left:8px;right:8px;height:2px;background:currentColor}.document{width:60px;height:75px;border:4px solid;top:30%;left:70%;animation:chaos-3 .12s linear infinite alternate}.document:before{content:"";position:absolute;top:12px;left:8px;right:8px;height:2px;background:currentColor}.document:after{content:"";position:absolute;top:24px;left:8px;right:12px;height:2px;background:currentColor}.server{width:70px;height:60px;border:4px solid;border-radius:4px;top:60%;right:15%;animation:chaos-4 .18s linear infinite alternate}.server:before{content:"";position:absolute;top:8px;left:8px;width:8px;height:8px;border:2px solid;border-radius:50%}.server:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border:2px solid;border-radius:50%}.code-window{width:90px;height:60px;border:4px solid;border-radius:8px;bottom:25%;left:10%;animation:chaos-5 .16s linear infinite alternate}.code-window:before{content:"{ }";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700}.database{width:60px;height:40px;border:4px solid;border-radius:30px;bottom:15%;right:30%;animation:chaos-6 .14s linear infinite alternate}.database:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;border:4px solid;border-radius:30px;border-bottom:none}.spreadsheet{width:80px;height:50px;border:4px solid;top:45%;left:25%;animation:chaos-7 .11s linear infinite alternate}.spreadsheet:before{content:"";position:absolute;top:15px;left:0;right:0;height:2px;background:currentColor}.spreadsheet:after{content:"";position:absolute;top:0;bottom:0;left:25px;width:2px;background:currentColor}.terminal{width:70px;height:50px;border:4px solid;border-radius:4px;bottom:40%;right:45%;animation:chaos-8 .13s linear infinite alternate}.terminal:before{content:">";position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:20px;font-weight:700}.terminal:after{content:"";position:absolute;top:50%;left:25px;transform:translateY(-50%);width:20px;height:2px;background:currentColor}.code{width:80px;height:50px;top:10%;left:15%;animation:chaos-1 .15s linear infinite alternate}.code:before{content:"<";position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:30px;font-weight:700}.code:after{content:"/>";position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:30px;font-weight:700}.website{width:70px;height:50px;border:4px solid;border-radius:8px;top:20%;right:20%;animation:chaos-2 .2s linear infinite alternate}.website:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:2px;background:currentColor}.mobile{width:40px;height:70px;border:4px solid;border-radius:20px;top:30%;left:70%;animation:chaos-3 .12s linear infinite alternate}.mobile:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:20px;border:2px solid;border-radius:4px}.database{width:60px;height:40px;border:4px solid;border-radius:20px;top:60%;right:15%;animation:chaos-4 .18s linear infinite alternate}.database:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:2px;background:currentColor}.api{width:80px;height:30px;border:4px solid;bottom:25%;left:10%;animation:chaos-5 .16s linear infinite alternate}.api:before{content:"API";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700}.server{width:70px;height:50px;border:4px solid;bottom:15%;right:30%;animation:chaos-6 .14s linear infinite alternate}.server:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:2px;background:currentColor}.design{width:60px;height:60px;border:4px solid;border-radius:50%;top:45%;left:25%;animation:chaos-7 .11s linear infinite alternate}.design:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid;border-radius:50%}.deploy{width:80px;height:40px;border:4px solid;bottom:40%;right:45%;animation:chaos-8 .13s linear infinite alternate}.deploy:before{content:"↑";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700}.book{width:50px;height:70px;border:4px solid;border-radius:2px;top:10%;left:15%;animation:chaos-1 .15s linear infinite alternate}.book:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:2px;background:currentColor}.book:after{content:"";position:absolute;top:20px;left:8px;right:12px;height:2px;background:currentColor}.bookshelf{width:80px;height:60px;border:4px solid;border-radius:4px;top:20%;right:20%;animation:chaos-2 .2s linear infinite alternate}.bookshelf:before{content:"";position:absolute;top:20px;left:0;right:0;height:4px;background:currentColor}.bookshelf:after{content:"";position:absolute;top:25px;left:8px;width:6px;height:25px;border:2px solid}.text-lines{width:70px;height:50px;top:30%;left:70%;animation:chaos-3 .12s linear infinite alternate}.text-lines:before{content:"";position:absolute;top:8px;left:0;right:0;height:3px;background:currentColor}.text-lines:after{content:"";position:absolute;top:20px;left:0;right:15px;height:3px;background:currentColor}.open-book{width:80px;height:50px;border:4px solid;border-radius:8px;top:60%;right:15%;animation:chaos-4 .18s linear infinite alternate}.open-book:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:currentColor;transform:translate(-50%)}.open-book:after{content:"";position:absolute;top:12px;left:8px;right:50%;height:2px;background:currentColor}.scroll{width:70px;height:20px;border:4px solid;border-radius:10px;bottom:25%;left:10%;animation:chaos-5 .16s linear infinite alternate}.scroll:before{content:"";position:absolute;top:2px;bottom:2px;left:-4px;width:4px;border:2px solid;border-radius:2px}.scroll:after{content:"";position:absolute;top:2px;bottom:2px;right:-4px;width:4px;border:2px solid;border-radius:2px}.reading-lamp{width:30px;height:60px;border:4px solid;bottom:15%;right:30%;animation:chaos-6 .14s linear infinite alternate}.reading-lamp:before{content:"";position:absolute;top:-8px;left:-8px;width:46px;height:20px;border:3px solid;border-radius:50% 50% 0 0;border-bottom:none}.paragraph{width:60px;height:50px;top:45%;left:25%;animation:chaos-7 .11s linear infinite alternate}.paragraph:before{content:"";position:absolute;top:8px;left:0;right:0;height:2px;background:currentColor}.paragraph:after{content:"";position:absolute;top:20px;left:0;right:10px;height:2px;background:currentColor}.book-stack{width:50px;height:60px;bottom:40%;right:45%;animation:chaos-8 .13s linear infinite alternate}.book-stack:before{content:"";position:absolute;bottom:0;left:0;right:0;height:15px;border:4px solid}.book-stack:after{content:"";position:absolute;bottom:20px;left:5px;right:-5px;height:15px;border:4px solid}.skateboard{width:80px;height:20px;border:4px solid;border-radius:10px;top:10%;left:15%;animation:chaos-1 .15s linear infinite alternate}.skateboard:before{content:"";position:absolute;top:-8px;left:15px;width:8px;height:8px;border:2px solid;border-radius:50%}.skateboard:after{content:"";position:absolute;top:-8px;right:15px;width:8px;height:8px;border:2px solid;border-radius:50%}.snowboard{width:70px;height:15px;border:4px solid;border-radius:8px;top:20%;right:20%;animation:chaos-2 .2s linear infinite alternate}.mountain{width:60px;height:50px;clip-path:polygon(0% 100%,30% 0%,60% 40%,100% 20%,100% 100%);top:30%;left:70%;animation:chaos-3 .12s linear infinite alternate}.music{width:50px;height:50px;top:60%;right:15%;animation:chaos-4 .18s linear infinite alternate}.music:before{content:"♪";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:700}.art{width:60px;height:60px;border:4px solid;border-radius:50%;bottom:25%;left:10%;animation:chaos-5 .16s linear infinite alternate}.art:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid;border-radius:50%}.camera{width:60px;height:40px;border:4px solid;border-radius:8px;bottom:15%;right:30%;animation:chaos-6 .14s linear infinite alternate}.camera:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:20px;height:20px;border:2px solid;border-radius:50%}.coffee{width:50px;height:60px;border:4px solid;border-radius:8px;top:45%;left:25%;animation:chaos-7 .11s linear infinite alternate}.coffee:before{content:"";position:absolute;top:-4px;left:8px;right:8px;height:4px;background:currentColor}.travel{width:60px;height:40px;border:4px solid;bottom:40%;right:45%;animation:chaos-8 .13s linear infinite alternate}.travel:before{content:"✈";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px}@keyframes chaos-1{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(120px,-80px) rotate(90deg) scale(2.5)}50%{transform:translate(-90px,60px) rotate(180deg) scale(.3)}75%{transform:translate(150px,100px) rotate(270deg) scale(3)}to{transform:translate(-60px,-120px) rotate(360deg) scale(1.8)}}@keyframes chaos-2{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-150px,140px) rotate(-180deg) scale(.2)}40%{transform:translate(200px,-100px) rotate(-360deg) scale(2.8)}60%{transform:translate(-80px,180px) rotate(-540deg) scale(.5)}80%{transform:translate(160px,-60px) rotate(-720deg) scale(3.2)}to{transform:translate(-200px,80px) rotate(-900deg) scale(.8)}}@keyframes chaos-3{0%{transform:translate(0) rotate(0) scale(1)}30%{transform:translate(180px,80px) rotate(135deg) scale(2.2)}60%{transform:translate(-120px,-150px) rotate(270deg) scale(.4)}to{transform:translate(220px,40px) rotate(405deg) scale(2.8)}}@keyframes chaos-4{0%{transform:translate(0) rotate(45deg) scale(1)}15%{transform:translate(-100px,-200px) rotate(225deg) scale(.1)}35%{transform:translate(250px,-80px) rotate(405deg) scale(3.5)}55%{transform:translate(-180px,120px) rotate(585deg) scale(.6)}75%{transform:translate(140px,-160px) rotate(765deg) scale(2.1)}to{transform:translate(-220px,60px) rotate(945deg) scale(1.3)}}@keyframes chaos-5{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(160px,120px) rotate(180deg) scale(2.4)}50%{transform:translate(-140px,-80px) rotate(360deg) scale(.3)}75%{transform:translate(200px,-120px) rotate(540deg) scale(3.1)}to{transform:translate(-80px,200px) rotate(720deg) scale(.7)}}@keyframes chaos-6{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-180px,100px) rotate(240deg) scale(.2)}40%{transform:translate(220px,-140px) rotate(480deg) scale(2.9)}60%{transform:translate(-100px,160px) rotate(720deg) scale(.5)}80%{transform:translate(180px,-80px) rotate(960deg) scale(3.3)}to{transform:translate(-160px,120px) rotate(1200deg) scale(.9)}}@keyframes chaos-7{0%{transform:translate(0) rotate(0) scale(1)}18%{transform:translate(140px,-100px) rotate(90deg) scale(2.6)}36%{transform:translate(-160px,80px) rotate(180deg) scale(.4)}54%{transform:translate(200px,-140px) rotate(270deg) scale(3.2)}72%{transform:translate(-120px,160px) rotate(360deg) scale(.6)}90%{transform:translate(180px,-80px) rotate(450deg) scale(2.8)}to{transform:translate(-200px,100px) rotate(540deg) scale(1.1)}}@keyframes chaos-8{0%{transform:translate(0) rotate(0) scale(1)}22%{transform:translate(-200px,-120px) rotate(180deg) scale(.1)}44%{transform:translate(160px,-100px) rotate(360deg) scale(2.7)}66%{transform:translate(-140px,180px) rotate(540deg) scale(.3)}88%{transform:translate(220px,-80px) rotate(720deg) scale(3.4)}to{transform:translate(-180px,140px) rotate(900deg) scale(.8)}}.quadrant-text{font-size:3.5rem;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;line-height:1;text-align:center;padding:1rem 2rem;background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);position:relative;z-index:10}@media (max-width: 768px){.header{padding:1.5rem 1rem;flex-direction:column;gap:1rem;align-items:flex-start}.header-right{display:none}.header-text,.header-subtext{font-size:11px}.footer-text{font-size:10px;margin-bottom:1rem}.footer-links{display:block;font-size:9px;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:1rem}.footer-links a{color:var(--text-primary);text-decoration:none;transition:opacity .2s ease}.footer-links a:hover{opacity:.7}.main-content{margin-top:5rem;height:calc(100vh - 5rem)}.quadrant-text{font-size:1.2rem;padding:.75rem 1.5rem}}@media (max-width: 480px){.header{padding:1rem .75rem;flex-direction:column;gap:.75rem;align-items:flex-start}.header-right{display:none}.header-text,.header-subtext{font-size:10px}.footer-text{font-size:9px;margin-bottom:.75rem}.footer-links{display:block;font-size:8px;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:1rem}.footer-links a{color:var(--text-primary);text-decoration:none;transition:opacity .2s ease}.footer-links a:hover{opacity:.7}.main-content{margin-top:4rem;height:calc(100vh - 4rem)}.quadrant-text{font-size:1rem;padding:.5rem 1rem}}.professional-content{margin-top:0;padding:2rem;max-width:1200px;margin-left:auto;margin-right:auto;position:relative}.back-button{font-size:14px;color:var(--text-secondary);cursor:pointer;margin-bottom:1rem;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;transition:color .2s ease;position:relative;z-index:101;padding:.25rem .5rem;border:none;border-radius:4px;background:transparent;align-self:flex-start;display:inline-block}.back-button:hover{color:var(--text-primary)}.resume-container{background:var(--bg-primary);padding:2rem;border:1px solid var(--border-color);position:relative}.resume-header{text-align:center;margin-bottom:3rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.resume-header h1{font-size:2.5rem;font-weight:400;color:var(--text-primary);margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.1em}.contact-info{font-size:14px;color:var(--text-secondary);font-family:Arial,Helvetica,sans-serif}.resume-section{margin-bottom:2.5rem}.resume-section h2{font-size:1.2rem;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-family:Arial,Helvetica,sans-serif;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.education-item{margin-bottom:2rem}.education-header h3{font-size:1.1rem;font-weight:400;color:var(--text-primary);margin-bottom:.5rem;font-family:Arial,Helvetica,sans-serif}.education-details{font-size:14px;color:var(--text-secondary);margin-bottom:.5rem;font-family:Arial,Helvetica,sans-serif}.education-achievements{font-size:14px;color:var(--text-secondary);margin-bottom:.5rem;font-family:Arial,Helvetica,sans-serif;line-height:1.4}.education-dates{font-size:12px;color:var(--text-light);font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.05em}.experience-item{margin-bottom:2rem}.experience-header h3{font-size:1.1rem;font-weight:400;color:var(--text-primary);margin-bottom:.25rem;font-family:Arial,Helvetica,sans-serif}.experience-role{font-size:14px;color:var(--text-secondary);margin-bottom:.25rem;font-family:Arial,Helvetica,sans-serif}.experience-dates{font-size:12px;color:var(--text-light);font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.experience-bullets{list-style:none;padding:0;margin:0}.experience-bullets li{font-size:14px;color:var(--text-secondary);margin-bottom:.5rem;padding-left:1rem;position:relative;font-family:Arial,Helvetica,sans-serif;line-height:1.4}.experience-bullets li:before{content:"•";position:absolute;left:0;color:var(--text-primary)}.personal-bullets{list-style:none;padding:0;margin:0}.personal-bullets li{font-size:14px;color:var(--text-secondary);margin-bottom:.5rem;padding-left:1rem;position:relative;font-family:Arial,Helvetica,sans-serif;line-height:1.4}.personal-bullets li:before{content:"•";position:absolute;left:0;color:var(--text-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.skill-category h4{font-size:1rem;font-weight:400;color:var(--text-primary);margin-bottom:1rem;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.05em}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tags span{font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border:1px solid var(--border-color);font-family:Courier New,monospace;text-transform:lowercase}.fun-content{margin-top:0;display:flex;width:100vw;height:100vh;margin-left:0;margin-right:0}.fun-content .fun-main-content,.fun-content .fun-main-content *{position:static!important;transform:none!important;animation:none!important}.fun-sidebar{width:200px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1rem;display:flex;flex-direction:column;position:fixed!important;top:0!important;left:0!important;height:100vh;overflow-y:auto;z-index:1000}.fun-navigation{display:flex;flex-direction:column;gap:.5rem}.nav-link{background:none;border:none;padding:.75rem 1rem;font-size:12px;font-weight:400;color:var(--text-secondary);font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-align:left;transition:all .2s ease;border-radius:4px}.nav-link:hover{background:var(--bg-primary);color:var(--text-primary)}.fun-content .back-button{position:fixed;top:15px;left:15px;z-index:1000}.fun-main-content{flex:1;margin-left:0;padding:2rem;overflow-y:auto;min-height:100vh}.mobile-back-button{display:none}.fun-section{margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.fun-section:last-child{border-bottom:none}.fun-section h2{font-size:1.5rem;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;font-family:Arial,Helvetica,sans-serif;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.region-section{margin-bottom:2rem}.region-section h3{font-size:1.2rem;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif}.countries-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.country{background:var(--bg-primary);border:1px solid var(--border-color);padding:.5rem 1rem;font-size:14px;color:var(--text-primary);font-family:Arial,Helvetica,sans-serif;white-space:nowrap;position:relative}.heart{color:#ff6b6b;font-size:16px;position:absolute;top:2px;right:1px}.books-container{background:var(--bg-primary);padding:2rem;border:1px solid var(--border-color)}.books-header{text-align:center;margin-bottom:3rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.books-header h1{font-size:2.5rem;font-weight:400;color:var(--text-primary);margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.1em}.books-header p{font-size:16px;color:var(--text-secondary);font-family:Arial,Helvetica,sans-serif}.tier-list-section{margin-bottom:3rem}.tier-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tier-list-section h2{font-size:1.5rem;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin:0;font-family:Arial,Helvetica,sans-serif}.book-count{font-size:1rem;font-weight:400;color:var(--text-primary);font-family:Arial,Helvetica,sans-serif}.tier-list-image{text-align:center;margin-bottom:2rem}.tier-list-image img{max-width:1200px;width:100%;height:auto;border:1px solid var(--border-color);box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin:0 auto;display:block}.tier-list-image img:hover{transform:scale(1.02);box-shadow:0 8px 16px #00000026}.book-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.book-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;transition:background .2s ease,transform .1s ease;align-items:center}.book-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.book-title{font-size:1rem;font-weight:500;color:var(--text-primary);font-family:Arial,Helvetica,sans-serif}.book-month{font-size:.9rem;color:var(--text-secondary);font-family:Arial,Helvetica,sans-serif;text-align:center;min-width:80px}.book-rating{font-size:1rem;font-weight:600;color:var(--text-primary);font-family:Arial,Helvetica,sans-serif;text-align:center;min-width:40px;background:var(--bg-primary);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color)}.tier-list{display:flex;flex-direction:column;gap:.5rem}.tier-row{display:flex;align-items:center;min-height:60px;border:1px solid var(--border-color)}.tier-label{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;border-right:1px solid var(--border-color)}.s-tier{background:#ff6b6b}.s-tier .tier-label{background:#ff6b6b;color:#fff}.a-tier{background:#4ecdc4}.a-tier .tier-label{background:#4ecdc4;color:#fff}.b-tier{background:#45b7d1}.b-tier .tier-label{background:#45b7d1;color:#fff}.c-tier{background:#96ceb4}.c-tier .tier-label{background:#96ceb4;color:#fff}.tier-books{flex:1;padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.book{background:var(--bg-primary);border:1px solid var(--border-color);padding:.5rem 1rem;font-size:14px;color:var(--text-primary);font-family:Arial,Helvetica,sans-serif;white-space:nowrap;position:static!important;transform:none!important;animation:none!important}.hobbies-content h2{font-size:1.5rem;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;font-family:Arial,Helvetica,sans-serif;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.gifs-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0;margin-top:2rem}.gif-item{display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease;margin:0;padding:0}.gif-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gif-item img{max-width:100%;height:auto;border-radius:0;margin-bottom:0}.gif-item p{font-size:14px;color:var(--text-secondary);font-family:Arial,Helvetica,sans-serif;text-align:center;margin:0;font-weight:400}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0;margin-top:2rem}.photos-grid img{width:100%;height:500px;object-fit:cover;object-position:center top;border-radius:0;transition:transform .2s ease;cursor:pointer}.photos-grid img:hover{transform:scale(1.05)}.photo-modal-overlay{position:fixed;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:modalFadeIn .3s ease-out forwards}.photo-modal-content{position:relative;display:flex;align-items:center;justify-content:center;animation:modalScaleIn .3s ease-out forwards}.photo-modal-image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 40px #00000080;animation:imageFadeIn .4s ease-out forwards}.photo-modal-close{position:absolute;top:-50px;right:0;background:#00000080;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem 1rem;line-height:1;border-radius:50%;transition:all .2s ease;animation:closeButtonFadeIn .5s ease-out forwards}.photo-modal-close:hover{background:#000c;transform:scale(1.1)}@keyframes modalFadeIn{0%{background:#0000}to{background:#000000e6}}@keyframes modalScaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes imageFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes closeButtonFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.writing-project{margin-bottom:3rem}.writing-project h3{font-size:1.2rem;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-family:Arial,Helvetica,sans-serif}.poem-content{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;position:relative}.poem-content p{margin-bottom:1rem;font-size:16px}.poem-content.collapsed{max-height:200px;overflow:hidden;mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%)}.poem-content.expanded{max-height:none;mask-image:none;-webkit-mask-image:none}.expand-hint{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:var(--text-secondary);text-align:center;margin-top:1rem;font-style:italic;opacity:.7;cursor:pointer;transition:opacity .2s ease}.expand-hint:hover{opacity:1}.pdf-preview{cursor:pointer;transition:all .3s ease;position:relative;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.pdf-preview.collapsed{max-height:600px;overflow:hidden}.pdf-preview.expanded{max-height:none}.pdf-preview-content{padding:2rem;text-align:left;background:var(--bg-secondary)}.pdf-preview-content p{margin:0;color:var(--text-secondary);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}.books-content{margin-top:0;display:flex;width:100vw;min-height:100vh;margin-left:0;margin-right:0}.books-content .books-main-content,.books-content .books-main-content *{position:static!important;transform:none!important;animation:none!important}.books-sidebar{width:150px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1rem;display:flex;flex-direction:column;position:fixed!important;top:0!important;left:0!important;height:100vh;overflow-y:auto;z-index:1000}.books-navigation{display:flex;flex-direction:column;gap:.5rem}.books-main-content{flex:1;margin-left:150px;padding:2rem;overflow-y:auto;min-height:100vh;width:calc(100vw - 150px)}.books-section{margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.books-section:last-child{border-bottom:none}.projects-content{margin-top:0;display:flex;width:100vw;min-height:100vh;margin-left:0;margin-right:0}.projects-content .projects-main-content,.projects-content .projects-main-content *{position:static!important;transform:none!important;animation:none!important}.projects-sidebar{width:200px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1rem;display:flex;flex-direction:column;position:fixed!important;top:0!important;left:0!important;height:100vh;overflow-y:auto;z-index:1000}.projects-navigation{display:flex;flex-direction:column;gap:.5rem}.projects-main-content{flex:1;margin-left:200px;padding:2rem;overflow-y:auto;min-height:100vh;width:calc(100vw - 200px)}.projects-header{margin-bottom:4rem}.projects-section{margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.projects-section:first-child{margin-top:3rem}.projects-section:last-child{border-bottom:none}.project-content{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:var(--text-secondary)}.project-content p{margin-bottom:1.5rem;font-size:16px}.project-details{margin-top:2rem}.project-details h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.project-details ul{margin-bottom:2rem;padding-left:1.5rem}.project-details li{margin-bottom:.5rem;font-size:14px}.project-details p{font-size:14px;margin-bottom:0}.project-subtitle{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;margin-top:1rem;text-transform:none;letter-spacing:normal}.project-vision,.project-phase,.project-strategy{margin-bottom:2.5rem}.project-vision h4,.project-phase h4,.project-strategy h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:none;letter-spacing:.02em}.project-phase h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.8rem;margin-top:1.5rem;text-transform:none;letter-spacing:.02em}.phase-goal{font-style:italic;margin-bottom:1.5rem;color:var(--text-secondary)}.strategy-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:14px}.strategy-table th,.strategy-table td{border:1px solid var(--border-color);padding:.8rem;text-align:left;vertical-align:top}.strategy-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.strategy-table td{color:var(--text-secondary)}.strategy-table tr:nth-child(2n){background:#00000005}.project-video{margin:2rem 0;text-align:left}.project-video video{max-width:600px;width:100%;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block}.video-caption{margin-top:1rem;font-size:14px;color:var(--text-secondary);font-style:italic;text-align:left;line-height:1.5;max-width:600px;margin-left:0;margin-right:0}.project-tech blockquote{border-left:4px solid var(--border-color);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-secondary);background:var(--bg-secondary);padding:1rem 1.5rem;border-radius:4px}.project-tech blockquote p{margin:0;font-size:14px}.music-subtitle{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:3rem;margin-top:1.5rem}.music-tracks{display:flex;flex-direction:column;gap:2rem}.track-item{display:flex;flex-direction:column;gap:1rem}.track-item h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em;font-family:Arial,Helvetica,sans-serif}.track-item iframe{border-radius:8px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.professional-content{padding:0;margin-top:0}.resume-container{padding:1rem}.resume-header h1{font-size:2rem}.skills-grid{grid-template-columns:1fr}.books-content{flex-direction:column;margin-top:0}.books-sidebar{display:none}.books-navigation{flex-direction:row;gap:1rem;overflow-x:auto}.projects-content{flex-direction:column;margin-top:0}.projects-sidebar{display:none}.projects-main-content,.fun-main-content{margin-left:0;padding:1rem;width:100%}.professional-content .back-button,.fun-content .back-button{display:none}.books-main-content{margin-left:0;padding:1rem;height:auto;width:100%}.books-header h1{font-size:2rem}.tier-books{flex-direction:column;align-items:flex-start}.gifs-container{grid-template-columns:1fr;gap:0}.gif-item{padding:0;margin:0}.fun-content{flex-direction:column;margin-top:0}.fun-sidebar{display:none}.mobile-back-button{display:block;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;font-size:16px;font-weight:700;color:var(--text-primary);position:sticky;top:0;z-index:1000;margin:0}.fun-navigation{flex-direction:row;gap:1rem}.nav-link{padding:.5rem 1rem;font-size:11px}.fun-main-content{margin-left:0;padding:1rem;height:auto}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0}.photos-grid img{height:300px}.photo-modal-overlay{padding:1rem}.photo-modal-image{max-width:95vw;max-height:85vh}.photo-modal-close{top:-40px;font-size:1.5rem;padding:.4rem .8rem}}.gifs-container{display:flex;flex-direction:row;gap:0;justify-content:center;align-items:flex-start;margin:2rem 0;flex-wrap:nowrap}.gif-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:250px;max-width:400px;margin:0;padding:0}.gif-item img{width:100%;height:auto;max-width:350px;object-fit:contain;border:none;border-radius:0;margin:0;padding:0;background:transparent}.gif-item p{margin-top:1rem;margin-bottom:0;font-size:1rem;font-weight:500;color:var(--text-primary);font-family:Arial,Helvetica,sans-serif}@media (max-width: 768px){.gifs-container{flex-direction:column;align-items:center}.gif-item{max-width:100%;width:100%}}::selection{background:var(--text-primary);color:var(--bg-primary)}::-moz-selection{background:var(--text-primary);color:var(--bg-primary)}
