:root{--font-display: "Outfit", "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-sans: "Plus Jakarta Sans", sans-serif;--bg-deep: #050a14;--bg-card: rgba(10, 20, 38, .5);--bg-glass: rgba(6, 12, 26, .65);--cyan-hue: 180;--cyan: hsl(var(--cyan-hue), 100%, 50%);--cyan-dim: hsl(var(--cyan-hue), 80%, 20%);--cyan-glow: hsla(var(--cyan-hue), 100%, 50%, .35);--amber-hue: 35;--amber: hsl(var(--amber-hue), 100%, 55%);--amber-dim: hsl(var(--amber-hue), 80%, 20%);--amber-glow: hsla(var(--amber-hue), 100%, 55%, .35);--green-hue: 145;--green: hsl(var(--green-hue), 85%, 45%);--green-dim: hsl(var(--green-hue), 80%, 18%);--green-glow: hsla(var(--green-hue), 85%, 45%, .35);--text-primary: #f0f4fa;--text-secondary: #a0aec0;--text-muted: #5e6d82;--border-glass: rgba(255, 255, 255, .08);--border-cyan: rgba(0, 255, 255, .15);--border-amber: rgba(255, 165, 0, .18);--border-green: rgba(34, 197, 94, .18);--transition-smooth: all .35s cubic-bezier(.25, .8, .25, 1);--transition-fast: all .15s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden;-webkit-font-smoothing:antialiased}body.loading-state{cursor:wait}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.mono-font{font-family:var(--font-mono)}.fids-font{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.glow-text{text-shadow:0 0 10px var(--cyan-glow)}.glow-amber{text-shadow:0 0 10px var(--amber-glow)}.glow-green{text-shadow:0 0 10px var(--green-glow)}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.hud-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:grid;grid-template-columns:240px 1fr 280px;grid-template-rows:80px 1fr;grid-template-areas:"header header header" "left   content  right";padding:16px;gap:16px}.hud-overlay button,.hud-overlay a,.hud-overlay input,.hud-overlay textarea{pointer-events:auto}.glass-card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0006;transition:var(--transition-smooth)}.glass-card:hover{border-color:#ffffff26}.glass-card-inset{background:#04081299;border:1px solid var(--border-glass);border-radius:8px;padding:16px;box-shadow:inset 0 2px 8px #00000080}.border-cyan{border-color:var(--border-cyan)}.border-cyan:hover{border-color:var(--cyan);box-shadow:0 0 20px #00ffff26}.border-amber{border-color:var(--border-amber)}.border-amber:hover{border-color:var(--amber);box-shadow:0 0 20px #ffa50026}.border-green{border-color:var(--border-green)}.border-green:hover{border-color:var(--green);box-shadow:0 0 20px #22c55e26}.hud-header{grid-area:header;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;padding:0 24px;height:64px;align-self:center}.hud-brand{display:flex;align-items:center;gap:12px}.hud-icon{width:24px;height:24px;color:var(--cyan)}.brand-text{display:flex;flex-direction:column}.hud-label{font-size:9px;color:var(--text-muted);font-family:var(--font-mono);font-weight:600;letter-spacing:.15em}.brand-title{font-size:14px;font-weight:700}.hud-nav{display:flex;gap:8px}.nav-btn{background:transparent;border:1px solid rgba(255,255,255,.05);border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:600;padding:6px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-fast);position:relative;overflow:hidden}.nav-btn .btn-indicator{width:4px;height:4px;border-radius:50%;background:transparent;transition:var(--transition-fast)}.nav-btn .nav-num{color:var(--text-muted);font-size:9px;margin-right:4px}.nav-btn:hover{background:#ffffff08;color:var(--text-primary);border-color:#ffffff26}.nav-btn.active{background:#00ffff14;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #00ffff26}.nav-btn.active .btn-indicator{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.hud-clock{text-align:right}.clock-time{font-size:14px;font-weight:700}.clock-label{font-size:8px;color:var(--text-muted)}.hud-left-instruments{grid-area:left;display:flex;flex-direction:column;justify-content:center;align-self:center;gap:16px;width:200px;height:max-content}.instrument-group{display:flex;flex-direction:column;gap:6px}.instrument-value{font-size:22px;font-weight:800;color:var(--text-primary)}.instrument-value .unit{font-size:11px;color:var(--text-muted);font-weight:400}.progress-bar-container{width:100%;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;width:0%;transition:width .3s cubic-bezier(.1,.8,.2,1)}.divider{width:100%;height:1px;background:#ffffff0d}.autopilot-status{display:flex;align-items:center;gap:8px;font-size:11px}.indicator-led{width:6px;height:6px;border-radius:50%}.status-green{background-color:var(--green);box-shadow:0 0 8px var(--green)}.hud-right-instruments{grid-area:right;display:flex;flex-direction:column;align-self:center;width:240px;height:300px}.radar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.radar-coor{font-size:10px;color:var(--text-secondary)}.radar-viewport{flex:1;background:#040814d9;border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden;position:relative}.radar-viewport canvas{width:100%;height:100%;display:block}.radar-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:9px}.scroll-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:scroll;scroll-behavior:auto;z-index:5;scrollbar-gutter:stable}.portfolio-section{width:100%;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:120px 260px 120px 240px}.section-content{width:100%;max-width:1100px;margin:0 auto}.flex-center{display:flex;align-items:center;justify-content:center}.section-header{margin-bottom:48px}.section-tag{font-size:11px;letter-spacing:.2em}.section-title{font-size:32px;font-weight:800;margin-top:6px;color:var(--text-primary)}.text-cyan{color:var(--cyan)}.text-amber{color:var(--amber)}.text-green{color:var(--green)}.text-dim{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-dark{color:var(--bg-deep)}.bg-cyan{background-color:var(--cyan)}.bg-amber{background-color:var(--amber)}.bg-green{background-color:var(--green)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.max-w-xl{max-w:36rem}.mb-6{margin-bottom:24px}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch;width:100%}.welcome-block{padding:40px;display:flex;flex-direction:column;justify-content:center}.terminal-badge{align-self:flex-start;padding:4px 10px;border-radius:4px;font-size:10px;letter-spacing:.15em;margin-bottom:24px}.name-display{margin-bottom:24px}.title-gradient{font-size:54px;font-weight:900;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,#ffffff 30%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:11px;margin-top:8px}.description{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:32px}.btn{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-fast);border:none;font-family:var(--font-mono)}.btn-primary{background:var(--cyan);color:var(--bg-deep);box-shadow:0 4px 20px var(--cyan-glow)}.btn-primary:hover{background:#fff;color:var(--bg-deep);transform:translateY(-2px);box-shadow:0 8px 24px #ffffff40}.btn-secondary{background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40}.boarding-pass{padding:0;overflow:hidden;display:flex;flex-direction:column}.boarding-header{background:#ffa5000d;border-bottom:1px solid var(--border-amber);padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.carrier-logo{font-size:12px;font-weight:800}.ticket-class{font-size:9px;color:var(--amber);letter-spacing:.15em}.boarding-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:20px}.pass-row{display:flex;justify-content:space-between}.pass-col{display:flex;flex-direction:column;gap:4px}.col-6{width:48%}.col-4{width:30%}.text-right{text-align:right}.pass-col .label{font-size:8px;letter-spacing:.1em}.pass-col .val{font-size:13px}.flight-path-row{align-items:center;background:#ffffff05;border-radius:6px;border:1px dashed rgba(255,255,255,.05);padding:8px 16px}.airport-code{display:flex;flex-direction:column}.airport-code .code{font-size:24px;line-height:1}.airport-code .city{font-size:8px;letter-spacing:.05em}.flight-icon-container{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.flight-icon-container .line{flex:1;height:1px;background:#ffffff1a}.flight-icon-container .dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted)}.plane-flight-icon{width:16px;height:16px;transform:rotate(90deg);color:var(--amber)}.boarding-barcode-container{border-top:1px dashed var(--border-glass);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:#0003}.resume-download-btn{text-decoration:none;font-size:11px;padding:10px 18px;border-radius:4px;letter-spacing:.1em;transition:var(--transition-fast);box-shadow:0 4px 12px var(--amber-glow)}.resume-download-btn:hover{background:#fff;color:var(--bg-deep);box-shadow:0 6px 16px #ffffff40;transform:translateY(-1px)}.barcode{display:flex;height:36px;gap:2px;opacity:.6}.barcode div{width:2px;height:100%;background:var(--text-secondary)}.barcode div:nth-child(2n){width:3px}.barcode div:nth-child(3n){width:1px}.barcode div:nth-child(5n){width:4px}.timeline-container{position:relative;display:flex;flex-direction:column;gap:40px}.timeline-line{position:absolute;left:20px;top:10px;bottom:10px;width:1px;background:linear-gradient(to bottom,var(--cyan) 30%,var(--amber) 80%);opacity:.3}.timeline-item{position:relative;margin-left:48px;padding:32px}.timeline-radar-blip{position:absolute;left:-33px;top:36px;width:10px;height:10px;border-radius:50%;box-shadow:0 0 12px currentColor;animation:radarSweepIndicator 2s infinite ease-out}.border-left-cyan{border-left:3px solid var(--cyan)}.border-left-amber{border-left:3px solid var(--amber)}.timeline-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.timeline-date{font-size:10px;padding:2px 8px;border-radius:4px;letter-spacing:.1em}.timeline-location{font-size:11px}.role-title{font-size:22px;font-weight:700;margin-bottom:4px}.company-name{font-size:14px;font-weight:600;font-family:var(--font-mono);margin-bottom:20px;letter-spacing:.05em}.timeline-bullets{list-style:none;display:flex;flex-direction:column;gap:12px}.timeline-bullets li{position:relative;padding-left:18px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.timeline-bullets li:before{content:"➔";position:absolute;left:0;top:1px;color:inherit;font-size:10px;opacity:.7}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-blueprint-card{position:relative;overflow:hidden;padding:32px;background:#040c1c73;border:1px solid rgba(0,255,255,.1);display:flex;flex-direction:column;justify-content:space-between;min-height:240px;cursor:pointer}.project-blueprint-card:hover{background:#00ffff08;border-color:var(--cyan);box-shadow:0 0 24px #00ffff14}.blueprint-lines{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:1}.project-blueprint-card *{position:relative;z-index:2}.spec-number{font-size:9px;color:var(--text-muted);letter-spacing:.1em;margin-bottom:8px;display:block}.project-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.project-desc{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:20px}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.project-tags span{font-size:10px;padding:2px 8px;border-radius:4px;background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-secondary)}.project-inspect-btn{background:transparent;border:none;cursor:pointer;font-size:11px;letter-spacing:.05em;text-align:left;display:flex;align-items:center;transition:var(--transition-fast)}.project-blueprint-card:hover .project-inspect-btn{color:#fff;transform:translate(4px)}.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story-card{position:relative;overflow:hidden;padding:0;background:#040c1c73;border:1px solid rgba(0,255,255,.1);display:flex;flex-direction:column;cursor:pointer}.story-card:hover{background:#00ffff08;border-color:var(--cyan);box-shadow:0 0 24px #00ffff14}.story-cover{width:100%;height:140px;background-size:cover;background-position:center;border-bottom:1px solid rgba(0,255,255,.1);flex-shrink:0}.placeholder-cover{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ffff14,#ffbf000f)}.placeholder-icon{font-size:32px;color:var(--cyan);opacity:.6}.story-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.story-date{font-size:10px;letter-spacing:.1em;margin-bottom:8px;display:block}.story-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:10px;line-height:1.3}.story-excerpt{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.story-tags span{font-size:10px;padding:2px 8px;border-radius:4px;background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-secondary)}.story-read-btn{background:transparent;border:none;cursor:pointer;font-size:11px;letter-spacing:.05em;text-align:left;display:flex;align-items:center;transition:var(--transition-fast);margin-top:auto}.story-card:hover .story-read-btn{color:#fff;transform:translate(4px)}.modal-card.story-modal-card{padding:0;max-width:820px;max-height:85vh;overflow-y:auto}.story-modal-cover{width:100%;height:220px;background-size:cover;background-position:center;border-bottom:1px solid rgba(0,255,255,.1)}.story-modal-cover .placeholder-icon{font-size:56px}.story-modal-card .modal-header,.story-modal-card .modal-body{padding:0 40px}.story-modal-card .modal-header{margin-top:32px}.story-modal-card .modal-body{padding-bottom:40px}.story-modal-text{font-size:14px;line-height:1.8}.story-modal-text p{margin-bottom:16px}.story-modal-text h4{font-size:13px;letter-spacing:.04em;margin:32px 0 12px;text-transform:none}.story-modal-text ul{margin:0 0 16px;padding-left:20px;list-style:disc}.story-modal-text ul li{margin-bottom:10px}.story-modal-text ul li strong{color:var(--text-primary)}.story-photo-float{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding:36px 10px 48px}.float-photo{width:46%;aspect-ratio:4 / 3;border-radius:6px;overflow:hidden;border:1px solid rgba(0,255,255,.15);box-shadow:0 12px 30px #00000073;background:#00000059;transition:transform .35s ease,box-shadow .35s ease;animation:photoFloat 6s ease-in-out infinite}.float-photo img{display:block;width:100%;height:100%;object-fit:contain}.float-photo:hover{transform:translateY(-6px) scale(1.03)!important;box-shadow:0 18px 40px #00ffff2e;z-index:5}.float-1{transform:rotate(-4deg) translateY(4px);animation-delay:0s}.float-2{transform:rotate(3deg) translateY(-8px);animation-delay:.8s}.float-3{transform:rotate(2deg) translateY(6px);animation-delay:1.6s}.float-4{transform:rotate(-3deg) translateY(-4px);animation-delay:2.4s}@keyframes photoFloat{0%,to{translate:0 0}50%{translate:0 -8px}}.controls-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.panel-subtitle{font-size:12px;letter-spacing:.1em;margin-bottom:24px;border-bottom:1px solid var(--border-glass);padding-bottom:12px}.skills-categories{display:flex;flex-direction:column;gap:20px}.skills-cat{display:flex;flex-direction:column;gap:8px}.cat-label{font-size:9px;letter-spacing:.1em}.tags-group{display:flex;flex-wrap:wrap;gap:8px}.badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500}.badge-outline{border:1px solid rgba(255,255,255,.08);background:#ffffff03;color:var(--text-secondary);transition:var(--transition-fast)}.badge-outline:hover{background:#00ffff0d;border-color:var(--cyan);color:var(--cyan)}.leadership-cards{display:flex;flex-direction:column;gap:16px}.lead-item{display:flex;flex-direction:column;gap:12px}.lead-header{display:flex;align-items:center;gap:12px}.lead-logo{font-size:11px;padding:3px 6px;border-radius:4px;background:#ffffff0d}.lead-role{font-size:14px;font-weight:700}.lead-text{font-size:13px;line-height:1.5}.arrival-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.coordinate-list{display:flex;flex-direction:column;gap:12px;font-size:13px}.coord-item{display:flex;gap:12px}.coord-item .label{width:110px}.coord-item .val{text-decoration:none;font-weight:700}.passport-stamp{margin-top:36px;display:inline-block;transform:rotate(-10deg)}.stamp-border{border:3px double var(--green);padding:4px;border-radius:6px}.stamp-inner{border:1px solid var(--green);padding:10px 20px;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:700}.stamp-date{font-size:14px;letter-spacing:.05em;background:var(--green);color:var(--bg-deep);padding:1px 6px;border-radius:2px}.customs-form-card{padding:0;overflow:hidden}.form-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.form-sub{font-size:9px}.border-bottom-green{border-bottom:1px solid var(--border-green);background:#22c55e08}#customs-contact-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:9px;letter-spacing:.1em}.glass-input{background:#0003;border:1px solid var(--border-glass);border-radius:4px;padding:10px 14px;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;outline:none;transition:var(--transition-fast);width:100%}.glass-input:focus{border-color:var(--green);box-shadow:0 0 10px #22c55e26}textarea.glass-input{resize:none}.form-submit-btn{border:none;border-radius:4px;padding:14px;font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 12px var(--green-glow)}.form-submit-btn:hover{background:#fff;color:var(--bg-deep);box-shadow:0 6px 16px #ffffff40;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#03060cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{width:100%;max-width:720px;position:relative;overflow:hidden;padding:40px}.modal-lines{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.02) 1px,transparent 1px);background-size:15px 15px;pointer-events:none;z-index:1}.modal-card *{position:relative;z-index:2}.modal-close-btn{position:absolute;top:24px;right:24px;background:transparent;border:1px solid rgba(255,255,255,.1);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.modal-close-btn:hover{background:var(--cyan);color:var(--bg-deep);border-color:var(--cyan)}.modal-header{margin-bottom:24px}.modal-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:9px;margin-bottom:12px;border:1px solid currentColor}.modal-body h4{font-size:10px;letter-spacing:.1em;margin-bottom:12px}.modal-spec-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}.spec-left p{font-size:14px;line-height:1.6;color:var(--text-secondary)}.modal-links-section{margin-top:32px}.modal-links-section .btn{width:100%;justify-content:center}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-deep);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:32px}.radar-circle{width:120px;height:120px;border-radius:50%;border:1px solid var(--cyan-dim);position:relative;background:radial-gradient(circle,rgba(0,255,255,.05) 0%,transparent 70%)}.radar-sweep{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:conic-gradient(from 0deg,var(--cyan) 0deg,transparent 90deg);opacity:.4;animation:radarRotation 2s linear infinite}.radar-ping{position:absolute;top:40px;left:80px;width:6px;height:6px;background-color:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);animation:pingGlow 1.5s infinite ease-out}.loading-text-container{text-align:center}.loading-text-container h2{font-size:14px;letter-spacing:.25em;color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow)}.loading-text-container p{font-size:10px;color:var(--text-muted);margin-top:6px;letter-spacing:.05em}@keyframes radarRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pingGlow{0%{transform:scale(.8);opacity:.2}50%{transform:scale(1.2);opacity:1;box-shadow:0 0 16px var(--cyan)}to{transform:scale(.8);opacity:.2}}@keyframes radarSweepIndicator{0%{box-shadow:0 0 0 0 currentColor;opacity:.8}to{box-shadow:0 0 0 12px transparent;opacity:0}}.animate-pulse{animation:pulseEffect 2s infinite ease-in-out}@keyframes pulseEffect{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 1200px){.hud-overlay{grid-template-columns:200px 1fr 200px}.portfolio-section{padding:120px 220px}}@media (max-width: 991px){.hud-overlay{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header" "left" "content";padding:12px;gap:12px}.hud-left-instruments{grid-area:left;flex-direction:row;width:100%;justify-content:space-between;height:auto}.hud-right-instruments{display:none}.portfolio-section{padding:180px 20px 80px}.intro-grid,.controls-grid,.arrival-layout,.projects-grid,.stories-grid{grid-template-columns:1fr}.float-photo{width:80%}}@media (max-width: 767px){.hud-overlay{grid-template-rows:auto 1fr}.hud-header{height:auto;padding:10px 12px;flex-wrap:nowrap;align-items:center;position:relative}.hud-brand{min-width:0;overflow:hidden}.brand-text{overflow:hidden}.brand-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:transparent;border:1px solid var(--border-glass);border-radius:6px;color:var(--text-primary);cursor:pointer;pointer-events:auto}.mobile-nav-toggle:hover{border-color:var(--cyan);color:var(--cyan)}.hud-nav{position:absolute;top:calc(100% + 8px);left:12px;right:12px;flex-direction:column;flex-wrap:nowrap;align-items:stretch;background:#060c1af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:12px;padding:8px;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .3s ease,opacity .25s ease;box-shadow:0 20px 50px #0009}.nav-btn{padding:12px 14px}.hud-nav.mobile-open{max-height:70vh;overflow-y:auto;opacity:1;pointer-events:auto}.hud-clock{flex-shrink:0}.clock-time,.clock-label{display:none}.clock-top-row{gap:0}.hud-left-instruments{display:none}.portfolio-section{padding:100px 16px 60px}.title-gradient{font-size:36px}.timeline-meta{flex-direction:column;align-items:flex-start;gap:8px}.modal-spec-grid{grid-template-columns:1fr}}@media (min-width: 768px){.mobile-nav-toggle{display:none}}.clock-top-row{display:flex;align-items:center;gap:12px;justify-content:flex-end}.sound-btn{background:transparent;border:1px solid rgba(255,255,255,.05);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition-fast);padding:6px;pointer-events:auto}.sound-btn:hover{color:var(--cyan);border-color:#00ffff26;filter:drop-shadow(0 0 6px var(--cyan-glow))}.sound-btn.active{color:var(--amber);border-color:var(--border-amber);filter:drop-shadow(0 0 8px var(--amber-glow))}.game-hud-overlay{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);width:500px;max-width:calc(100% - 32px);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-amber);border-radius:12px;padding:16px 24px;z-index:100;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 40px #0009,0 0 20px var(--amber-glow);opacity:0;pointer-events:none;transition:var(--transition-smooth)}.game-hud-overlay.active{opacity:1;pointer-events:auto;transform:translate(-50%)}.game-hud-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;border-bottom:1px solid rgba(255,165,0,.15);padding-bottom:8px}.game-instructions{font-size:9px}.game-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.stat-box{display:flex;flex-direction:column;gap:4px;padding:6px;background:#00000040;border-radius:6px;border:1px solid var(--border-glass)}.stat-value{font-size:20px;font-weight:800}.print-only{display:none}@media print{body,html{background:#fff!important;color:#000!important;font-family:Plus Jakarta Sans,Arial,sans-serif!important;overflow:visible!important;height:auto!important}#canvas-container,.hud-overlay,#game-hud,#preloader,.scroll-container,.modal-overlay{display:none!important}.print-only{display:block!important;padding:20px!important}.print-header{text-align:center;border-bottom:2px solid #000;padding-bottom:12px;margin-bottom:20px}.print-header h1{font-size:28px;font-weight:800;margin-bottom:6px;letter-spacing:.05em}.print-contact{font-size:11px;color:#333}.print-section{margin-bottom:20px;page-break-inside:avoid}.print-section-title{font-size:14px;border-bottom:1px solid #ddd;padding-bottom:4px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.print-item{margin-bottom:12px}.print-item-header{display:flex;justify-content:space-between;font-size:12px}.print-item-sub{display:flex;justify-content:space-between;font-size:11px;font-style:italic;color:#444;margin-top:2px;margin-bottom:6px}.print-bullets{margin-left:20px;font-size:11px;line-height:1.5;list-style-type:square}.print-bullets li{margin-bottom:4px}.print-skills-table{width:100%;border-collapse:collapse;font-size:11px}.print-skills-table td{padding:4px 0;vertical-align:top}.print-skills-table td:first-child{width:120px}.print-lead-text{font-size:11px;margin-top:4px;line-height:1.4}}.company-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.logo-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--cyan);flex-shrink:0}.logo-container.bg-cyan-dim{color:var(--cyan);border-color:#00ffff4d;box-shadow:0 0 10px #00ffff1a}.logo-container.bg-amber-dim{color:var(--amber);border-color:#ffa5004d;box-shadow:0 0 10px #ffa5001a}.logo-container.bg-green-dim{color:var(--green);border-color:#22c55e4d;box-shadow:0 0 10px #22c55e1a}.logo-container.bg-pink-dim{color:#ff2d55;border-color:#ff2d554d;box-shadow:0 0 10px #ff2d551a}.logo-container svg{width:24px;height:24px;display:block}.article-preview-container{display:flex;flex-direction:column;gap:16px;margin-top:12px}.article-preview-image{width:100%;max-height:180px;object-fit:cover;border-radius:6px;border:1px solid rgba(0,255,255,.2);box-shadow:0 0 15px #00ffff0d}.article-quote{font-style:italic;border-left:3px solid var(--cyan);padding-left:14px;margin:0;color:var(--text-secondary);line-height:1.6}.article-meta-info{font-size:11px;color:var(--text-secondary)}.link-preview-box{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#040c1c40;margin-top:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:all .3s ease;max-width:550px}.link-preview-box:hover{border-color:#00ffff40;box-shadow:0 0 15px #00ffff14;background:#040c1c59}.link-preview-header{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;color:var(--text-secondary);font-family:var(--font-mono)}.link-preview-header svg{width:14px;height:14px}.link-preview-body{display:flex;gap:16px;padding:16px;align-items:center}.link-preview-image-container{width:64px;height:64px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.link-preview-image{width:100%;height:100%;object-fit:cover}.link-preview-content{display:flex;flex-direction:column;gap:4px;flex-grow:1}.link-preview-title{font-size:13px;font-weight:600;color:var(--text-primary);font-family:var(--font-outfit)}.link-preview-text{font-size:11px;color:var(--text-secondary);line-height:1.4;margin-bottom:4px}.link-preview-url{font-size:11px;color:var(--cyan);display:flex;align-items:center;gap:4px;font-family:var(--font-mono)}.link-preview-url svg{width:12px;height:12px}.google-gradient-logo{background:linear-gradient(135deg,#34a853,#fbbc05,#ea4335,#4285f4);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:800;font-family:var(--font-outfit)}