@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;1,400&family=Oswald:wght@400;600&display=swap";*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffd9;background-color:#121a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#5b8fb9;text-decoration:inherit}a:hover{color:#7ab3d4}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}html{overflow:hidden;height:100%}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:#1e2d47;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#5b8fb9;background-color:#253756}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.landing-page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.landing-page:before{content:"";position:fixed;top:50%;left:50%;width:200vmax;transform:translate(-50%,-50%) rotate(var(--rainbow-angle, 45deg));height:16vh;background:linear-gradient(to bottom,#e03030 0 25%,#e8c000 25% 50%,#27a844 50% 75%,#1a6fd4 75% 100%);pointer-events:none;z-index:0}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;border-radius:8px;padding:8px;cursor:grab;-webkit-user-select:none;user-select:none;background:none;border:none;font-size:inherit;font-family:inherit}body.dragging-icon *{cursor:grabbing!important}.desktop-icon:hover .desktop-icon-label{background:#4682c8b3}.desktop-icon-emoji{font-size:52px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.desktop-icon-label{color:#fff;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.9);background:#00000040;padding:2px 6px;border-radius:3px;transition:background .15s}.dock-terminal-icon{background:transparent;border:1px solid transparent}.terminal-body{background:#1a1a1a;padding:28px 28px 32px;flex:1;overflow-y:auto;font-family:Courier New,Courier,monospace}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:#1a1a1a}.terminal-body::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#666}.terminal-line{color:#e0e0e0;font-size:1.1rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:break-word}.terminal-prompt{color:#4ec9b0;-webkit-user-select:none;user-select:none}.terminal-link{color:#569cd6;text-decoration:underline;text-underline-offset:2px}.terminal-link:hover{color:#9cdcfe}.terminal-error-code{color:#f44747;font-weight:700}.terminal-error-msg{color:#ce9178}.terminal-warning{color:#f5a623}.terminal-advice{color:#7dd3fc}.terminal-cursor{display:inline-block;color:#e0e0e0;animation:blink 1s step-end infinite;line-height:1}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-input-line{display:flex;align-items:center;cursor:text}.terminal-input-wrapper{position:relative;display:inline-flex;align-items:center;flex:1}.terminal-input-mirror{white-space:pre;color:#e0e0e0}.terminal-input-hidden{position:absolute;inset:0;opacity:0;background:transparent;border:none;outline:none;font-family:inherit;font-size:inherit;cursor:text;width:100%;height:100%}.about-body{flex:1;overflow-y:auto;padding:24px;background:#1e1e2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#cdd6f4}.about-hero{display:flex;align-items:center;gap:20px;margin-bottom:24px}.about-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#89b4fa,#cba6f7);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#1e1e2e;flex-shrink:0}.about-name{margin:0 0 4px;font-size:1.4rem;color:#cdd6f4}.about-tagline{margin:0;font-size:.9rem;color:#89b4fa}.about-bio{font-size:.95rem;line-height:1.7;color:#bac2de;margin-bottom:24px}.about-section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6c7086;margin:0 0 12px}.about-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.about-skill-badge{background:#89b4fa26;border:1px solid rgba(137,180,250,.3);color:#89b4fa;font-size:.8rem;padding:4px 10px;border-radius:4px}.about-timeline{display:flex;flex-direction:column;gap:16px}.about-timeline-item{display:flex;gap:16px;align-items:flex-start}.about-timeline-period{font-size:.78rem;color:#6c7086;white-space:nowrap;padding-top:2px;min-width:110px}.about-timeline-item strong{display:block;font-size:.95rem;color:#cdd6f4;margin-bottom:2px}.about-timeline-item p{margin:0;font-size:.85rem;color:#6c7086}.links-body{flex:1;overflow-y:auto;padding:16px;background:#0f172a;display:flex;flex-direction:column;gap:12px}.link-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background-color:#1a2740;border:1px solid #253756;border-radius:10px;text-decoration:none;color:#c9d6e3;transition:background-color .2s,transform .2s,border-color .2s}.link-card-icon{font-size:28px;flex-shrink:0}.link-card-text{display:flex;flex-direction:column;gap:3px;flex:1}.link-card-label{font-size:16px;font-weight:600;color:#c9d6e3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.link-card-description{font-size:12px;color:#8fadc8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.link-card-arrow{font-size:18px;color:#8fadc8;flex-shrink:0}@media(max-width:600px){.terminal-body{padding:16px 16px 20px}}.window{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:windowOpen .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes windowOpen{0%{transform:translate(var(--dock-x)) translateY(var(--dock-y)) scale(.05);opacity:0}to{transform:translate(0) translateY(0) scale(1);opacity:1}}.window.closing{animation:windowClose .5s cubic-bezier(.4,0,1,1) forwards}@keyframes windowClose{0%{transform:translate(0) translateY(0) scale(1);opacity:1}to{transform:translate(var(--dock-x)) translateY(var(--dock-y)) scale(.05);opacity:0}}.window-header{background:#282828bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:grab}.window-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;cursor:default}.window-dot.red{background:#ff5f57;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative}@media(pointer:coarse){.window-dot.red:before{content:"";position:absolute;inset:-14px}}.window-dot.yellow{background:#ffbd2e}.window-dot.green{background:#28c840}.window-dot.red:after{content:"×";font-size:9px;font-weight:700;font-family:sans-serif;color:#0009;opacity:0;transition:opacity .15s;pointer-events:none}.window-dot.red:hover:after{opacity:1}.window-title{margin-left:8px;color:#aaa;font-size:.85rem;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none}.window-body{flex:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}.window-body.no-scroll{overflow:hidden}.desktop-widget{width:160px;height:90px;border-radius:16px;background:linear-gradient(135deg,#1e2d47,#0f172a);border:1px solid rgba(137,180,250,.2);box-shadow:0 4px 20px #0006;cursor:grab;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.widget-clock{font-size:22px;font-family:monospace;color:#fff;font-weight:600;letter-spacing:1px}.font-personal{font-family:Lora,Georgia,serif}.font-athletic{font-family:Oswald,Impact,sans-serif;letter-spacing:.03em}.font-professional{font-family:Consolas,Courier New,monospace}.about-page{margin-top:0;padding-top:0;background:#0f172a;flex:1}.context-picker{display:flex;justify-content:center;max-width:860px;margin:0 auto 48px;padding:0 24px;overflow:hidden}.picker-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);background-color:#1a2740;border:1px solid #253756;border-radius:30px;padding:4px}.picker-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);background:linear-gradient(135deg,#253756,#2e4268);border:1px solid #5b8fb9;border-radius:26px;transform:translate(calc(var(--active-index, 0) * 100%));transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.picker-option{position:relative;z-index:1;background:transparent;border:none;color:#8fadc8;font-size:clamp(.7rem,2.5vw,.9rem);padding:clamp(6px,1.5vw,8px) clamp(10px,3vw,28px);cursor:pointer;border-radius:26px;transition:color .2s;white-space:nowrap}.picker-option.active{color:#c9d6e3;font-weight:600}.content-viewport{display:grid;overflow:hidden}.about-content{grid-area:1 / 1}.slide-in-from-right{transform:translate(100vw);animation:slideInFromRight 1s ease-out both}.slide-in-from-left{transform:translate(-100vw);animation:slideInFromLeft 1s ease-out both}.slide-out-to-left{animation:slideOutToLeft 1s ease-in forwards}.slide-out-to-right{animation:slideOutToRight 1s ease-in forwards}@keyframes slideInFromRight{0%{transform:translate(100vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100vw);opacity:0}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100vw);opacity:0}}.about-content{max-width:860px;margin:0 auto;padding:0 24px 80px}.about-hero{display:flex;align-items:center;gap:40px;margin-bottom:60px}.profile-photo-wrapper{position:relative;width:140px;height:140px;flex-shrink:0;border-radius:50%}.profile-initials{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#1a2740,#253756);border:2px solid #5b8fb9;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;color:#7ab3d4;letter-spacing:2px;-webkit-user-select:none;user-select:none}.profile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.about-name{font-size:2.4rem;margin:0 0 14px;background:linear-gradient(135deg,#7ab3d4,#5b8fb9,#3d6a8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-bio{color:#b8c9db;font-size:1.05rem;line-height:1.75;margin:0}.about-section{margin-bottom:52px}.section-title{font-size:1.3rem;color:#c9d6e3;margin:0 0 22px;padding-bottom:10px;border-bottom:1px solid #253756}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-badge{background-color:#1a2740;border:1px solid #253756;color:#8fadc8;padding:6px 16px;border-radius:20px;font-size:.9rem;transition:border-color .2s,color .2s}.skill-badge:hover{border-color:#5b8fb9;color:#c9d6e3}.timeline-item{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid #253756}.timeline-item:last-child{border-bottom:none}.timeline-period{color:#5b8fb9;font-size:.82rem;font-weight:600;padding-top:4px;text-align:right}.timeline-title{font-size:1rem;color:#c9d6e3;margin:0 0 4px}.timeline-org{color:#7ab3d4;font-size:.88rem;font-weight:500}.timeline-desc{color:#8fadc8;font-size:.88rem;line-height:1.65;margin:8px 0 0}@media(max-width:600px){.about-hero{flex-direction:column;text-align:center}.about-name{font-size:2rem}.timeline-item{grid-template-columns:1fr;gap:2px}.timeline-period{text-align:left}}.links-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:#0f172a;flex:1;overflow:hidden}.links-title{font-size:32px;color:#c9d6e3;margin-bottom:40px}.links-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:500px}.link-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background-color:#1a2740;border:1px solid #253756;border-radius:12px;text-decoration:none;color:#c9d6e3;transition:background-color .2s,transform .2s,border-color .2s}.link-card:hover{background-color:#253756;border-color:#4a6fa5;transform:translateY(-2px)}.link-card-icon{width:32px;height:32px;flex-shrink:0}.link-card-text{display:flex;flex-direction:column;gap:4px;flex:1}.link-card-label{font-size:18px;font-weight:600;color:#c9d6e3}.link-card-description{font-size:13px;color:#8fadc8}.link-card-arrow{font-size:20px;color:#8fadc8;flex-shrink:0}
