.loading-screen{position:fixed;inset:0;background:#030303;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.loading-screen--hidden{opacity:0;pointer-events:none}.loading-screen__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-screen__logo{font-family:Syncopate,sans-serif;font-size:2.5rem;font-weight:700;color:#e0e0e0;text-transform:uppercase;letter-spacing:.05em;opacity:0;animation:fadeIn .5s ease forwards}.loading-screen__logo span{color:#ff003c}.loading-screen__bar{width:0;height:1px;background:linear-gradient(to right,#ff003c,#00f3ff);animation:loadBar 1.5s ease-in-out forwards}@keyframes loadBar{0%{width:0;opacity:1}60%{width:180px}to{width:220px;opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);background:var(--color-surface);color:var(--color-text-primary);width:50px;height:50px;border-radius:50%;border:1px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .2s ease;z-index:900}.back-to-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-border);transform:translateY(-5px)}@media(max-width:768px){.back-to-top{bottom:var(--space-4);right:var(--space-4)}}:root{--color-background: #000000;--color-surface: #0a0a0a;--color-accent-primary: #e0e0e0;--color-accent-secondary: #888888;--color-accent-hover: #ffffff;--color-text-primary: #f0f0f0;--color-text-secondary: #a0a0a0;--color-text-tertiary: #606060;--color-border: #222222;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--max-width: 800px}[data-theme=light]{--color-background: #ffffff;--color-surface: #f8f8f8;--color-accent-primary: #111111;--color-accent-secondary: #666666;--color-accent-hover: #000000;--color-text-primary: #111111;--color-text-secondary: #555555;--color-text-tertiary: #999999;--color-border: #e0e0e0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--space-4)}p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}a{color:var(--color-accent-primary);text-decoration:none;border-bottom:1px solid var(--color-border);transition:border-color .2s ease}a:hover{border-color:var(--color-accent-primary)}.mono{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-secondary)}.home-layout{display:flex;position:relative;max-width:1200px;margin:5vh auto;flex-direction:column;min-height:0}.side-nav{position:sticky;top:0;z-index:100;background-color:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4);border-bottom:1px solid var(--color-border);overflow-x:auto;white-space:nowrap}@media(min-width:1024px){.home-layout{flex-direction:row;gap:var(--space-12);justify-content:center}.home-layout:after{content:"";width:160px;flex-shrink:0}.side-nav{top:var(--space-16);height:fit-content;width:160px;flex-shrink:0;padding:var(--space-8) var(--space-4);background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.04);border-radius:10px;border-bottom:none;white-space:normal}}.progress-bar{list-style:none;position:relative;display:flex;gap:var(--space-6);padding:0 var(--space-2)}.progress-bar li{position:relative;margin:0}@media(min-width:1024px){.progress-bar{flex-direction:column;padding-left:var(--space-4);gap:0}.progress-bar:after{content:"";position:absolute;left:calc(var(--space-4) * -1 - 1px);transform:translate(-50%);top:12px;bottom:6px;width:2px;background-color:#ffffff4d}.progress-bar li{margin-bottom:var(--space-6)}.progress-bar li:last-child{margin-bottom:0}}.progress-bar a{border:none;color:var(--color-text-secondary);font-size:.95rem;transition:color .3s ease}.progress-bar li.active a,.progress-bar a:hover{color:var(--color-text-primary);font-weight:600}.progress-bar li:before{display:none}@media(min-width:1024px){.progress-bar li:before{display:block;content:"";position:absolute;left:calc(calc(var(--space-4) * -1) - 7px);top:6px;width:12px;height:12px;background-color:transparent;border:2px solid rgba(255,255,255,.35);border-radius:50%;transition:all .3s ease}.progress-bar li.active:before{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);box-shadow:0 0 10px #fff3}}.container{max-width:var(--max-width);margin:0 auto;padding:var(--space-16) var(--space-6)}.home-layout .main-content{flex-grow:1;max-width:var(--max-width);margin:0 auto;border-radius:12px;padding-bottom:var(--space-16)}.page-header{margin-bottom:var(--space-16);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-8)}.name{font-size:2.5rem;letter-spacing:-.03em;margin-bottom:var(--space-2)}.role{font-size:1rem;margin-bottom:var(--space-6)}.contact-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.doc-section{margin-bottom:var(--space-16)}.section-title{font-size:1.5rem;letter-spacing:-.02em;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);margin-bottom:var(--space-6)}.item-details{margin-bottom:var(--space-4);border-bottom:1px dashed var(--color-border);padding-bottom:var(--space-4)}.item-details:last-child{border-bottom:none}.item-summary{cursor:pointer;list-style:none;position:relative;font-size:1rem;color:var(--color-text-primary);padding-left:1.5rem}.item-summary::-webkit-details-marker{display:none}.item-summary:before{content:"▸";position:absolute;left:0;top:0;color:var(--color-text-tertiary);transition:transform .2s ease}details[open]>.item-summary:before{transform:rotate(90deg)}.item-summary.has-icon{display:flex;align-items:flex-start;gap:var(--space-4);padding-left:1.5rem}.item-summary-text{display:flex;flex-direction:column}.item-icon{width:48px;height:48px;border-radius:8px;object-fit:cover;background-color:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0}.item-summary strong{font-weight:600}.item-period{display:block;color:var(--color-text-tertiary);margin-top:var(--space-1)}.item-content{margin-top:var(--space-4);margin-left:1.5rem}.skills-list{margin-top:var(--space-2);color:var(--color-text-tertiary)}.bullet-list{list-style-type:disc;margin-left:var(--space-4);margin-bottom:var(--space-4);color:var(--color-text-secondary)}.bullet-list li{margin-bottom:var(--space-1)}.meta-label{margin-top:var(--space-4);margin-bottom:var(--space-2);display:block;color:var(--color-text-tertiary)}.project-image{margin:var(--space-4) 0}.project-image img{max-width:100%;max-height:400px;object-fit:contain;border:1px solid var(--color-border);border-radius:4px}.project-images-container{display:flex;gap:var(--space-4);overflow-x:auto;margin:var(--space-4) 0;padding-bottom:var(--space-2)}.project-images-container figure{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.project-images-container img{max-width:100%;max-height:350px;object-fit:contain;border:1px solid var(--color-border);border-radius:4px}.project-images-container figcaption{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-tertiary)}.project-links{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.project-links a{border:none}.project-links a:hover{color:var(--color-text-primary)}.overlay-scanlines,.overlay-vignette{display:none}.glass-panel{background:radial-gradient(ellipse at 50% 0%,#0a0a0ae0,#000000eb 60%,#000000f5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.04);border-radius:8px}.glass-panel h1,.glass-panel h2,.glass-panel h3,.glass-panel h4,.glass-panel h5,.glass-panel h6,.glass-panel strong{color:#fff}.glass-panel p,.glass-panel li,.glass-panel .item-content{color:#ffffffd1}.glass-panel .mono,.glass-panel .item-period,.glass-panel .skills-list,.glass-panel .meta-label{color:#ffffff80}.glass-panel a{color:#ffffffe6;border-bottom-color:#ffffff26}.glass-panel a:hover{border-bottom-color:#fff9}.glass-panel .section-title{border-bottom-color:#ffffff14}.glass-panel .item-details{border-bottom-color:#ffffff0f}.glass-panel .item-summary:before{color:#ffffff4d}.hex-code-btn{display:inline-flex;align-items:center;gap:0;background:none;border:1px solid rgba(255,255,255,.12);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;padding:.35rem .6rem;margin-top:var(--space-6);border-radius:4px;cursor:pointer;transition:border-color .3s ease;text-transform:uppercase}.hex-code-btn:hover{border-color:#ffffff4d}.hex-code-btn:active{transform:scale(.97)}.hex-hash{color:#fff}.hex-digits{transition:color .4s ease}.side-nav .progress-bar a{color:#ffffff73}.side-nav .progress-bar li.active a,.side-nav .progress-bar a:hover{color:#fff}