*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;cursor:none!important}html,body,canvas{cursor:none!important}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background:#ffffff80;pointer-events:none;z-index:99999;transition:transform .05s ease-out,width .15s ease,height .15s ease,background .15s ease;will-change:transform}.custom-cursor--pointer{width:14px;height:14px;background:#ffffffbf}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0a;color:#fff;min-height:100vh;margin:0;padding:0}.app{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.nav{display:flex;align-items:center;gap:1.5rem;padding:0 24px;height:48px;background:#e1d9cdeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid #44423E;position:sticky;top:0;z-index:100;font-family:JetBrains Mono,monospace}.nav a{color:#44423e;text-decoration:none;font-size:11px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:color .2s ease}.nav a:hover{color:#2d2a26}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown>a{color:#44423e;text-decoration:none;font-size:11px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:color .2s ease}.nav-dropdown>a:hover{color:#2d2a26}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:0;background:#efebe4f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #A1998C;border-top:none;padding:4px 0;min-width:150px;box-shadow:0 4px 12px #2d2a2626;z-index:1000}.nav-dropdown-menu:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem}.nav-dropdown-menu a{display:block;color:#44423e;text-decoration:none;font-size:11px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1.5px;padding:8px 14px;transition:all .2s ease}.nav-dropdown-menu a:hover{color:#2d2a26;background:#dab93e1f}.nav-controls{display:flex;gap:8px;margin-left:auto;align-items:center}.nav-clock{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1px;color:#44423e;font-variant-numeric:tabular-nums}.nav-icon-button{background:none;border:1px solid #44423E;border-radius:0;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#44423e;transition:all .2s ease;padding:0}.nav-icon-button:hover{color:#2d2a26;border-color:#44423e;background:#dab93e1f}.nav-icon-button:active{transform:scale(.95)}.nav-icon-button svg{width:14px;height:14px}.hint-toast{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffd9;padding:.6rem 1.2rem;border-radius:8px;font-size:11px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.25em;pointer-events:none;z-index:50;white-space:nowrap;max-width:90vw;text-align:center}.hint-fade-in{animation:hintIn .8s ease forwards}.hint-fade-out{animation:hintOut 1s ease forwards}@keyframes hintIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hintOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-8px)}}@media (max-width: 768px){.hint-toast{white-space:normal;font-size:.7rem;padding:.5rem 1rem}}.main{flex:1;padding:0}.home-page .main{padding:0}.page{max-width:1200px;margin:0 auto}.page h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page p{color:#888;font-size:1.1rem;line-height:1.6}.home-page{max-width:none;padding:0;margin:0;width:100%}.home-page .main{padding:0;margin:0;width:100%}.hero-section{position:relative;width:100%;height:calc(100vh - 44px);min-height:500px;overflow:hidden;margin:0;padding:0}.hero-overlay{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:10}.hero-overlay h1{font-size:calc(1.6rem + 10px);font-weight:700;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap;color:#ffffffe6;background:none;-webkit-text-fill-color:rgba(255,255,255,.9);text-shadow:0 2px 20px rgba(0,0,0,.5);margin-bottom:.5rem;font-family:Michroma,Eurostile,sans-serif}.hero-subtitle{font-size:11px;color:#fffc!important;letter-spacing:.25em;text-transform:uppercase;font-family:JetBrains Mono,monospace}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-width: 768px){.nav{padding:1rem;gap:1rem}.main{padding:0}.page{padding:1rem}.home-page{margin:0;padding:0;width:100vw;position:relative;left:0;right:0}.home-page .page{padding:0;margin:0;width:100vw}.hero-section{height:calc(100dvh - 60px);min-height:calc(100dvh - 60px);width:100vw;margin:0;padding:0;position:relative;left:0;right:0;top:0;bottom:0}.hero-overlay{bottom:1rem}.hero-overlay h1{font-size:1.8rem}.hero-subtitle{font-size:.8rem}}@media (max-width: 768px){div[style*="position: fixed"][style*="100vw"][style*="100vh"]{overflow-y:auto!important;align-items:flex-start!important;padding:0!important}.postcard-content{width:100vw!important;height:62.5vw!important;padding:4%!important;border-radius:0!important;font-size:2.2vw!important;overflow:hidden!important;margin:0!important;box-sizing:border-box!important}.postcard-content>div:first-child{margin-right:3.75%!important}.postcard-content>div:last-child{padding:2% 0!important}.postcard-content [style*="fontSize: '22px'"]{font-size:inherit!important;line-height:1.6!important}.postcard-content p{font-size:inherit!important;margin-bottom:3%!important;line-height:1.6!important}.postcard-content [style*="fontSize: '20px'"]{font-size:90%!important;margin-top:6.4%!important}.postcard-content [style*="marginBottom: '16px'"]{margin-bottom:3%!important}.postcard-content [style*="marginTop: '32px'"]{margin-top:6.4%!important}.postcard-content [style*="position: 'absolute'"][style*="top: '40px'"]{top:5%!important;right:5%!important;width:7.5%!important;height:14%!important;font-size:4vw!important;border-width:.25vw!important}.postcard-content [style*="width: '80%'"]{margin-bottom:4%!important;height:.2vw!important}.notebook-content{width:100vw!important;height:90vh!important;padding:40px 20px!important;border-radius:0!important}.notebook-content [style*="fontSize: '24px'"]{font-size:18px!important;line-height:28px!important}.notebook-content [style*="fontSize: '20px'"]{font-size:16px!important}.notebook-content [style*="fontSize: '18px'"]{font-size:14px!important}.notebook-content [style*="left: '80px'"][style*="top: '60px'"]{left:20px!important;top:40px!important;bottom:40px!important}.notebook-content [style*="left: '100px'"]{left:35px!important;right:20px!important;top:50px!important}}@media (max-width: 768px) and (orientation: landscape){html,body{overflow:hidden;height:100vh}.app{height:100vh;overflow:hidden}.nav{padding:.5rem 1rem;font-size:.85rem}.hero-section{height:100vh;min-height:100vh}.hero-overlay{bottom:.5rem}.hero-overlay h1{font-size:1.4rem}.hero-subtitle{font-size:.7rem}.postcard-content{width:90vw!important;height:56.25vw!important;padding:5%!important;font-size:2.5vw!important;overflow:visible!important;margin:0!important}.postcard-content>div:first-child{margin-right:3.75%!important}.postcard-content>div:last-child{padding:2% 0!important}.postcard-content [style*="fontSize: '22px'"]{font-size:inherit!important}.postcard-content p{font-size:inherit!important;margin-bottom:3%!important}.postcard-content [style*="fontSize: '20px'"]{font-size:90%!important;margin-top:6.4%!important}.postcard-content [style*="marginBottom: '16px'"]{margin-bottom:3%!important}.postcard-content [style*="marginTop: '32px'"]{margin-top:6.4%!important}.postcard-content [style*="position: 'absolute'"][style*="top: '40px'"]{top:5%!important;right:5%!important;width:7.5%!important;height:14%!important;font-size:3.6vw!important;border-width:.22vw!important}.postcard-content [style*="width: '80%'"]{margin-bottom:4%!important;height:.18vw!important}.notebook-content{width:90vw!important;height:85vh!important}}.terminal-casing{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;pointer-events:none;font-family:JetBrains Mono,monospace;color:#44423e;-webkit-user-select:none;user-select:none}.terminal-casing>*{pointer-events:auto}.panel-left{grid-column:1;grid-row:1;border-right:1px solid #A1998C;background:#efebe4e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;overflow-y:auto;position:relative;transition:width .3s ease,min-width .3s ease,padding .3s ease}.panel-left:not(.collapsed){width:280px;min-width:280px}.panel-left .panel-body{padding:20px}.panel-left.collapsed,.panel-right.collapsed{width:32px;min-width:32px;overflow:hidden;padding:0}.panel-toggle{position:absolute;top:12px;right:8px;width:24px;height:24px;background:none;border:1px solid #C5BDB1;cursor:none;display:flex;align-items:center;justify-content:center;color:#44423e;font-size:12px;z-index:5;transition:background .2s;padding:0}.panel-toggle:hover{background:#dab93e1f}.panel-toggle-right{right:8px;left:auto}.panel-chevron{transition:transform .2s;line-height:1}.panel-chevron.closed{transform:rotate(180deg)}.panel-chevron.right{transform:rotate(0)}.panel-chevron.right.closed{transform:rotate(180deg)}.panel-heading{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;color:#2d2a26;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #44423E}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#44423e;margin-bottom:16px;border-bottom:1px solid #C5BDB1;padding-bottom:6px;font-family:JetBrains Mono,monospace;font-weight:600}.employee-data{margin-bottom:8px}.employee-name{font-size:22px;font-weight:500;font-family:JetBrains Mono,monospace;line-height:1.1;margin-bottom:12px;color:#2d2a26;letter-spacing:-.5px}.data-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:11px;border-bottom:1px dotted #C5BDB1;padding-bottom:4px}.data-label{color:#44423e;font-family:JetBrains Mono,monospace;font-size:9px}.data-value{font-weight:500;font-size:11px;font-family:JetBrains Mono,monospace;color:#2d2a26}.skill-matrix{margin-top:24px;flex-grow:1}.skill-bar{height:3px;background:#c5bdb1;margin-top:4px;margin-bottom:12px;position:relative;border-radius:2px;overflow:hidden}.skill-fill{position:absolute;top:0;left:0;height:100%;background:#44423e}.contact-links{margin-top:24px}.contact-link{display:block;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1.5px;color:#44423e;text-decoration:none;padding:6px 0;border-bottom:1px dotted #C5BDB1;transition:color .2s ease}.contact-link:hover{color:#2d2a26}.panel-center{grid-column:2;grid-row:1;position:relative;pointer-events:none}.viewport-overlay{position:absolute;top:20px;left:20px;right:20px;bottom:20px;pointer-events:none;border:1px solid rgba(161,153,140,.25)}.crosshair{position:absolute;width:16px;height:16px;border:1px solid #A1998C;opacity:.4}.ch-tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.ch-tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.ch-bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.ch-br{bottom:-1px;right:-1px;border-left:none;border-top:none}.viewport-label{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:9px;color:#a1998c99;letter-spacing:1px;background:#0a0a0a80;padding:2px 10px;text-transform:uppercase}.panel-right{grid-column:3;grid-row:1;border-left:2px solid #44423E;background:#e1d9cde0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:width .3s ease,min-width .3s ease,padding .3s ease}.panel-right:not(.collapsed){width:320px;min-width:320px}.panel-right .panel-body{padding:20px}.bin-list{list-style:none;margin-top:12px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.bin-list::-webkit-scrollbar{display:none}.bin-item{border:1px solid #A1998C;margin-bottom:10px;background:#e1d9cd99;cursor:pointer;transition:all .2s ease;position:relative}.bin-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .2s}.bin-item:hover{background:#efebe4e6;border-color:#44423e;transform:translate(-2px);box-shadow:4px 4px #2d2a261a}.bin-item:hover:before{background:#dab93e}.bin-header{padding:8px 10px;border-bottom:1px solid #C5BDB1;display:flex;align-items:center;gap:8px}.bin-num{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #44423E;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;color:#44423e;flex-shrink:0}.bin-title{font-size:11px;font-family:JetBrains Mono,monospace;color:#2d2a26;letter-spacing:.5px}.bin-status{margin-left:auto;font-size:8px;text-transform:uppercase;padding:1px 4px;border:1px solid #C5BDB1;color:#a1998c;font-family:JetBrains Mono,monospace;flex-shrink:0}.bin-content{padding:10px;font-size:11px;line-height:1.4;color:#44423e;font-family:JetBrains Mono,monospace}.hardware-label{position:absolute;font-family:JetBrains Mono,monospace;font-size:9px;color:#a1998c;letter-spacing:2px;text-transform:uppercase;pointer-events:none}.hl-top{top:56px;right:340px}.hl-bottom{bottom:20px;left:8px;transform:rotate(-90deg);transform-origin:left bottom;color:#dab93e;font-weight:700}.mobile-terminal{display:none}@media (max-width: 1024px){.terminal-header,.panel-left,.panel-right,.panel-center,.hardware-label{display:none}.terminal-casing{display:flex;flex-direction:column}.mobile-terminal{display:flex;flex-direction:column;height:100%;pointer-events:auto}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#e1d9cdeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid #44423E;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#44423e}.mobile-header-left{display:flex;align-items:center;gap:8px}.mobile-viewport{flex:1;pointer-events:none;position:relative}.mobile-content{background:#e1d9cde0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 16px;max-height:40vh;overflow-y:auto;scrollbar-width:none;border-top:1px solid #A1998C}.mobile-content::-webkit-scrollbar{display:none}.mobile-tab-nav{display:flex;background:#e1d9cdf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:2px solid #44423E;height:56px;flex-shrink:0}.mobile-tab{flex:1;background:none;border:none;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#a1998c;cursor:pointer;transition:all .2s ease;border-right:1px solid #C5BDB1;padding:0}.mobile-tab:last-child{border-right:none}.mobile-tab.active{color:#2d2a26;background:#dab93e26;border-bottom:2px solid #DAB93E;font-weight:700}.nav-clock{display:none}.mobile-tab,.mobile-content .data-label,.mobile-content .data-value,.mobile-content .section-title,.mobile-content .contact-link,.mobile-content .bin-content,.mobile-content .bin-status,.mobile-content .bin-title,.mobile-content .bin-num{color:#44423e}.mobile-content .employee-name,.mobile-content .panel-heading,.mobile-content .data-value,.mobile-content .bin-title{color:#2d2a26}}