.wooden-table{position:absolute;transform-origin:bottom center;bottom:0;left:-400px;right:-400px;height:1200px;transform:perspective(800px) rotateX(40deg);background-color:#96562c;background-image:url(/img/wood.png);z-index:1;box-shadow:0 -5px 20px #0000001a}.wooden-table:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.2) 2px,transparent 2px,transparent 140px);opacity:1;z-index:2}.table-line{opacity:0}@media print{.wooden-table{transform:perspective(800px) rotateX(34deg) translateZ(-50px)}.wooden-table:before{content:"";opacity:0}.table-line{opacity:1;position:absolute;border:none;width:3px;height:100%;background-color:#0003;margin:0;padding:0;z-index:3;top:0}}.laptop-container{position:absolute;top:150mm;left:50%;transform:translate(-50%) scale(.93);z-index:30;transform-style:preserve-3d;width:100%;height:100%}.laptop{position:relative;transform-style:preserve-3d;transform:perspective(1000px) rotateX(40deg);max-width:650px;margin:0 auto}.laptop-screen{background-color:#1e1e1e;border-radius:8px 8px 0 0;border:15px solid #090909;aspect-ratio:16/10;width:100%;box-shadow:0 0 10px #00000080 inset;position:relative;transform-style:preserve-3d;transform:rotateX(-35deg) translateZ(5px);transform-origin:bottom center;overflow:hidden;z-index:1;font-family:Consolas,Courier New,monospace;font-size:10px}.laptop__shadow{position:absolute;right:-10%;bottom:-15px;left:-10%;height:15px;background:radial-gradient(ellipse closest-side,rgba(0,0,0,.4),transparent);filter:blur(5px);border-radius:50%;transform:rotateX(40deg) scaleY(.5)}.screen-header{display:flex;align-items:center;background-color:#252526;height:25px;padding:0 10px;border-bottom:1px solid #1e1e1e}.window-controls{display:flex;margin-right:15px}.window-controls img{width:22px;height:22px}.window-controls .window-title{color:#ccc;font-size:12px;flex-grow:1;text-align:center}.code-content{display:flex;height:calc(100% - 25px);overflow:hidden}.line-numbers{width:30px;padding:0;background-color:#1e1e1e;color:#858585;text-align:right;-webkit-user-select:none;user-select:none}.line-numbers span{display:block;padding:0 5px;font-size:10px}.code-lines{flex-grow:1;padding:0 10px;overflow:auto}.code-line{white-space:nowrap}.indented{padding-left:20px}.double-indented{padding-left:40px}.terminal-content{height:calc(100% - 25px);overflow-y:auto;padding:8px;background-color:#0d1117;color:#e6edf3;font-family:Consolas,Courier New,monospace;font-size:10px}.terminal-line{display:flex;margin-bottom:8px}.terminal-prompt{color:#7ee787;margin-right:8px;font-weight:700}.terminal-command{color:#79c0ff;font-weight:700}.terminal-cursor{color:#fff;font-weight:700;animation:blink 1s infinite;margin-left:4px}.terminal-response{margin-bottom:6px}.terminal-section{margin:10px 0 5px;border-bottom:1px solid #30363d;padding-bottom:2px}.terminal-section-title{color:#ff7b72;font-weight:700;font-size:12px}.terminal-item{display:flex;flex-wrap:wrap;margin:4px 0;align-items:center;padding:3px 0}.terminal-date{color:#d2a8ff;width:105px;font-weight:700;margin-right:6px}.terminal-job{color:#fff;flex:1;margin-right:6px}.terminal-tags{color:#a5d6ff;font-style:italic;font-size:9px}.terminal-details{margin:5px 0 10px}.terminal-details-box{background-color:#161b22;border:1px solid #30363d;border-radius:5px;padding:8px;margin:0;color:#e6edf3;line-height:1.4;white-space:pre-wrap}.terminal-details-title{color:#ff7b72;font-weight:700;margin-bottom:5px;display:block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.laptop-keyboard{position:absolute;bottom:-220px;left:0;right:0;height:220px;background:#111;border-radius:0 0 8px 8px;box-shadow:0 4px 8px #00000080;padding:12px 15px;z-index:2;transform-style:preserve-3d;transform:rotateX(5deg);transform-origin:top center}.keyboard-keys{display:grid;grid-template-rows:repeat(6,1fr);gap:4px;width:100%;margin-bottom:12px}.keyboard-row-1{display:grid;grid-template-columns:repeat(15,1fr);gap:4px;margin-bottom:8px}.keyboard-row-2{display:grid;grid-template-columns:1fr repeat(12,1fr) 2fr;gap:4px;margin-bottom:4px}.keyboard-row-3{display:grid;grid-template-columns:1.5fr repeat(12,1fr) 1.5fr;gap:4px;margin-bottom:4px}.keyboard-row-4{display:grid;grid-template-columns:1.8fr repeat(11,1fr) 1.2fr;gap:4px;margin-bottom:4px;position:relative}.keyboard-row-5{display:grid;grid-template-columns:2.2fr repeat(10,1fr) 1.8fr;gap:4px;margin-bottom:4px;position:relative}.keyboard-row-6{display:grid;grid-template-columns:1.3fr 1.3fr 1.3fr 1.3fr 6fr 1.3fr 1.3fr 1fr 1fr 1fr;gap:4px}.keyboard-key{background:#222;border-radius:3px;color:#fffc;font-size:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 1px #000000b3,0 1px #ffffff0d inset;border:1px solid #000000;padding:1px;text-align:center;position:relative;height:100%}.keyboard-key img{max-height:17px}.key-apostrophe{grid-column:12}.key-enter{height:100%;position:relative;border-radius:3px 3px 0;display:flex;justify-content:end;padding-right:6px}.key-enter:after{content:"";position:absolute;top:100%;right:-2px;height:calc(100% + 8px);width:65%;background:inherit;border-radius:0 0 3px 3px;box-shadow:inset -2px -2px 1px #000000b3}.key-arrow-left{grid-column:8}.key-arrow-down{grid-column:9}.key-arrow-right{grid-column:10}.key-arrow-up{position:absolute;bottom:-32px;right:36px;width:calc(1fr - 4px);height:calc(1fr - 4px);z-index:5}.special{display:flex;padding-left:6px;justify-content:start}.shift{align-items:start;padding-top:2px;padding-left:9px}.second-shift{display:flex;justify-content:end;padding-right:6px;width:40px}.second-shift img{height:70%;align-self:start;padding-top:2px}.tab img{width:26%}.caps img{width:20%}.shift img{height:60%}.keyboard-key.key-fn{background:linear-gradient(to bottom,#333,#222)}.key-js{background:linear-gradient(to bottom,#222,#1a1a1a);border-top:1px solid #f7df1e;color:#f7df1e}.key-node{background:linear-gradient(to bottom,#222,#1a1a1a);border-top:1px solid #68a063;color:#68a063}.key-html{background:linear-gradient(to bottom,#222,#1a1a1a);border-top:1px solid #e34c26;color:#e34c26}.key-css{background:linear-gradient(to bottom,#222,#1a1a1a);border-top:1px solid #264de4;color:#264de4}.key-tw{background:linear-gradient(to bottom,#222,#1a1a1a);border-top:1px solid #06b6d4;color:#06b6d4}.key-space{background:#1d1d1d;border-radius:3px;box-shadow:0 1px 1px #000000b3,0 1px #ffffff0d inset;border:1px solid #000000}.laptop-touchpad{position:absolute;width:25%;height:45px;background:#1a1a1a;border:1px solid #000000;border-radius:1px;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0003 inset;z-index:3;overflow:hidden}.touchpad-buttons{position:absolute;bottom:0;left:0;right:0;height:12px;display:flex}.touchpad-button-left,.touchpad-button-right{flex:1;height:100%;background:#1d1d1d;border-top:1px solid #111}.touchpad-button-left{border-right:1px solid #111}.touchpad-logo{position:absolute;top:40%;left:50%;transform:translate(-50%,-60%);width:40%;height:40%;background-image:url(../img/tailwind-css.svg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.75;z-index:1}.touchpad-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff0d,#fff0);z-index:2}.laptop-touchpad:hover .touchpad-logo{opacity:1;transition:opacity .3s ease}.del-key{display:flex;justify-content:end;padding-right:6px}.photo-frame-container{position:absolute;top:-2mm;left:0;width:200px;height:260px;perspective:800px;transform:scale(.8)}.photo-frame{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-5deg) rotate(-2deg);transition:transform .5s ease;box-shadow:0 6px 12px #00000040}.frame-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border:10px solid #2d3748;border-radius:2px;box-shadow:0 4px 8px #0000004d,inset 0 0 3px #00000080;overflow:hidden;background-color:#1a1f2c}.frame-hook{position:absolute;width:8px;height:12px;background-color:#555;top:-5px;left:50%;transform:translate(-50%);border-radius:2px 2px 0 0;z-index:1}.frame-wire{position:absolute;width:1px;height:10px;background-color:#333;top:-15px;left:50%;transform:translate(-50%);z-index:1}.profile-image{width:100%;height:100%;object-fit:cover}.frame-glass{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none;background:linear-gradient(135deg,#ffffff40,#ffffff1a 35%,#ffffff0d 65%,#fff0);border-radius:2px}.frame-glass:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#fff0 40%,#ffffff1a,#fff0 60%);background-size:200% 200%;animation:shineEffect 4s infinite linear}@keyframes shineEffect{0%{background-position:0% 0%}to{background-position:200% 200%}}.coffee-container{position:absolute;top:95mm;right:35%;z-index:15;width:150px;height:200px;transform-style:preserve-3d}.coffee-cup{position:relative;height:200px;width:180px;margin:auto;transform-style:preserve-3d;transform:perspective(600px) rotateX(0) rotateY(0) scale(.55) translateZ(10px);background-color:#f0fcff;background-image:url(https://www.transparenttextures.com/patterns/light-aluminum.png);border-top-left-radius:90px 40px;border-top-right-radius:90px 40px;box-shadow:0 10px 20px #0003;transition:transform .3s ease}.coffee-cup:before{content:"";position:absolute;height:70px;width:180px;bottom:-35px;border-radius:50%;background-color:#f0fcff;background-image:url(https://www.transparenttextures.com/patterns/light-aluminum.png);z-index:2}.coffee-cup:after{content:"";position:absolute;height:50px;width:160px;top:10px;left:10px;border-radius:50%;background:linear-gradient(135deg,#fffc,#dcdcdc33);box-shadow:0 0 15px #ffffff80;transform:rotateX(35deg) rotate(-5deg) translateZ(15px)}.coffee-handle{position:absolute;height:133px;width:80px;top:50px;right:-76px;border-radius:50% 75px 75px 50%/20px 70px 70px 20px;background-color:#f0fcff;background-image:url(https://www.transparenttextures.com/patterns/light-aluminum.png);transform:rotateY(20deg) translateZ(-5px);box-shadow:5px 5px 10px #0000001a;z-index:1}.coffee-handle-hole{position:absolute;height:90px;width:58px;top:22px;left:0;border-radius:45px/25px 45px 45px 25px;background:#fff;box-shadow:inset 0 0 8px #0003;z-index:2}.coffee-handle-hole:after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:inherit;background-color:#00264f;background-image:url(https://www.transparenttextures.com/patterns/mooning.png);box-shadow:inset 0 0 10px #0006;z-index:-1}.coffee-content{position:absolute;top:20px;left:15px;width:150px;height:45px;background:linear-gradient(to bottom,#603e21,#4f3017);border-radius:50%;z-index:2;box-shadow:0 0 10px #4f301780;opacity:.9;overflow:hidden;transform:rotateX(35deg) translateZ(20px);transform-style:preserve-3d;perspective:800px}.coffee-content:after{content:"";position:absolute;top:0;left:15%;width:70%;height:15px;background:linear-gradient(to bottom,rgba(255,255,255,.1),rgba(255,255,255,.05) 50%,transparent);border-radius:50%;transform:rotateX(70deg) translateY(-5px)}.coffee-logo{position:absolute;width:150px;height:150px;top:88px;left:16px;background-image:url(../img/react-logo.svg);background-size:contain;background-repeat:no-repeat;opacity:.9;z-index:5}.steam{position:absolute;top:-15px;left:60px;width:60px;height:80px;opacity:.8;z-index:5;transform-style:preserve-3d;transform:translateZ(15px)}.steam-particle{position:absolute;width:12px;height:12px;background:#ffffffb3;border-radius:50%;filter:blur(5px)}.steam-particle:nth-child(1){top:0;left:10px;animation:float 4.5s infinite ease-in-out}.steam-particle:nth-child(2){top:10px;left:30px;animation:float 4s infinite ease-in-out .5s}.steam-particle:nth-child(3){top:5px;left:45px;animation:float 3.5s infinite ease-in-out 1s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-35px) scale(2.2);opacity:0}}.mouse-container{position:absolute;top:180mm;right:-14mm;z-index:20;width:120px;height:180px;transform-style:preserve-3d;transform:scale(1)}.mouse{position:relative;width:70px;height:120px;background:linear-gradient(to right,#2a2a2a,#3a3a3a);border-radius:35px;box-shadow:0 8px 15px #0006,inset 0 -2px 5px #00000080,inset 0 2px 5px #ffffff1a;transform-style:preserve-3d;transform:perspective(130px) rotateX(50deg) rotateY(0) rotate(-10deg) translateZ(0);transition:transform .3s ease,box-shadow .3s ease}.tech-logo{position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:10}.html-logo{height:40px;width:40px;top:58px;left:23%;background-image:url(../img/html.png);opacity:.75}.js-logo{top:12px;left:5px;height:20px;width:20px;background-image:url(../img/javascript.svg);opacity:.75}.css-logo{top:12px;right:3px;height:27px;width:27px;background-image:url(../img/css.png);opacity:.75}.mouse-wheel{position:absolute;top:25px;left:50%;transform:translate(-50%);width:14px;height:25px;background-color:#4a4a4a;border-radius:7px;box-shadow:inset 0 -2px 2px #00000080,inset 0 2px 2px #fff3;overflow:hidden}.mouse-wheel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(to bottom,transparent,transparent 3px,rgba(0,0,0,.2) 3px,rgba(0,0,0,.2) 5px);border-radius:inherit}.mouse-button-left,.mouse-button-right{position:absolute;top:0;width:35px;height:50px;border-radius:35px 35px 0 0;background:linear-gradient(to bottom,#333,#2a2a2a);box-shadow:inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #0000004d;transition:transform .1s ease,box-shadow .1s ease}.mouse-button-left{left:0;border-right:1px solid rgba(0,0,0,.3)}.mouse-button-right{right:0;border-left:1px solid rgba(0,0,0,.3)}.mouse-bottom{position:absolute;bottom:0;left:5px;right:5px;height:60px;background:#2a2a2a;border-radius:0 0 30px 30px;transform:translateZ(-1px);box-shadow:inset 0 -5px 10px #0003}.mouse-led{position:absolute;width:6px;height:6px;background:#4caf50;border-radius:50%;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #4caf50;opacity:.7;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{opacity:.7;box-shadow:0 0 8px #4caf50}50%{opacity:.9;box-shadow:0 0 12px #4caf50}to{opacity:.7;box-shadow:0 0 8px #4caf50}}.notebook-container{position:absolute;top:150mm;left:-10%;z-index:10;width:550px;height:350px;transform-style:preserve-3d;transform:perspective(1000px) rotateX(60deg) rotate(0) scale(.85)}.notebook{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s ease}.notebook-cover{position:absolute;width:100%;height:100%;background-color:#2d3748;background-image:url(https://www.transparenttextures.com/patterns/dark-leather.png);border-radius:5px;box-shadow:0 5px 15px #0000004d;transform-style:preserve-3d;z-index:1;overflow:hidden}.notebook-spine{position:absolute;left:50%;top:0;width:16px;height:100%;background-color:#1a202c;transform:translate(-50%);box-shadow:-3px 0 5px #0003,3px 0 5px #0003;z-index:5}.notebook-ring{position:absolute;left:50%;width:12px;height:12px;background:#d1d5db;border-radius:50%;box-shadow:inset 0 0 3px #00000080;transform:translate(-50%);z-index:6}.notebook-ring:nth-child(1){top:10%}.notebook-ring:nth-child(2){top:25%}.notebook-ring:nth-child(3){top:40%}.notebook-ring:nth-child(4){top:55%}.notebook-ring:nth-child(5){top:70%}.notebook-ring:nth-child(6){top:85%}.notebook-page-left{position:absolute;top:10px;left:10px;width:calc(50% - 15px);height:90%;background-color:#f8fafc;background-image:url(https://www.transparenttextures.com/patterns/lined-paper-2.png);border-radius:2px 0 0 2px;padding:20px;box-shadow:-1px 1px 5px #0000001a;transform:translateZ(2px);z-index:3;overflow:hidden;color:#2d3748;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px}.notebook-page-right{position:absolute;top:10px;right:10px;width:calc(50% - 15px);height:90%;background-color:#f8fafc;background-image:url(https://www.transparenttextures.com/patterns/lined-paper-2.png);border-radius:0 2px 2px 0;padding:20px;box-shadow:1px 1px 5px #0000001a;transform:translateZ(2px);z-index:3;overflow:hidden;color:#2d3748;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px}.notebook-title{font-family:Caveat,cursive;font-weight:700;margin-bottom:15px;text-align:center;color:#4a5568;border-bottom:2px solid #60a5fa;padding-bottom:5px;font-size:16px}.notebook-section{margin-bottom:15px}.notebook-section-title{font-family:Caveat,cursive;font-weight:700;color:#4a5568;margin-bottom:5px;font-size:14px}.notebook-section-item{font-family:Caveat,cursive;margin-left:15px;margin-bottom:5px;font-size:13px;position:relative}.notebook-section-item:before{content:"•";position:absolute;left:-10px}.post-it{position:absolute;width:70px;height:70px;background-color:#faf089;box-shadow:3px 3px 5px #0003;padding:8px;font-family:Caveat,cursive;font-size:10px;color:#2d3748;transform-style:preserve-3d;z-index:20}.post-it-1{top:-30px;right:100px;background-color:#9ae6b4;transform:rotate(-5deg)}.post-it-2{top:-15px;right:30px;background-color:#fbd38d;transform:rotate(3deg)}.post-it-title{font-weight:700;font-size:10px;margin-bottom:5px;border-bottom:1px solid rgba(0,0,0,.2);text-align:center}.post-it-content{font-size:9px;line-height:1.3}.notebook-tabs{position:absolute;top:0;right:-10px;height:100%;width:10px;z-index:5}.notebook-tab{position:absolute;width:20px;height:40px;background-color:#60a5fa;border-radius:0 5px 5px 0;right:0}.notebook-tab-1{top:15%;background-color:#60a5fa}.notebook-tab-2{top:40%;background-color:#f687b3}.notebook-tab-3{top:65%;background-color:#68d391}.notebook-page-left:after,.notebook-page-right:after{content:"";position:absolute;bottom:0;width:100%;height:20px;background:linear-gradient(to bottom,#0000,#00000008);z-index:4}.notebook-page-left:after{right:0}.notebook-page-right:after{left:0}.documents-container{position:absolute;bottom:80mm;left:-3mm;z-index:15;width:180px;height:200px;transform-style:preserve-3d;perspective:1000px}.document{position:absolute;width:160px;height:210px;background-color:#fff;background-image:url(https://www.transparenttextures.com/patterns/cream-paper.png);border-radius:2px;box-shadow:0 3px 8px #0003;padding:15px;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;transform-style:preserve-3d;overflow:hidden}.document-1{transform:perspective(1000px) rotateX(60deg) rotate(-5deg) translateZ(0);z-index:3}.document-2{transform:perspective(1000px) rotateX(60deg) rotate(5deg) translate(30px) translateY(-10px) translateZ(-5px);z-index:2;background-color:#f7fafc}.document-3{transform:perspective(1000px) rotateX(60deg) rotate(-2deg) translate(-20px) translateY(5px) translateZ(-10px);z-index:1;background-color:#f0f4f8}.document-title{font-weight:700;font-size:14px;color:#2b6cb0;margin-bottom:8px;border-bottom:1px solid #e2e8f0;padding-bottom:5px}.document-date{font-size:9px;color:#718096;margin-bottom:10px;font-style:italic}.document-content{font-size:10px;line-height:1.4}.project-tag{display:inline-block;background-color:#e2e8f0;padding:2px 5px;border-radius:3px;font-size:8px;margin-right:3px;margin-bottom:3px}.project-tags{margin-top:10px}.tag-react{background-color:#61dafb;color:#1a202c}.tag-js{background-color:#f6e05e;color:#1a202c}.tag-tailwind{background-color:#38b2ac;color:#fff}.tag-node{background-color:#68d391;color:#1a202c}.sticky-notes-container{position:absolute;top:40mm;left:25%;z-index:18;transform-style:preserve-3d}.sticky-note{position:absolute;width:185px;height:130px;box-shadow:3px 3px 8px #00000026;padding:10px;color:#1a202c;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transform-style:preserve-3d}.sticky-note-1{background-color:#fca5a5;background-image:url(https://www.transparenttextures.com/patterns/paper.png);transform:perspective(800px) rotateX(5deg) rotate(-3deg);box-shadow:5px 5px 10px #0003,0 0 1px #0000001a inset}.sticky-note-2{background-color:#93c5fd;background-image:url(https://www.transparenttextures.com/patterns/paper.png);transform:perspective(800px) rotateX(5deg) rotate(5deg) translate(185px) translateZ(-5px);box-shadow:5px 5px 10px #0003,0 0 1px #0000001a inset}.sticky-note:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#fff0,#fff0 80%,#ffffff1a);pointer-events:none}.sticky-note .pin+.pin+.sticky-note-title{margin-top:5px}.sticky-note-title{font-weight:700;font-size:15px;letter-spacing:1.5px;padding-left:7px;margin-top:1px;margin-bottom:5px;text-align:center}.sticky-note-content{font-size:14px;line-height:1.3}.contact-link{display:block;margin-bottom:5px;position:relative;padding-left:15px}.contact-link:before{content:"→";position:absolute;left:0;top:0;color:#4b5563}.wall-postit-container{position:absolute;top:5mm;right:47mm;z-index:15;transform-style:preserve-3d;perspective:800px}.wall-postit{position:absolute;width:150px;height:190px;background-color:#fde68a;background-image:url(https://www.transparenttextures.com/patterns/paper-2.png);box-shadow:1px 4px 12px #00000080,0 0 2px #0000001a inset;padding:15px;color:#1a202c;font-family:Caveat,cursive;transform:perspective(1000px) rotateX(2deg);transition:all .3s ease}.wall-postit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff0,#fff0 75%,#ffffff1a);pointer-events:none}.wall-postit:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,#fde68a00,#e3cf7c33);z-index:-1}.wall-postit-title{font-weight:700;font-size:17px;margin-bottom:10px;text-align:center;border-bottom:1px dashed #d97706;padding-bottom:5px}.skill-item{font-size:16px;margin-bottom:5px;display:flex;align-items:center}.skill-dot{display:inline-block;width:7px;height:7px;background-color:#d97706;border-radius:50%;margin-right:5px}.pin{position:absolute;width:10px;height:10px;border-radius:50%;box-shadow:0 1px 3px #0000004d;z-index:19;transform-style:preserve-3d}.pin:before{content:"";position:absolute;top:-2px;left:-2px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#fff9,#fff0,#0003);z-index:1}.pin:after{content:"";position:absolute;width:5px;height:5px;background:#0000001a;border-radius:50%;top:3px;left:3px;filter:blur(1px)}.pin-1{top:8px;left:10px;background-color:#ef4444;transform:translateZ(1px)}.pin-2{top:7px;right:20px;background-color:#ef4444;transform:translateZ(1px)}.pin-3{top:3px;left:45%;transform:translate(-50%) translateZ(1px);background-color:#3b82f6}.pin-4{top:5px;left:10%;transform:translate(-50%) translateZ(1px);background-color:#fde68a}.pin-5{top:5px;right:5%;transform:translate(-50%) translateZ(1px);background-color:#fde68a}.title-banner-container{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:25;width:395px;text-align:center}.title-banner{position:relative;background-color:#0d182bf2;border:4px solid #61dafb;border-radius:11px;box-shadow:0 5px 20px #0006,0 0 15px #61dafb80;padding:20px 15px;display:inline-block;animation:glow 3s infinite alternate}.title-name{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:25px;font-weight:700;color:#fff;margin-bottom:5px;text-shadow:0 0 10px rgba(97,218,251,.8)}.title-role{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:28px;font-weight:700;color:#61dafb;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px rgba(97,218,251,.6)}@keyframes glow{0%{box-shadow:0 5px 20px #0006,0 0 15px #61dafb80}to{box-shadow:0 5px 20px #0006,0 0 25px #61dafbcc}}.title-banner:before,.title-banner:after{content:"";position:absolute;top:-25px;width:4px;height:25px;background-color:#61dafb;box-shadow:0 0 10px #61dafbcc}.title-banner:before{left:30%}.title-banner:after{right:30%}.tools-postit-container{position:absolute;top:75mm;left:-1mm;z-index:18;transform-style:preserve-3d}.tools-postit{position:absolute;width:150px;height:200px;background-color:#c4b5fd;background-image:url(https://www.transparenttextures.com/patterns/paper.png);transform:perspective(800px) rotateX(15deg) rotate(-4deg);box-shadow:5px 5px 10px #0003,0 0 1px #0000001a inset;padding:12px;color:#1a202c;font-family:Caveat,cursive;transform-style:preserve-3d}.tools-postit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#fff0,#fff0 80%,#ffffff1a);pointer-events:none}.tools-postit-title{font-weight:700;font-size:16px;letter-spacing:1px;padding-left:7px;margin-top:5px;margin-bottom:8px;text-align:center;border-bottom:1px dashed #6d28d9}.tools-item{font-size:15px;margin-bottom:5px;display:flex;align-items:center}.tools-dot{display:inline-block;width:6px;height:6px;background-color:#6d28d9;border-radius:50%;margin-right:6px}.skills-postit-container{position:absolute;top:100mm;right:30mm;z-index:18;transform-style:preserve-3d}.skills-postit{position:absolute;width:150px;height:160px;background-color:#fde68a;background-image:url(https://www.transparenttextures.com/patterns/paper.png);transform:perspective(800px) rotateX(15deg) rotate(5deg);box-shadow:5px 5px 10px #0003,0 0 1px #0000001a inset;padding:12px;color:#1a202c;font-family:Caveat,cursive;transform-style:preserve-3d}.skills-postit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#fff0,#fff0 80%,#ffffff1a);pointer-events:none}.skills-postit-title{font-weight:700;font-size:16px;letter-spacing:1px;padding-left:7px;margin-top:5px;margin-bottom:8px;text-align:center;border-bottom:1px dashed #d97706}.skills-item{font-size:15px;margin-bottom:5px;display:flex;align-items:center}.skills-dot{display:inline-block;width:6px;height:6px;background-color:#d97706;border-radius:50%;margin-right:6px}.pin-violet{top:6px;left:10px;background-color:#7c3aed;transform:translateZ(1px)}.pin-violet-2{top:6px;right:15px;background-color:#7c3aed;transform:translateZ(1px)}.pin-yellow{top:6px;left:10px;background-color:#f59e0b;transform:translateZ(1px)}.pin-yellow-2{top:6px;right:15px;background-color:#f59e0b;transform:translateZ(1px)}.tablet-horizontal-container{position:absolute;top:79mm;left:6%;z-index:20;width:340px;height:210px;transform-style:preserve-3d;transform:scale(1)}.tablet-horizontal{position:relative;width:100%;height:100%;background-color:#818181;border-radius:14px;box-shadow:-10px 0 25px #00000080;transform-style:preserve-3d;transform:perspective(800px) rotateX(2deg) rotateY(0) rotate(0);overflow:hidden;z-index:2}.tablet-horizontal-screen{position:absolute;top:8px;left:8px;right:8px;bottom:8px;background-color:#081b33;border-radius:8px;padding:5px;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e6e6e6}.tablet-horizontal-content{padding:6px;height:100%;overflow-y:auto}.tablet-horizontal-title{font-weight:700;font-size:14px;color:#61dafb;margin-bottom:8px;text-align:center;text-transform:uppercase;letter-spacing:1.2px;border-bottom:2px solid #2d3748;padding-bottom:4px}.tablet-horizontal-text{font-size:14px;line-height:1.4;text-align:justify;color:#c9d1d9}.tablet-horizontal-text p{margin-bottom:4px}.tablet-horizontal-text strong{color:#61dafb;font-weight:400}.tablet-horizontal-camera{position:absolute;width:5px;height:5px;background-color:#333;border-radius:50%;top:10px;left:50%;transform:translate(-50%)}.tablet-vertical-container{position:absolute;top:53mm;right:2%;z-index:20;width:221px;height:312px;transform-style:preserve-3d;perspective:800px}.tablet-vertical{position:relative;width:100%;height:100%;background-color:#1a1a1a;border-radius:12px;box-shadow:0 -10px 25px #00000080,0 0 15px #61dafb33;transform-style:preserve-3d;transform:perspective(800px) rotateX(2deg) rotateY(0);overflow:hidden;z-index:2}.tablet-vertical-edge{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #333;border-radius:12px;pointer-events:none}.tablet-vertical-screen{position:absolute;top:5px;left:5px;right:5px;bottom:5px;background-color:#0d1117;border-radius:8px;padding:5px 10px;overflow:hidden;box-shadow:inset 0 0 10px #00000080;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e6e6e6}.tablet-vertical-content{padding:4px;height:100%;overflow-y:auto}.tablet-vertical-title{font-weight:700;font-size:15px;color:#61dafb;margin-bottom:6px;text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #2d3748;padding-bottom:6px}.formation-item{font-size:12px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #2d3748}.formation-item:last-child{border-bottom:none}.formation-title{font-weight:700;color:#c9d1d9;margin-bottom:3px}.formation-date{font-size:11px;color:#8b949e;font-style:italic;margin-bottom:3px}.formation-description{font-size:12px;line-height:1.3;color:#a9b1ba}.tablet-vertical-camera{position:absolute;width:5px;height:5px;background-color:#333;border-radius:50%;top:10px;left:50%;transform:translate(-50%)}.tablet-button{position:absolute;width:3px;height:20px;background-color:#444;border-radius:2px;box-shadow:inset 0 0 2px #00000080}.tablet-horizontal .tablet-button,.tablet-vertical .tablet-button{top:50%;right:-1px;transform:translateY(-50%)}.tablet-horizontal-screen:after,.tablet-vertical-screen:after{content:"";position:absolute;top:0;left:0;right:0;height:20%;background:linear-gradient(to bottom,#61dafb12,#61dafb00);pointer-events:none;z-index:10}.tablet-stand{position:absolute;width:60%;height:10px;bottom:-10px;left:50%;transform:translate(-50%) perspective(100px) rotateX(45deg);background:linear-gradient(to bottom,#333,#222);border-radius:0 0 3px 3px;box-shadow:0 3px 5px #0000004d;z-index:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#434343;border-radius:4px}.tablet-shelf-container{position:absolute;top:120mm;left:0;right:0;height:25mm;z-index:10;transform-style:preserve-3d}.tablet-shelf{position:absolute;width:220mm;height:15mm;left:-5mm;bottom:0;background-color:#8b4513;background-image:url(https://www.transparenttextures.com/patterns/wood.png);box-shadow:0 5px 15px #0000004d;transform-style:preserve-3d;transform:perspective(800px) rotateX(45deg);border-radius:3px}.tablet-shelf-edge{position:absolute;height:8mm;width:100%;bottom:-8mm;left:0;background-color:#6b3712;background-image:url(https://www.transparenttextures.com/patterns/wood.png);transform-origin:top;transform:rotateX(-90deg);box-shadow:0 5px 5px #0003}.tablet-shelf-bracket-left{position:absolute;width:15mm;height:20mm;left:12%;bottom:-27mm;background-color:#444;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);transform-style:preserve-3d;transform:perspective(800px) rotateX(0);box-shadow:0 3px 5px #0006}.tablet-shelf-bracket-right{position:absolute;width:15mm;height:20mm;right:12%;bottom:-27mm;background-color:#444;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);transform-style:preserve-3d;transform:perspective(800px) rotateX(0);box-shadow:0 3px 5px #0006}.tablet-shelf:after{content:"";position:absolute;top:4mm;left:15%;width:2mm;height:2mm;background-color:#777;background-image:url(https://www.transparenttextures.com/patterns/nasty-fabric.png);border-radius:50%;box-shadow:0 0 1px #000c,inset 0 0 1px #ffffff80}.tablet-shelf:before{content:"";position:absolute;top:4mm;right:15%;width:2mm;height:2mm;background-color:#777;background-image:url(https://www.transparenttextures.com/patterns/nasty-fabric.png);border-radius:50%;box-shadow:0 0 1px #000c,inset 0 0 1px #ffffff80}body{background-color:#0c1221;color:#e6e6e6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;overflow-x:hidden}.a4-container{width:210mm;min-height:297mm;padding:10mm 2mm;margin:0 auto;background-color:#00264f;background-image:url(https://www.transparenttextures.com/patterns/mooning.png);position:relative;overflow:hidden}.code{font-family:Courier New,monospace;font-size:.8rem}.text-blue-400{color:#60a5fa}.text-green-400{color:#34d399}.text-orange-400{color:#fb923c}.text-yellow-400{color:#facc15}.text-cyan-400{color:#22d3ee}.text-purple-400{color:#c084fc}