@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap);:root{--bg-dark:#000;--bg-dark-90:#000000e6;--bg-dark-50:#00000080;--color-accent:#d4ff00;--text-primary:#fff;--text-secondary:#888;--text-dark:#000;--font-display:"Space Grotesk",sans-serif;--font-mono:"Space Mono",monospace;--header-height:80px;--border-width:1px}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display)}code{font-family:Space Mono,monospace;font-family:var(--font-mono)}.neon-text{color:#d4ff00;color:var(--color-accent)}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a}.brutalist-border{border:1px solid #d4ff00;border:1px solid var(--color-accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#d4ff00}::selection{background:#d4ff00;background:var(--color-accent);color:var(--bg-dark)}:root{--color-accent:#cf0;--color-black:#000;--color-white:#fff;--color-gray-100:#f5f5f5;--color-gray-500:#6b7280;--color-gray-800:#1f2937;--font-display:"Be Vietnam Pro","Archivo Black",Impact,sans-serif;--font-mono:"Space Mono","Courier New",monospace;--border-width:4px;--border-width-sm:2px;--shadow-offset:8px;--shadow-offset-sm:4px;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-white);background-image:linear-gradient(90deg,#e5e5e5 1px,#0000 0),linear-gradient(180deg,#e5e5e5 1px,#0000 0);background-size:40px 40px;color:#000;color:var(--color-black);font-family:Space Mono,Courier New,monospace;font-family:var(--font-mono);text-transform:uppercase}::selection{background-color:#cf0;background-color:var(--color-accent);color:#000;color:var(--color-black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff;background:var(--color-white);border-left:2px solid #000;border-left:2px solid var(--color-black)}::-webkit-scrollbar-thumb{background:#000;background:var(--color-black)}::-webkit-scrollbar-thumb:hover{background:#cf0;background:var(--color-accent)}.brutalist-border{border:4px solid #000;border:var(--border-width) solid var(--color-black);box-shadow:8px 8px 0 0 #000;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--color-black)}.brutalist-border-sm{border:2px solid #000;border:var(--border-width-sm) solid var(--color-black);box-shadow:4px 4px 0 0 #000;box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 0 var(--color-black)}.brutalist-border-accent{border:4px solid #000;border:var(--border-width) solid var(--color-black);box-shadow:8px 8px 0 0 #cf0;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--color-accent)}.font-display{font-family:Be Vietnam Pro,Archivo Black,Impact,sans-serif;font-family:var(--font-display);letter-spacing:-.02em}.font-mono{font-family:Space Mono,Courier New,monospace;font-family:var(--font-mono)}.header-outline{-webkit-text-stroke:2px #000;-webkit-text-stroke:2px var(--color-black);color:#0000}.text-accent{color:#cf0;color:var(--color-accent)}.desaturated-img{filter:grayscale(1) contrast(1.2);mix-blend-mode:multiply}.duotone-box{background-color:#cf0;background-color:var(--color-accent)}.btn-brutalist{border:4px solid #000;border:var(--border-width) solid var(--color-black);cursor:pointer;font-family:Be Vietnam Pro,Archivo Black,Impact,sans-serif;font-size:1.25rem;gap:1rem;padding:1.5rem 2.5rem;text-transform:uppercase;transition:all .2s ease}.btn-brutalist-primary{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white)}.btn-brutalist-accent,.btn-brutalist-primary:hover{background-color:#cf0;background-color:var(--color-accent);color:#000;color:var(--color-black)}.btn-brutalist-accent{box-shadow:4px 4px 0 0 #000;box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 0 var(--color-black)}.btn-brutalist-accent:hover{box-shadow:none;transform:translate(4px,4px)}.btn-brutalist-outline{background-color:initial;color:#000;color:var(--color-black)}.btn-brutalist-outline:hover{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white)}.tag-brutalist{border:2px solid #000;border:2px solid var(--color-black);display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem 1rem;text-transform:uppercase}.tag-filled{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white)}.tag-accent{background-color:#cf0;background-color:var(--color-accent);color:#000;color:var(--color-black)}.container-brutalist{margin:0 auto;max-width:1400px;padding:0 1.5rem}.section-brutalist{border-top:4px solid #000;border-top:var(--border-width) solid var(--color-black);padding:8rem 0;padding:var(--space-xl) 0}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-4px)}.hover-rotate{transition:transform .5s ease}.hover-rotate:hover{transform:rotate(0deg)!important}@keyframes brutalist-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px) rotate(-1deg)}75%{transform:translateX(2px) rotate(1deg)}}@keyframes brutalist-pulse{0%,to{box-shadow:8px 8px 0 0 #000;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--color-black)}50%{box-shadow:10px 10px 0 0 #000;box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--color-black)}}@media (max-width:768px){:root{--shadow-offset:4px;--shadow-offset-sm:2px}body{background-size:20px 20px}}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#000000d9;border-bottom:1px solid #ffffff1a;left:0;position:fixed;top:0;width:100%;z-index:50}.header-overlay{display:none}.nav-container{height:80px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1.5rem}.logo-container,.logo-link,.nav-container{align-items:center;display:flex}.logo-link{gap:.5rem;text-decoration:none}.logo-full{display:none;height:50px;width:auto}.logo-link:before{color:var(--text-primary);content:"NGUYỄN ";letter-spacing:-.02em}.logo-link:after,.logo-link:before{font-family:var(--font-display);font-size:1.5rem}.logo-link:after{background-color:initial;border:1px solid var(--color-accent);color:var(--color-accent);content:"XUÂN HẢI";padding:0 .25rem}.nav{display:none}.nav-links{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li a{color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem;font-weight:700;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.nav-links li a.active,.nav-links li a:hover{color:var(--text-primary);text-decoration:none;text-shadow:0 0 10px #ffffff80}.nav-links li:last-child a{background-color:initial;border:1px solid var(--color-accent);box-shadow:none;color:var(--color-accent);padding:.75rem 1.25rem;transition:all .2s ease}.nav-links li:last-child a:hover{background-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent);color:#000;transform:translateY(-2px)}.nav-toggle{align-items:center;background:#0000;border:1px solid var(--text-primary);cursor:pointer;display:flex;flex-direction:column;height:48px;justify-content:center;padding:0;width:48px;z-index:60}.hamburger{position:relative}.hamburger,.hamburger:after,.hamburger:before{background:var(--text-primary);height:2px;transition:all .3s ease;width:24px}.hamburger:after,.hamburger:before{content:"";left:0;position:absolute}.hamburger:before{top:-8px}.hamburger:after{top:8px}.nav-toggle.active{border-color:var(--color-accent)}.nav-toggle.active .hamburger{background:#0000}.nav-toggle.active .hamburger:before{background:var(--color-accent);top:0;transform:rotate(45deg)}.nav-toggle.active .hamburger:after{background:var(--color-accent);top:0;transform:rotate(-45deg)}@media (min-width:768px){.nav{display:block}.logo-full,.nav-toggle{display:none}}.nav-open{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-top:1px solid var(--color-accent);bottom:0;display:flex;left:0;position:fixed;right:0;top:80px;z-index:40}.nav-open .nav-links{align-items:flex-start;flex-direction:column;gap:0;justify-content:flex-start;padding:2rem 1.5rem;width:100%}.nav-open .nav-links li{border-bottom:1px solid #ffffff1a;width:100%}.nav-open .nav-links li a{color:var(--text-primary);display:block;font-size:1.25rem;padding:1.5rem 0}.nav-open .nav-links li:last-child a{background:var(--color-accent);border:none;color:#000;margin-top:1rem;text-align:center}.audio-activator{-webkit-tap-highlight-color:transparent;animation:audioActivatorSlideIn .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1s;bottom:28px;cursor:pointer;opacity:0;position:fixed;right:28px;transform:translateY(20px);-webkit-user-select:none;user-select:none;z-index:9999}.audio-activator.dismissing{animation:audioActivatorDismiss .6s cubic-bezier(.55,0,1,.45) forwards}.audio-activator-inner{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a0a0ad9;border:1px solid #d4ff004d;border-radius:50px;display:flex;gap:12px;overflow:hidden;padding:12px 20px 12px 16px;position:relative;transition:all .3s ease}.audio-activator:hover .audio-activator-inner{background:#0a0a0af2;border-color:#d4ff00b3;box-shadow:0 0 20px #d4ff0026,0 8px 32px #0006;transform:scale(1.03)}.audio-activator:active .audio-activator-inner{transform:scale(.97)}.audio-activator-icon{align-items:center;animation:audioIconPulse 2s ease-in-out infinite;background:#d4ff001f;border-radius:50%;color:#d4ff00;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.audio-activator-text{display:flex;flex-direction:column;gap:1px}.audio-activator-label{color:#d4ff00;font-size:.75rem;font-weight:700;letter-spacing:2px}.audio-activator-hint,.audio-activator-label{font-family:SF Mono,Fira Code,monospace;font-family:var(--font-mono,"SF Mono","Fira Code",monospace);line-height:1}.audio-activator-hint{color:#ffffff80;font-size:.6rem;font-weight:400;letter-spacing:1px}.audio-activator-pulse{animation:audioRingPulse 2s ease-out infinite;border:1px solid #d4ff0066;border-radius:50%;height:36px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:36px}@keyframes audioActivatorSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes audioActivatorDismiss{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-5px) scale(1.05)}to{opacity:0;pointer-events:none;transform:translateY(20px) scale(.8)}}@keyframes audioIconPulse{0%,to{box-shadow:0 0 0 #d4ff0000;transform:scale(1)}50%{box-shadow:0 0 12px #d4ff0033;transform:scale(1.08)}}@keyframes audioRingPulse{0%{opacity:.6;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(2.2)}}@media (max-width:768px){.audio-activator{bottom:20px;right:16px}.audio-activator-inner{gap:10px;padding:10px 16px 10px 12px}.audio-activator-icon{height:30px;width:30px}.audio-activator-icon svg{height:18px;width:18px}.audio-activator-pulse{height:30px;left:12px;width:30px}.audio-activator-label{font-size:.65rem;letter-spacing:1.5px}.audio-activator-hint{font-size:.55rem}}@media (max-width:380px){.audio-activator-text{display:none}.audio-activator-inner{border-radius:50%;padding:10px}}.chat-launcher{animation:chatPulse 2s ease-in-out infinite;background:#000000eb;border:1px solid #d4ff0099;border-radius:999px;bottom:max(94px,calc(20px + env(safe-area-inset-bottom)));box-shadow:0 12px 30px #00000073;color:var(--color-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:1.3px;padding:11px 16px;text-transform:uppercase}.chat-intro-spotlight,.chat-launcher{cursor:pointer;position:fixed;right:max(20px,env(safe-area-inset-right));z-index:9998}.chat-intro-spotlight{background:#070900ed;border:1px solid #d4ff006b;border-radius:14px;bottom:max(154px,calc(78px + env(safe-area-inset-bottom)));box-shadow:0 16px 32px #0000008c;color:#f4f6d9;display:flex;flex-direction:column;gap:6px;padding:12px;text-align:left;width:min(340px,calc(100vw - 20px))}.chat-intro-spotlight strong{font-size:.84rem;letter-spacing:.02em}.chat-intro-spotlight span{color:#ffffffc7;font-size:.75rem;line-height:1.35}.chat-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(170deg,#0c0c0cfa,#020202f5);border:1px solid #d4ff0047;border-radius:18px;bottom:max(20px,env(safe-area-inset-bottom));box-shadow:0 20px 40px #00000080;display:none;flex-direction:column;height:min(72vh,680px);overflow:hidden;position:fixed;right:max(20px,env(safe-area-inset-right));width:min(440px,calc(100vw - 20px));z-index:9997}.chat-panel.open{display:flex}.chat-panel.fullscreen{border-left:none;border-radius:0;border-right:none;bottom:0;height:100vh;left:0;max-height:100vh;right:0;top:0;width:100vw;z-index:10000}.chat-panel.page-mode{border-radius:18px;height:calc(100vh - 120px);inset:auto;margin:96px auto 24px;position:relative;width:min(1200px,calc(100vw - 40px));z-index:4}.chat-toast{align-items:center;animation:toastAppear .18s ease-out;background:#0f1206f0;border:1px solid #d4ff0073;border-radius:999px;color:#f7f9e8;display:inline-flex;font-size:.72rem;gap:8px;left:50%;line-height:1.2;max-width:min(88%,440px);padding:6px 8px 6px 12px;position:absolute;top:12px;transform:translateX(-50%);z-index:5}.chat-toast span{text-align:left}.chat-toast button{background:#0000;border:none;border-radius:999px;color:inherit;cursor:pointer;font-size:.75rem;height:22px;line-height:1;padding:0;width:22px}.chat-toast button:hover{background:#ffffff1f}.chat-toast.error{background:#220808f5;border-color:#ff5d5d99}.chat-header{align-items:flex-start;border-bottom:1px solid #ffffff14;display:flex;gap:10px;justify-content:space-between;padding:14px 14px 10px}.chat-header h3{font-size:.95rem;letter-spacing:.03em;margin:0}.chat-header p{color:var(--text-secondary);font-size:.74rem;margin:4px 0 0}.chat-model-meta{color:#d4ff00d9;display:inline-block;font-size:.68rem;letter-spacing:.03em;margin-top:6px}.chat-header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:6px;min-width:0}.chat-utility-controls,.chat-window-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.chat-utility-controls{position:relative}.chat-actions-toggle{background:#acd3ff14!important;border-color:#acd3ff73!important;color:#d1e8fff2!important;min-width:74px}.chat-actions-menu{background:#06090cf5;border:1px solid #ffffff26;border-radius:10px;box-shadow:0 12px 24px #00000073;display:flex;flex-direction:column;gap:4px;min-width:176px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:7}.chat-actions-menu button{background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;font-size:.71rem;padding:6px 8px;text-align:left;width:100%}.chat-actions-menu button:hover{border-color:#d4ff0080}.chat-header-actions button{background:#0000;border:1px solid #fff3;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.72rem;padding:6px 8px}.chat-window-controls button{border-color:#d4ff0073}.chat-icon-btn{align-items:center;display:inline-flex;height:34px;justify-content:center;padding:0;width:40px}.chat-icon{display:inline-block;height:15px;position:relative;width:15px}.chat-icon.icon-fullscreen,.chat-icon.icon-window{border:1.5px solid #d4ff00f2;border-radius:2px}.chat-icon.icon-window{transform:scale(.82)}.chat-icon.icon-window:after{background:#000000e6;border:1.5px solid #d4ff00c7;border-radius:2px;content:"";height:7px;position:absolute;right:-4px;top:-4px;width:7px}.chat-icon.icon-hide:after,.chat-icon.icon-hide:before{background:#d4ff00f2;content:"";height:1.5px;left:1px;position:absolute;top:6px;width:13px}.chat-icon.icon-hide:before{transform:rotate(45deg)}.chat-icon.icon-hide:after{transform:rotate(-45deg)}.chat-header-actions button:disabled{cursor:not-allowed;opacity:.45}.chat-telemetry-panel{background:#05080beb;border-bottom:1px solid #ffffff14;display:flex;flex-direction:column;gap:6px;padding:8px 10px}.chat-telemetry-head{align-items:center;display:flex;justify-content:space-between}.chat-telemetry-head strong{color:#acd3fff2;font-size:.7rem}.chat-telemetry-head button{background:#acd3ff12;border:1px solid #acd3ff73;border-radius:999px;color:#acd3ffeb;cursor:pointer;font-size:.66rem;padding:3px 8px}.chat-telemetry-body{display:flex;flex-direction:column;gap:5px;max-height:114px;overflow-y:auto}.chat-telemetry-body article{background:#ffffff05;border:1px solid #acd3ff33;border-radius:6px;padding:5px 7px}.chat-telemetry-body p{color:#dbecfff2;font-size:.68rem;margin:0}.chat-telemetry-body small{color:#a8b9cce6;display:block;font-size:.62rem;margin-top:2px}.chat-body{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.chat-message{border-radius:12px;font-size:.85rem;line-height:1.45;max-width:88%;padding:10px 12px}.chat-message p{margin:0;white-space:pre-wrap;word-break:break-word}.chat-message.user{align-self:flex-end;background:#d4ff001a;border:1px solid #d4ff004d}.chat-message.assistant{align-self:flex-start;background:#ffffff0a;border:1px solid #ffffff14}.chat-action-card{background:#0a0a0ad9;border:1px solid #d4ff003d;border-radius:10px;margin-top:9px;padding:8px}.chat-action-card p{margin-bottom:8px}.chat-action-card a{color:var(--color-accent);display:inline-block;font-size:.8rem;margin-top:6px;text-decoration:none}.chat-action-card ul{display:flex;flex-direction:column;gap:7px;list-style:none;margin:0;padding:0}.chat-rich-card ul{list-style:disc;margin:0;padding-left:18px}.chat-rich-card li{margin:2px 0}.chat-fit-summary{border-top:1px solid #ffffff14;margin-top:8px;padding-top:8px}.chat-fit-summary p{color:var(--text-primary);font-size:.78rem;margin:6px 0}.chat-facts-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}.chat-fact-item{background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:7px}.chat-fact-item span{color:var(--text-secondary);font-size:.68rem}.chat-fact-item strong{font-size:.78rem}.chat-insights-list{display:flex;flex-direction:column;gap:7px;margin:8px 0}.chat-insight-item{background:#ffffff08;border-left:2px solid #fff3;border-radius:6px;padding:5px 8px}.chat-insight-item h5{font-size:.75rem;margin:0}.chat-insight-item p{color:var(--text-secondary);font-size:.74rem;margin:3px 0 0}.chat-insight-item.priority-high{border-left-color:#ff5d5dcc}.chat-insight-item.priority-medium{border-left-color:#f5ca54cc}.chat-insight-item.priority-low{border-left-color:#67c28dcc}.chat-timeline{display:flex;flex-direction:column;gap:7px;margin:8px 0}.chat-timeline-item{padding-left:14px;position:relative}.chat-timeline-item:before{background:#d4ff00d9;border-radius:999px;content:"";height:6px;left:2px;position:absolute;top:6px;width:6px}.chat-timeline-item strong{display:block;font-size:.74rem}.chat-timeline-item span{color:var(--text-secondary);display:block;font-size:.73rem;margin-top:2px}.chat-skills-matrix{display:flex;flex-direction:column;gap:7px;margin:8px 0}.chat-skill-row{grid-gap:4px 8px;background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;display:grid;gap:4px 8px;grid-template-columns:1fr auto;padding:7px}.chat-skill-name{font-size:.76rem;font-weight:600}.chat-skill-level{border:1px solid #fff3;border-radius:999px;font-size:.68rem;letter-spacing:.03em;padding:2px 7px;text-transform:uppercase}.chat-skill-level.level-strong{border-color:#67c28db3;color:#94edbaf2}.chat-skill-level.level-medium{border-color:#f5ca54b3;color:#ffdd83f2}.chat-skill-level.level-basic{border-color:#9eb3ffbf;color:#bfccfff2}.chat-skill-row small{color:var(--text-secondary);font-size:.7rem;grid-column:1/-1}.chat-hr-summary{background:#d4ff000a;border:1px solid #d4ff003d;border-radius:8px;margin:8px 0;padding:8px}.chat-hr-summary p{font-size:.74rem;margin:0 0 5px}.chat-hr-summary p:last-child{margin-bottom:0}.chat-risk-flags{display:flex;flex-direction:column;gap:7px;margin:8px 0}.chat-risk-item{background:#ffffff08;border-left:2px solid #f5ca54c7;border-radius:6px;padding:6px 8px}.chat-risk-item h6{font-size:.73rem;margin:0}.chat-risk-item p{color:var(--text-secondary);font-size:.72rem;margin:3px 0 0}.chat-risk-item.severity-high{border-left-color:#ff5d5ddb}.chat-risk-item.severity-medium{border-left-color:#f5ca54db}.chat-risk-item.severity-low{border-left-color:#67c28ddb}.chat-interview-questions{margin:8px 0}.chat-interview-questions p{margin:0 0 6px}.chat-interview-questions ol{margin:0;padding-left:18px}.chat-interview-questions li{font-size:.74rem;margin:3px 0}.chat-interview-questions li button{background:#ffffff08;border:1px solid #ffffff29;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.72rem;line-height:1.35;padding:6px 8px;text-align:left;width:100%}.chat-interview-questions li button:hover{border-color:#d4ff0073}.chat-next-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chat-next-actions a,.chat-next-actions button,.chat-next-actions span{background:#ffffff0a;border:1px solid #ffffff38;border-radius:999px;color:var(--text-primary);font-size:.72rem;padding:4px 9px;text-decoration:none}.chat-next-actions button{cursor:pointer}.chat-next-actions a:hover,.chat-next-actions button:hover{border-color:#d4ff0073}.chat-item-title{font-weight:600}.chat-item-detail,.chat-item-sub{color:var(--text-secondary);font-size:.76rem}.chat-action-list{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.chat-input-wrap{background:#000000b3;border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:8px;padding:10px}.chat-style-row{align-items:center;display:flex;gap:8px}.chat-style-row span{color:var(--text-secondary);font-size:.72rem}.chat-style-actions{display:flex;gap:6px}.chat-style-actions button{background:#ffffff08;border:1px solid #fff3;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:.7rem;padding:4px 10px;text-transform:capitalize}.chat-style-actions button.active{background:#d4ff001a;border-color:#d4ff00b3;color:var(--color-accent)}.chat-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.chat-quick-actions button{background:#ffffff0a;border:1px solid #fff3;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.72rem;padding:6px 10px}.chat-context-row{align-items:center;display:flex;gap:8px}.chat-context-btn{background:#d4ff0014;border:1px solid #d4ff0073;border-radius:8px;color:var(--color-accent);cursor:pointer;font-size:.7rem;padding:6px 10px}.chat-jd-pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff40;border-radius:999px;display:flex;gap:6px;max-width:100%;padding:4px 9px}.chat-jd-pill span{color:var(--text-primary);font-size:.7rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-jd-pill button{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:.72rem}.chat-file-input{display:none}.chat-language-gate{background:#0a0a0ae6;border-bottom:1px solid #ffffff14;border-top:1px solid #ffffff14;padding:12px}.chat-language-gate p{color:#fffc;font-size:.78rem;margin:0 0 10px}.chat-language-actions{display:flex;gap:8px}.chat-language-actions button{background:#d4ff0014;border:1px solid #d4ff0080;border-radius:10px;color:var(--color-accent);cursor:pointer;font-size:.75rem;font-weight:700;padding:8px 12px}@keyframes chatPulse{0%,to{box-shadow:0 12px 30px #00000073}50%{box-shadow:0 12px 34px #d4ff003d}}@keyframes toastAppear{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.chat-suggestions{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.chat-suggestions button{background:#ffffff0a;border:1px solid #fff3;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:.72rem;padding:5px 9px;white-space:nowrap}.chat-command-palette{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto;padding:2px 0}.chat-command-palette button{align-items:center;background:#d4ff000f;border:1px solid #d4ff0047;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.73rem;gap:10px;justify-content:space-between;padding:8px 10px;text-align:left}.chat-command-palette button:hover{background:#d4ff0024;border-color:#d4ff0075}.chat-command-palette button.active{background:#d4ff002e;border-color:#d4ff0094;box-shadow:0 0 0 1px #d4ff003d}.chat-command-palette strong{color:var(--color-accent);font-size:.75rem}.chat-command-palette span{color:var(--text-muted);font-size:.69rem}.chat-input-row{display:flex;gap:8px}.chat-input-row input{background:#ffffff0a;border:1px solid #fff3;border-radius:10px;color:var(--text-primary);flex:1 1;font-size:.85rem;padding:10px}.chat-input-row button{background:#d4ff001f;border:1px solid #d4ff0099;border-radius:10px;color:var(--color-accent);cursor:pointer;font-size:.78rem;font-weight:700;padding:0 14px}.chat-input-row button:disabled{cursor:not-allowed;opacity:.45}@media (max-width:900px){.chat-launcher{bottom:max(84px,calc(12px + env(safe-area-inset-bottom)));padding:10px 13px}.chat-intro-spotlight,.chat-launcher{right:max(12px,env(safe-area-inset-right))}.chat-intro-spotlight{bottom:max(140px,calc(72px + env(safe-area-inset-bottom)));width:calc(100vw - 24px)}.chat-panel{border-radius:14px;bottom:max(8px,env(safe-area-inset-bottom));height:min(78vh,640px);right:max(8px,env(safe-area-inset-right));width:calc(100vw - 16px)}.chat-panel.fullscreen,.chat-panel.page-mode{border-radius:0;height:100vh;inset:0;margin:0;max-height:100vh;width:100vw}}@media (max-width:520px){.chat-launcher{bottom:max(76px,calc(10px + env(safe-area-inset-bottom)))}.chat-intro-spotlight{bottom:max(128px,calc(66px + env(safe-area-inset-bottom)))}.chat-panel{height:min(76vh,76vh);left:5px;right:5px;width:calc(100vw - 10px)}.chat-action-list,.chat-facts-grid{grid-template-columns:1fr}.chat-message{max-width:95%}.chat-context-row,.chat-style-row{flex-wrap:wrap}.chat-jd-pill span{max-width:130px}.chat-header{align-items:stretch;flex-direction:column}.chat-header-actions{align-items:flex-start}.chat-utility-controls,.chat-window-controls{justify-content:flex-start}.chat-actions-menu{left:0;min-width:168px;right:auto}}@media (max-width:390px){.chat-header{gap:8px;padding:12px 10px 8px}.chat-header h3{font-size:.88rem}.chat-header p{font-size:.7rem}.chat-utility-controls,.chat-window-controls{gap:4px}.chat-header-actions button{font-size:.66rem;padding:5px 7px}.chat-icon-btn{height:30px;padding:0;width:34px}.chat-toast{max-width:calc(100% - 12px)}}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.main-content{margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.App{text-align:center}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#d4ff00;height:40px;width:40px}.error-fallback{background:#ff32321a;border:2px solid #ff5f56;color:#ff5f56;margin:20px 0;padding:20px;text-align:center}@keyframes spin{to{transform:rotate(1turn)}}.cv-preview-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.cv-preview-container{animation:scaleUp .3s cubic-bezier(.16,1,.3,1);background:#111;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;height:90%;max-width:1200px;width:90%}.cv-preview-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 20px}.cv-preview-title{color:#fff;font-family:var(--font-mono);font-size:1rem;letter-spacing:1px}.cv-actions{align-items:center;display:flex;gap:15px}.cv-download-btn{border:1px solid var(--color-accent);border-radius:4px;color:var(--color-accent);font-family:var(--font-mono);font-size:.8rem;padding:5px 15px;text-decoration:none;transition:all .2s ease}.cv-download-btn:hover{background:var(--color-accent);color:#000}.cv-close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.cv-close-btn:hover{color:#fff}.cv-preview-body{background:#000;flex:1 1;overflow:hidden;position:relative}.cv-iframe{border:none;height:100%;width:100%}.cv-loading{align-items:center;background:#000;color:#888;display:flex;flex-direction:column;font-family:var(--font-mono);font-size:.9rem;gap:15px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.cv-preview-container{border:none;border-radius:0;height:100%;width:100%}}.profile-section{align-items:center;background-color:var(--bg-dark);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 2rem 2rem;position:relative}.profile-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr;margin:0 auto;max-width:1400px;width:100%;z-index:2}.hero-title{display:flex;flex-direction:column;font-family:var(--font-display);font-weight:700;line-height:.9;margin-bottom:2rem;text-transform:uppercase}.hero-line{display:block;opacity:0;transform:translateY(100px);transition:all 1s cubic-bezier(.16,1,.3,1)}.hero-line.line-1{color:var(--color-accent);font-size:clamp(3.5rem,10vw,9rem);margin-left:-5px}.hero-line.line-2{align-self:flex-start;font-size:clamp(3.5rem,10vw,9rem);margin-left:10%;transition-delay:.1s}.hero-line.in-view{opacity:1;transform:translateY(0)}.hollow-text{-webkit-text-stroke:2px #fff;position:relative}.hero-sub{margin-bottom:3rem;margin-left:5px;max-width:600px;opacity:0;transform:translateY(20px);transition:all .8s ease .4s}.hero-sub.in-view{opacity:1;transform:translateY(0)}.hero-sub p{color:var(--text-secondary);font-family:var(--font-mono);font-size:1rem;line-height:1.6}.neon-highlight{border-bottom:1px solid var(--color-accent);color:var(--text-primary)}.hero-cta{align-items:center;display:flex;gap:2rem;opacity:0;transform:translateY(20px);transition:all .8s ease .6s}.hero-cta.in-view{opacity:1;transform:translateY(0)}.btn-brutalist{align-items:center;background:var(--color-accent);color:#000;display:inline-flex;font-family:var(--font-display);font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-brutalist:hover{box-shadow:4px 4px 0 #fff3;transform:translate(-4px,-4px)}.btn-view-cv{overflow:hidden;position:relative}.btn-view-cv:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.scroll-hint{color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;letter-spacing:2px}.profile-visual{align-items:center;display:flex;justify-content:center;opacity:0;position:relative;transition:opacity 1s ease .2s}.profile-visual.in-view{opacity:1}.glitch-frame{aspect-ratio:4/5;border:1px solid #ffffff1a;max-width:450px;position:relative;width:100%}.glitch-image-wrapper{background:#111;height:100%;overflow:hidden;position:relative;width:100%}.profile-img{filter:grayscale(100%) contrast(1.1);height:100%;object-fit:cover;transition:filter .5s ease;width:100%}.glitch-frame:hover .profile-img.main-img{filter:grayscale(0) contrast(1)}.glitch-layer{left:0;mix-blend-mode:hard-light;opacity:0;position:absolute;top:0}.glitch-frame:hover .layer-1{animation:glitch-anim-1 2.5s linear infinite alternate-reverse;opacity:.5}.glitch-frame:hover .layer-2{animation:glitch-anim-2 3s linear infinite alternate-reverse;opacity:.5}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px,1px)}to{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 50% 0);transform:translate(2px,2px)}to{clip-path:inset(80% 0 5% 0);transform:translate(-2px,-2px)}}.floating-badge{align-items:center;animation:float 4s ease-in-out infinite;background:#000;border:1px solid var(--color-accent);bottom:2rem;box-shadow:0 10px 30px #00000080;color:var(--color-accent);display:flex;font-family:var(--font-mono);font-size:.9rem;gap:10px;padding:.8rem 1.5rem;position:absolute;right:-2rem;z-index:10}.status-dot{background:var(--color-accent);border-radius:50%;box-shadow:0 0 10px var(--color-accent);height:8px;width:8px}.grid-deco{border-color:var(--color-accent);border-style:solid;height:20px;opacity:.8;position:absolute;width:20px}.grid-deco.top-left{border-width:2px 0 0 2px;left:-1px;top:-1px}.grid-deco.bottom-right{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.bg-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@media (min-width:1024px){.profile-grid{align-items:center;grid-template-columns:1.2fr .8fr}}@media (max-width:768px){.hero-line.line-2{margin-left:0}.floating-badge{bottom:-1.5rem;right:0}}.experience-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.experience-popup-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#141414f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 50px #00000080;max-width:500px;padding:30px;position:relative;width:90%}.popup-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:background .2s ease;width:30px}.popup-close-btn:hover{background:#ffffff1a}.popup-title{color:var(--color-accent);font-family:var(--font-display);font-size:1.2rem;letter-spacing:1px;margin-bottom:25px}.popup-list{display:flex;flex-direction:column;gap:15px}.popup-item{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:8px;padding:15px;transition:transform .2s ease,border-color .2s ease}.popup-item:hover{border-color:#00ff884d;transform:translateX(5px)}.popup-item-header{display:flex;justify-content:space-between;margin-bottom:5px}.popup-company{color:#fff;font-weight:700}.popup-duration{color:var(--color-accent);font-family:var(--font-mono);font-size:.9rem}.popup-period{color:#888;font-family:var(--font-mono);font-size:.85rem}.popup-footer{border-top:1px solid #ffffff1a;margin-top:25px;padding-top:20px}.total-exp{align-items:center;color:#fff;display:flex;font-family:var(--font-mono);justify-content:space-between}.scramble-text{color:var(--color-accent);font-size:1.2rem;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-badge{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.floating-badge:hover{box-shadow:0 15px 40px #0f83;transform:translateY(-5px)}.about-section{align-items:center;background-color:var(--bg-dark);border-top:1px solid #ffffff1a;display:flex;min-height:100vh;padding:100px 5vw;position:relative}.about-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr;margin:0 auto;max-width:1400px;opacity:0;transform:translateY(30px);transition:all .8s ease;width:100%}.about-grid.in-view{opacity:1;transform:translateY(0)}.about-left{display:flex;flex-direction:column;justify-content:center}.about-header{color:var(--text-primary);display:inline-block;font-family:var(--font-display);font-size:4rem;margin-bottom:2rem;position:relative}.about-header:after{background:var(--color-accent);bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.bio-text{color:var(--text-primary);font-size:1.5rem;font-weight:300;line-height:1.4;margin-bottom:2rem;max-width:600px}.bio-sub{color:var(--text-secondary);font-family:var(--font-mono);line-height:1.6;margin-bottom:3rem;max-width:500px}.highlight{color:var(--color-accent);font-weight:600}.code-quote{background:#ffffff0d;border-left:2px solid var(--color-accent);color:#ccc;font-family:var(--font-mono);font-size:.9rem;padding:1.5rem}.comment{color:#888}.keyword{color:#ff79c6}.string{color:#f1fa8c}.about-right{align-items:center;display:flex;justify-content:center}.terminal-window{background:#1a1b26;border:1px solid #333;border-radius:8px;box-shadow:0 20px 50px #00000080;max-width:550px;overflow:hidden;width:100%}.terminal-header{align-items:center;background:#16161e;border-bottom:1px solid #333;display:flex;padding:10px 15px}.btns{display:flex;gap:6px}.circle{border-radius:50%;height:12px;width:12px}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.title{color:#888;flex:1 1;font-size:.8rem;text-align:center}.terminal-body,.title{font-family:var(--font-mono)}.terminal-body{padding:2rem}.skill-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.skill-label{color:#a9b1d6;font-size:.9rem}.prompt{color:var(--color-accent);margin-right:8px}.skill-bar-track{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:100%}.skill-bar-fill{background:var(--color-accent);height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@media (min-width:1024px){.about-grid{align-items:center;grid-template-columns:1fr 1fr;min-height:60vh}}.experience-section{background:#000;overflow:hidden;padding:100px 20px;position:relative}.experience-bg-video-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.experience-bg-video{height:100%;object-fit:cover;object-position:center center;opacity:.8;width:100%}.experience-bg-overlay{background:linear-gradient(180deg,#0006 0,#0003 50%,#0006);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.experience-container{margin:0 auto;max-width:900px;position:relative;z-index:2}.section-title{color:#fff;font-size:4rem;font-weight:900;letter-spacing:-2px;margin-bottom:80px;opacity:.9;text-shadow:0 0 20px #000c;text-transform:uppercase}.hollow-text{-webkit-text-stroke:1px #fff;color:#0000;opacity:.7}.experience-timeline{border-left:1px solid #fff3;padding-left:50px;position:relative}.experience-item{margin-bottom:80px;position:relative}.experience-item:last-child{margin-bottom:0}.experience-marker{background:#000;border:2px solid var(--color-accent);border-radius:50%;height:12px;left:-56px;position:absolute;top:5px;transition:all .3s ease;width:12px;z-index:2}.experience-item:hover .experience-marker{background:var(--color-accent);box-shadow:0 0 15px var(--color-accent)}.experience-content{background:#0000;border:none;padding:0}.experience-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.company-info{align-items:center;display:flex;gap:15px}.company-logo-link{display:none}.company-name{color:#fff;font-size:2rem;font-weight:700;line-height:1;margin:0}.company-name,.job-role{text-shadow:0 0 10px #00000080}.job-role{color:var(--color-accent);display:block;font-size:1.1rem;margin:0 0 20px}.job-period,.job-role{font-family:var(--font-mono)}.job-period{background:#00000080;border:1px solid #ffffff4d;border-radius:20px;color:#ccc;font-size:.9rem;padding:4px 10px}.job-description{color:#ccc;font-size:1rem;line-height:1.7;margin-bottom:25px;max-width:90%;text-shadow:0 0 5px #00000080}.tech-stack-mini{display:flex;flex-wrap:wrap;gap:10px}.tech-badge{background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;color:#bbb;font-family:var(--font-mono);font-size:.75rem;padding:2px 6px;position:relative}.tech-badge:before{content:"#";margin-right:2px;opacity:.8}.audio-toggle,.tech-badge.more,.tech-badge:before{color:var(--color-accent)}.audio-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:44px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:44px;z-index:10}.audio-toggle:hover{background:#d4ff0026;border-color:var(--color-accent);transform:scale(1.1)}.audio-toggle.muted{border-color:#ffffff1a;color:#fff6}.audio-toggle.muted:hover{color:var(--color-accent)}@media (max-width:768px){.section-title{font-size:2.5rem;letter-spacing:normal}.experience-timeline{border-left:1px solid #fff3;padding-left:20px}.experience-marker{left:-27px}.company-name{font-size:1.5rem}.audio-toggle{font-size:.9rem;height:38px;right:15px;top:15px;width:38px}}.transition-container{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:20}.transition-video{height:100vh;left:50%;object-fit:cover;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in;width:100vw;z-index:1}.transition-video.visible{opacity:1}.video-loader{color:#333;font-family:monospace;font-size:1rem;z-index:0}.kinetic-container.simple-mode{align-items:center;background:#000;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.kinetic-text-simple{color:#cf0;font-family:Inter,sans-serif;font-size:15vw;font-weight:900;letter-spacing:-5px;line-height:1;margin:0;text-transform:uppercase;z-index:10}.geo-line{background:#ccff004d;height:100%;position:absolute;top:0;width:1px}.line-left{left:25%}.line-center{left:50%}.line-right{right:25%}.geo-circle{border:1px solid #ccff0080;border-radius:50%;height:30vw;position:absolute;top:50%;transform:translateY(-50%);width:30vw}.circle-left{left:-15vw}.circle-right{right:-15vw}.scroll-arrow{animation:bounce 2s infinite;bottom:50px;color:#cf0;font-size:2rem;left:50%;position:absolute;transform:translateX(-50%)}.portfolio-section.portfolio-scrollytelling{background-color:#000;height:500vh;position:relative}.video-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bg-video{filter:saturate(.8) brightness(.4);height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1.1);transition:opacity 1.5s ease;width:auto}.bg-video.loaded{opacity:1}.video-overlay{background:linear-gradient(135deg,#000000d9,#0009 50%,#000000d9)}.video-grain,.video-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.video-grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.portfolio-scrollytelling .portfolio-sticky{display:flex;flex-direction:column;height:100vh;padding:0;position:sticky;top:0;width:100%;z-index:1}.scrolly-header{left:5vw;position:absolute;top:100px;z-index:20}.glitch-text{color:var(--text-secondary);font-family:var(--font-display);font-size:1.2rem;letter-spacing:3px;margin:0;position:relative}.glitch-text:after,.glitch-text:before{content:attr(data-text);left:0;opacity:0;position:absolute;top:0}.glitch-text:hover:before{animation:glitch-1 .3s linear;color:var(--color-accent);opacity:.8}.glitch-text:hover:after{animation:glitch-2 .3s linear;color:#f36;opacity:.8}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(3px,-2px)}40%{transform:translate(-3px,2px)}60%{transform:translate(3px,2px)}80%{transform:translate(-3px,-2px)}}.portfolio-scrollytelling .project-counter{color:var(--color-accent);font-family:var(--font-mono);font-size:4.5rem;font-weight:700;line-height:.9;margin-top:.5rem;text-shadow:0 0 30px #d4ff004d}.portfolio-scrollytelling .project-counter .divider{color:#fff3;font-size:2.5rem;margin:0 8px;vertical-align:middle}.portfolio-scrollytelling .project-counter .total{color:#ffffff4d;font-size:2rem;vertical-align:middle}.scrollytelling-grid{grid-gap:3rem;box-sizing:border-box;display:grid;gap:3rem;grid-template-columns:380px 1fr;height:100vh;padding:120px 5vw 60px;width:100%}.project-list{height:100%;justify-content:center;margin-top:40px;overflow:hidden;padding-left:0}.list-inner,.project-list{display:flex;flex-direction:column}.list-inner{gap:0}.project-list-item{grid-gap:1rem;align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff0f;cursor:pointer;display:grid;gap:1rem;grid-template-columns:40px 1fr 50px;overflow:hidden;padding:1.2rem 1rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.16,1,.3,1)}.project-list-item:before{background:var(--color-accent);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.project-list-item:hover{background:#ffffff08}.project-list-item:hover:before{transform:scaleY(.5)}.project-list-item.active{background:#d4ff000d}.project-list-item.active:before{transform:scaleY(1)}.project-list-item.passed{opacity:.4}.project-list-item.passed:hover{opacity:.7}.item-index{color:#ffffff4d;font-family:var(--font-mono);font-size:.85rem;transition:color .3s ease}.project-list-item.active .item-index{color:var(--color-accent)}.item-content{align-items:center;display:flex;gap:.75rem}.item-title{color:var(--text-secondary);font-family:var(--font-display);font-size:1rem;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.project-list-item.active .item-title,.project-list-item:hover .item-title{color:var(--text-primary)}.item-badge{background:var(--color-accent);color:#000;font-size:.65rem;font-weight:700;padding:3px 8px}.item-badge,.item-year{font-family:var(--font-mono)}.item-year{color:#ffffff40;font-size:.75rem}.item-progress{background:#0000;bottom:0;height:1px;left:0;position:absolute;width:100%}.progress-fill{background:var(--color-accent);height:100%;transform-origin:left;transition:transform .5s ease;width:100%}.project-showcase{align-items:center;display:flex;height:100%;justify-content:center;padding-right:60px}.showcase-card{grid-gap:2.5rem;animation:cardReveal .6s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#0f0f0fcc;border:1px solid #ffffff14;border-radius:0;box-shadow:0 30px 80px #0009,inset 0 1px 0 #ffffff0d;display:grid;gap:2.5rem;grid-template-columns:1.3fr 1fr;max-width:1000px;padding:2.5rem;width:100%}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.showcase-visual,.visual-frame{overflow:hidden;position:relative}.visual-frame{aspect-ratio:16/10;border:1px solid #ffffff1a;width:100%}.showcase-image{filter:grayscale(.3);height:100%;object-fit:cover;transition:all .6s ease;width:100%}.showcase-card:hover .showcase-image{filter:grayscale(0);transform:scale(1.03)}.visual-glitch{background:linear-gradient(45deg,#0000 40%,#d4ff0008 50%,#0000 60%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.showcase-badge{background:var(--color-accent);color:#000;font-family:var(--font-mono);font-size:.75rem;font-weight:700;left:1rem;letter-spacing:1px;padding:6px 14px;position:absolute;top:1rem;z-index:5}.showcase-info{display:flex;flex-direction:column;gap:1rem;justify-content:center}.showcase-company{color:var(--color-accent);font-family:var(--font-mono);font-size:.85rem;letter-spacing:2px}.showcase-title{color:var(--text-primary);font-family:var(--font-display);font-size:2.5rem;line-height:1.1;margin:0;text-transform:uppercase}.showcase-desc{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:.5rem 0}.showcase-tech{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0}.tech-pill{border:1px solid #ffffff26;color:#ffffffb3;font-family:var(--font-mono);font-size:.75rem;padding:6px 14px;transition:all .3s ease}.tech-pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.showcase-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.portfolio-scrollytelling .action-btn{align-items:center;display:inline-flex;font-family:var(--font-mono);font-size:.8rem;font-weight:700;gap:8px;letter-spacing:1px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1)}.portfolio-scrollytelling .action-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.portfolio-scrollytelling .action-btn:hover:before{left:100%}.portfolio-scrollytelling .action-btn.primary{background:var(--text-primary);border:2px solid var(--text-primary);color:#000}.portfolio-scrollytelling .action-btn.primary:hover{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 10px 30px #d4ff0033;transform:translateY(-2px)}.portfolio-scrollytelling .action-btn.secondary{background:#0000;border:2px solid #fff3;color:var(--text-primary)}.portfolio-scrollytelling .action-btn.secondary:hover{background:#d4ff000d;border-color:var(--color-accent);color:var(--color-accent)}.btn-icon{transition:transform .3s ease}.portfolio-scrollytelling .action-btn:hover .btn-icon{transform:translate(3px,-3px)}.portfolio-mobile{display:flex;flex-direction:column;gap:1rem;padding:120px 4vw 36px}.mobile-project-nav{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}.mobile-project-nav::-webkit-scrollbar{height:4px}.mobile-project-nav::-webkit-scrollbar-thumb{background:#fff3}.mobile-nav-item{background:#ffffff08;border:1px solid #ffffff2e;color:#ffffffbf;cursor:pointer;display:flex;flex-direction:column;gap:.18rem;min-width:150px;padding:.5rem .6rem;text-align:left}.mobile-nav-item.active{background:#d4ff0014;border-color:var(--color-accent)}.mobile-nav-index{color:#ffffff8c;font-family:var(--font-mono);font-size:.65rem}.mobile-nav-title{color:var(--text-primary);font-family:var(--font-display);font-size:.8rem;line-height:1.25}.mobile-project-stage .showcase-card{gap:1rem;grid-template-columns:1fr;max-width:none;padding:1rem}.mobile-project-stage{touch-action:pan-y}.mobile-swipe-hint{color:#ffffff73;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;margin:-.2rem 0 0;text-align:center;text-transform:uppercase}.mobile-project-controls{align-items:center;display:flex;gap:.7rem;justify-content:space-between}.mobile-control-btn{background:#0000;border:1px solid #fff3;color:#fff;cursor:pointer;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.55rem .8rem}.mobile-control-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.mobile-control-counter{color:#ffffffa6;font-family:var(--font-mono);font-size:.75rem}.portfolio-scrollytelling .scroll-progress{background:#ffffff0d;height:300px;position:absolute;right:30px;top:50%;transform:translateY(-50%);width:4px;z-index:20}.portfolio-scrollytelling .progress-bar{background:linear-gradient(180deg,var(--color-accent),#d4ff0080);box-shadow:0 0 20px #d4ff004d;transition:height .1s linear;width:100%}.progress-dots{display:flex;flex-direction:column;height:100%;justify-content:space-between;left:50%;padding:0;position:absolute;top:0;transform:translateX(-50%)}.progress-dot{background:#ffffff1a;border:2px solid #fff3;border-radius:50%;cursor:pointer;height:10px;margin-left:-3px;transition:all .3s ease;width:10px}.progress-dot:hover{border-color:var(--color-accent);transform:scale(1.3)}.progress-dot.active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 15px #d4ff0080}.scroll-hint{align-items:center;bottom:40px;display:flex;flex-direction:column;gap:10px;left:50%;opacity:1;position:absolute;transform:translateX(-50%);transition:opacity .5s ease;z-index:10}.scroll-hint.hidden{opacity:0;pointer-events:none}.hint-text{color:#fff6;font-family:var(--font-mono);font-size:.7rem;letter-spacing:3px}.hint-arrow{animation:bounce 2s infinite;color:var(--color-accent)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}@media (max-width:1200px){.scrollytelling-grid{gap:2rem;grid-template-columns:280px 1fr;padding:100px 3vw 40px}.showcase-card{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.showcase-title{font-size:2rem}.project-list-item{padding:1rem .8rem}}@media (max-width:900px){.portfolio-section.portfolio-scrollytelling{height:auto;min-height:100vh;padding-bottom:60px}.portfolio-scrollytelling .portfolio-sticky{height:auto;min-height:100vh;position:relative}.scrollytelling-grid{display:flex;flex-direction:column;gap:2rem;padding:120px 4vw 40px}.project-list{margin-top:0;max-height:none;order:2;overflow-y:visible}.list-inner{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.project-list-item{border:1px solid #ffffff1a;border-radius:4px;gap:.5rem;grid-template-columns:1fr;padding:.8rem}.item-index,.project-list-item:before{display:none}.item-content{align-items:flex-start;flex-direction:column;gap:.3rem}.item-title{font-size:.85rem}.item-badge{font-size:.6rem;padding:2px 6px}.item-year{display:block;font-size:.7rem}.project-showcase{order:1;padding-right:0}.showcase-card{padding:1.5rem}.portfolio-scrollytelling .scroll-progress,.scroll-hint{display:none}.scrolly-header{left:0;margin-bottom:.6rem;padding:0 4vw;position:relative;top:0}.portfolio-scrollytelling .project-counter{font-size:3rem}}@media (max-width:600px){.portfolio-section.portfolio-scrollytelling{padding-bottom:40px}.portfolio-mobile{gap:.85rem;padding:100px 3vw 24px}.mobile-swipe-hint{font-size:.58rem}.list-inner{grid-template-columns:1fr}.project-list-item{padding:.7rem}.item-title{font-size:.8rem}.showcase-card{padding:1rem}.visual-frame{aspect-ratio:16/9}.showcase-title{font-size:1.4rem}.showcase-desc{font-size:.85rem;line-height:1.5}.showcase-tech{gap:6px}.tech-pill{font-size:.7rem;padding:4px 10px}.showcase-actions{flex-direction:column;gap:.75rem}.portfolio-scrollytelling .action-btn{font-size:.75rem;justify-content:center;padding:.9rem 1.2rem;width:100%}.scrolly-header{padding:0 3vw}.glitch-text{font-size:1rem}.portfolio-scrollytelling .project-counter{font-size:2.5rem}.portfolio-scrollytelling .project-counter .divider{font-size:1.5rem;margin:0 5px}.portfolio-scrollytelling .project-counter .total{font-size:1.2rem}}.certs-section{background-color:var(--bg-dark);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 0;position:relative}.digital-grid-bg{inset:0;opacity:.2;pointer-events:none;position:absolute;z-index:1}.grid-lines{height:100%;left:0;position:absolute;top:0;width:100%}.grid-lines.horizontal{background-image:linear-gradient(180deg,#d4ff004d 1px,#0000 0);background-size:100% 50px}.grid-lines.horizontal,.grid-lines.vertical{animation:gridMove 20s linear infinite;transform:perspective(500px) rotateX(60deg) translateY(-100px) scale(2)}.grid-lines.vertical{background-image:linear-gradient(90deg,#d4ff004d 1px,#0000 0);background-size:50px 100%}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 500px}}.certs-container{max-width:1400px;position:relative;width:90%;z-index:2}.certs-header{margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.certs-header.in-view{opacity:1;transform:translateY(0)}.header-deco{align-items:center;color:var(--color-accent);display:flex;font-family:var(--font-mono);font-size:.9rem;gap:1rem;margin-bottom:1rem}.deco-line{background:var(--color-accent);height:1px;width:30px}.certs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.certs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.certs-grid{grid-template-columns:repeat(3,1fr)}}.cert-item{background:#ffffff08;border:1px solid #ffffff1a;cursor:pointer;display:flex;flex-direction:column;opacity:0;padding:1.5rem;position:relative;transform:translateY(30px);transition:all .3s ease}.cert-item.in-view{opacity:1;transform:translateY(0)}.cert-item:hover{background:#d4ff000d;border-color:var(--color-accent);transform:translateY(-5px)}.cert-thumb{aspect-ratio:16/9;background:#000;margin-bottom:1.5rem;overflow:hidden;position:relative;width:100%}.cert-thumb img{background:#000;height:100%;object-fit:contain;opacity:.9;transition:transform .5s ease;width:100%}.cert-item:hover .cert-thumb img{opacity:.6;transform:scale(1.05)}.view-overlay{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.cert-item:hover .view-overlay{opacity:1}.view-overlay span{background:#000c;border:1px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-mono);padding:.5rem 1rem}.cert-inner{display:flex;flex:1 1;flex-direction:column}.cert-meta{display:flex;font-family:var(--font-mono);font-size:.85rem;justify-content:space-between;margin-bottom:1rem}.cert-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;line-height:1.3;margin:auto 0 0}.corner{border-color:var(--color-accent);border-style:solid;height:10px;opacity:0;position:absolute;transition:opacity .3s ease;width:10px}.cert-item:hover .corner{opacity:1}.corner.top-left{border-width:2px 0 0 2px;left:-1px;top:-1px}.corner.bottom-right{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.slate-editor-wrapper{background:#0000;border:1px solid #333;position:relative;transition:border-color .3s ease}.slate-editor-wrapper:focus-within{border-color:#d4ff00;border-color:var(--color-accent,#d4ff00)}.slate-editor-wrapper.disabled{opacity:.5;pointer-events:none}.slate-editable{caret-color:#d4ff00;caret-color:var(--color-accent,#d4ff00);color:#fff;color:var(--text-primary,#fff);font-size:1rem;line-height:1.6;max-height:350px;min-height:150px;outline:none;overflow-y:auto;padding:.8rem 1rem .8rem 2.2rem}.slate-editable,.slate-editable [data-slate-placeholder]{font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace)}.slate-editable [data-slate-placeholder]{color:#ffffff4d!important;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.slate-editable::-webkit-scrollbar{width:4px}.slate-editable::-webkit-scrollbar-track{background:#0000}.slate-editable::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.slate-toolbar{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:.2rem;padding:.5rem .75rem}.slate-toolbar-group{display:flex;gap:.15rem}.slate-toolbar-separator{background:#ffffff1f;height:1.2rem;margin:0 .5rem;width:1px}.slate-toolbar-btn{background:#0000;border:1px solid #0000;color:#ffffff73;cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.7rem;font-weight:700;letter-spacing:.02em;line-height:1;padding:.3rem .45rem;text-transform:uppercase;transition:all .15s ease}.slate-toolbar-btn:hover{border-color:#fff3;color:#fff;color:var(--text-primary,#fff)}.slate-toolbar-btn.active{background:#d4ff0014;border-color:#d4ff00;border-color:var(--color-accent,#d4ff00);color:#d4ff00;color:var(--color-accent,#d4ff00)}.slate-preview-toolbar{border-bottom:1px solid #ffffff0f;display:flex;justify-content:flex-end;padding:.4rem .75rem}.slate-preview-toggle{background:#0000;border:1px solid #fff3;color:#ffffffbf;cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.64rem;font-weight:700;letter-spacing:.06em;padding:.3rem .55rem;text-transform:uppercase;transition:all .15s ease}.slate-preview-toggle.active,.slate-preview-toggle:hover{background:#d4ff0014;border-color:#d4ff00;border-color:var(--color-accent,#d4ff00);color:#d4ff00;color:var(--color-accent,#d4ff00)}.slate-h1{color:#fff;color:var(--text-primary,#fff);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.6rem;font-weight:700;line-height:1.3;margin:.4rem 0}.slate-h2{font-size:1.3rem;line-height:1.35;margin:.35rem 0}.slate-h2,.slate-h3{color:#fff;color:var(--text-primary,#fff);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-weight:600}.slate-h3{font-size:1.1rem;line-height:1.4;margin:.3rem 0}.slate-blockquote{border-left:3px solid #d4ff00;border-left:3px solid var(--color-accent,#d4ff00);color:#ffffffb3;font-style:italic;margin:.5rem 0;padding-left:1rem}.slate-ol,.slate-ul{margin:.25rem 0;padding-left:1.5rem}.slate-li{margin:.1rem 0}.slate-code-block{background:#ffffff0a;border:1px solid #ffffff14;font-size:.9rem;margin:.4rem 0;overflow-x:auto;padding:.6rem .8rem}.slate-code-block,.slate-inline-code{border-radius:2px;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace)}.slate-inline-code{background:#d4ff001a;color:#d4ff00;color:var(--color-accent,#d4ff00);font-size:.88em;padding:.1rem .35rem}.slate-paragraph{margin:.15rem 0}.slash-menu{background:#0d0d0d;border:1px solid #ffffff1f;box-shadow:0 8px 40px #000000b3;max-height:300px;min-width:240px;overflow-y:auto;padding:.35rem 0;position:absolute;z-index:99999}.slash-menu-header{color:#ffffff4d;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:.4rem .8rem .25rem;text-transform:uppercase}.slash-menu-item{align-items:center;cursor:pointer;display:flex;gap:.65rem;padding:.5rem .8rem;transition:background .12s ease}.slash-menu-item.selected,.slash-menu-item:hover{background:#d4ff0014}.slash-menu-icon{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;color:#d4ff00;color:var(--color-accent,#d4ff00);display:flex;flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.75rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.slash-menu-text{display:flex;flex-direction:column;gap:.1rem}.slash-menu-label{color:#fff;color:var(--text-primary,#fff);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:.85rem;font-weight:500}.slash-menu-desc{color:#ffffff59;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.65rem}.draggable-block{align-items:flex-start;display:flex;position:relative}.drag-handle{color:#ffffff40;cursor:grab;font-size:.75rem;left:-1.8rem;opacity:0;padding:.15rem;position:absolute;top:.35rem;transition:opacity .15s ease;-webkit-user-select:none;user-select:none;z-index:1}.drag-handle:active{cursor:grabbing}.draggable-block:hover .drag-handle{opacity:1}.drag-handle:hover{color:#d4ff00;color:var(--color-accent,#d4ff00)}.draggable-block.dragging{opacity:.4}.draggable-block-content{flex:1 1;min-width:0}.slate-image-block{margin:.5rem 0;-webkit-user-select:none;user-select:none}.slate-image{border:1px solid #ffffff14;border-radius:2px;display:block;max-height:300px;max-width:100%;object-fit:contain}.slate-image-url{color:#ffffff40;display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.65rem;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slate-divider-wrapper{padding:.6rem 0;-webkit-user-select:none;user-select:none}.slate-divider{border:none;border-top:1px solid #ffffff26;margin:0}.slate-callout{align-items:flex-start;background:#d4ff000a;border:1px solid #d4ff0026;border-radius:2px;display:flex;gap:.6rem;margin:.4rem 0;padding:.6rem .8rem}.slate-callout-icon{flex-shrink:0;font-size:1rem;line-height:1.6}.slate-callout-content{flex:1 1;min-width:0}.slate-checklist-item{align-items:flex-start;display:flex;gap:.55rem;margin:.3rem 0}.slate-checklist-toggle{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:1rem;line-height:1.4;padding:0}.slate-checklist-toggle.checked{color:#d4ff00;color:var(--color-accent,#d4ff00)}.slate-checklist-text{flex:1 1;min-width:0}.slate-checklist-text.done{opacity:.7;text-decoration:line-through}.slate-cta-wrapper{margin:.6rem 0;-webkit-user-select:none;user-select:none}.slate-cta-row{align-items:center;display:flex;gap:.45rem}.slate-cta-button{background:#d4ff00;background:var(--color-accent,#d4ff00);border:1px solid #0000;color:#111;display:inline-block;font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-weight:700;letter-spacing:.04em;padding:.55rem .95rem;text-decoration:none;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}.slate-cta-button:hover{box-shadow:0 6px 16px #d4ff0040;transform:translateY(-1px)}.slate-cta-edit-btn{background:#0000;border:1px solid #ffffff2e;color:#ffffffb3;cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.62rem;letter-spacing:.05em;padding:.28rem .45rem;text-transform:uppercase}.slate-cta-edit-btn:hover{border-color:#d4ff00;border-color:var(--color-accent,#d4ff00);color:#d4ff00;color:var(--color-accent,#d4ff00)}.slate-cta-editor{grid-gap:.42rem;background:#ffffff08;border:1px solid #ffffff1f;display:grid;gap:.42rem;margin-top:.45rem;max-width:440px;padding:.5rem}.slate-cta-input{background:#00000059;border:1px solid #ffffff26;color:#fff;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.8rem;padding:.42rem .5rem;width:100%}.slate-cta-input:focus{border-color:#d4ff00;border-color:var(--color-accent,#d4ff00);outline:none}.slate-cta-editor-actions{display:flex;gap:.35rem;justify-content:flex-end}.slate-cta-cancel,.slate-cta-save{background:#0000;border:1px solid #fff3;color:#fff;cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.68rem;letter-spacing:.05em;padding:.32rem .5rem;text-transform:uppercase}.slate-cta-save{background:#d4ff0014;border-color:#d4ff00;border-color:var(--color-accent,#d4ff00);color:#d4ff00;color:var(--color-accent,#d4ff00)}.slate-two-columns{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin:.5rem 0}.slate-column{background:#ffffff05;border:1px dashed #fff3;min-height:48px;padding:.5rem .6rem}@media (max-width:720px){.slate-two-columns{grid-template-columns:1fr}}.slate-email-preview{border-top:1px solid #ffffff1a;margin-top:.35rem}.slate-email-preview-header{border-bottom:1px solid #ffffff12;color:#ffffff8c;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.63rem;font-weight:700;letter-spacing:.08em;padding:.5rem .75rem;text-transform:uppercase}.slate-email-preview-body{background:#0c0c0e;color:#ececec;font-family:Arial,sans-serif;font-size:.94rem;line-height:1.5;max-height:260px;overflow:auto;padding:.75rem}.slate-email-preview-body img{height:auto;max-width:100%}.slate-email-preview-body table{width:100%}.slate-link{color:#d4ff00;color:var(--color-accent,#d4ff00);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:opacity .15s ease}.slate-link:hover{opacity:.75}.slate-strikethrough{opacity:.6;text-decoration:line-through}.picker-tabs{background:#ffffff05;border-bottom:1px solid #ffffff14;display:flex}.picker-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#fff6;cursor:pointer;display:flex;flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.7rem;font-weight:700;gap:.4rem;justify-content:center;letter-spacing:.05em;padding:.6rem .75rem;text-transform:uppercase;transition:all .15s ease}.picker-tab:hover{background:#ffffff08;color:#ffffffb3}.picker-tab.active{background:#d4ff000a;border-bottom-color:#d4ff00;border-bottom-color:var(--color-accent,#d4ff00);color:#d4ff00;color:var(--color-accent,#d4ff00)}.picker-tab-icon{font-size:.85rem;line-height:1}.unsplash-categories{border-bottom:1px solid #ffffff0f;display:flex;gap:.35rem;overflow-x:auto;padding:.6rem .75rem;scrollbar-width:none}.unsplash-categories::-webkit-scrollbar{display:none}.unsplash-category-chip{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.62rem;font-weight:600;gap:.3rem;padding:.3rem .6rem;transition:all .15s ease;white-space:nowrap}.unsplash-category-chip:hover{background:#ffffff14;border-color:#ffffff40;color:#fff;color:var(--text-primary,#fff)}.unsplash-category-chip.active{background:#d4ff001a;border-color:#d4ff00;border-color:var(--color-accent,#d4ff00);color:#d4ff00;color:var(--color-accent,#d4ff00)}.category-chip-icon{font-size:.75rem;line-height:1}.upload-tab-content{align-items:center;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:1rem}.upload-file-input{display:none}.upload-dropzone{align-items:center;border:2px dashed #ffffff26;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:200px;padding:2rem;transition:all .2s ease;width:100%}.upload-dropzone.drag-active,.upload-dropzone:hover{background:#d4ff000a;border-color:#d4ff00;border-color:var(--color-accent,#d4ff00)}.upload-dropzone-icon{font-size:2.5rem;line-height:1;opacity:.6}.upload-dropzone.drag-active .upload-dropzone-icon{opacity:1;transform:scale(1.1);transition:transform .15s ease}.upload-dropzone-text{color:#fff9;font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:.95rem;font-weight:500}.upload-dropzone-subtext{color:#ffffff4d;font-size:.7rem}.upload-dropzone-hint,.upload-dropzone-subtext{font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace)}.upload-dropzone-hint{color:#fff3;font-size:.6rem;letter-spacing:.05em;margin-top:.5rem;text-transform:uppercase}.upload-preview{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:100%}.upload-preview-img{border:1px solid #ffffff1a;border-radius:2px;max-height:250px;max-width:100%;object-fit:contain}.upload-preview-info{align-items:center;color:#fff6;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.7rem;gap:.75rem}.upload-preview-name{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-preview-size{color:#ffffff40}.upload-preview-actions{display:flex;gap:.5rem}.upload-btn-change{background:#0000;border:1px solid #fff3;color:#fff9;cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.7rem;letter-spacing:.03em;padding:.4rem .8rem;text-transform:uppercase;transition:all .15s ease}.upload-btn-change:hover{border-color:#fff6;color:#fff}.upload-btn-insert{background:#d4ff001a;border:1px solid #d4ff00;border:1px solid var(--color-accent,#d4ff00);color:#d4ff00;color:var(--color-accent,#d4ff00);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:.4rem 1rem;text-transform:uppercase;transition:all .15s ease}.upload-btn-insert:hover{background:#d4ff0033}.url-tab-content{padding:1rem}.url-tab-hint{color:#ffffff40;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.65rem;margin-top:.5rem;text-align:center}.unsplash-overlay{align-items:center;animation:unsplashFadeIn .15s ease;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:100000}@keyframes unsplashFadeIn{0%{opacity:0}to{opacity:1}}.unsplash-picker{background:#0d0d0d;border:1px solid #ffffff1f;box-shadow:0 16px 60px #000c;display:flex;flex-direction:column;max-height:80vh;max-width:640px;overflow:hidden;width:90vw}.unsplash-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:.75rem 1rem}.unsplash-title{color:#ffffff80;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.unsplash-close{background:#0000;border:none;color:#fff6;cursor:pointer;font-size:1rem;line-height:1;padding:.2rem .4rem;transition:color .15s ease}.unsplash-close:hover{color:#fff}.unsplash-search-form,.unsplash-url-form{border-bottom:1px solid #ffffff0f;display:flex;gap:.5rem;padding:.75rem 1rem}.unsplash-search-input{background:#ffffff0a;border:1px solid #ffffff1f;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.85rem;outline:none;padding:.5rem .75rem;transition:border-color .15s ease}.unsplash-search-input:focus{border-color:#d4ff00;border-color:var(--color-accent,#d4ff00)}.unsplash-search-input::placeholder{color:#ffffff40}.unsplash-search-btn{background:#d4ff0014;border:1px solid #d4ff00;border:1px solid var(--color-accent,#d4ff00);color:#d4ff00;color:var(--color-accent,#d4ff00);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;transition:all .15s ease;white-space:nowrap}.unsplash-search-btn:hover:not(:disabled){background:#d4ff0026}.unsplash-search-btn:disabled{cursor:not-allowed;opacity:.35}.unsplash-error{color:#ff6b6b;font-size:.75rem;padding:.5rem 1rem}.unsplash-error,.unsplash-loading{font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace)}.unsplash-loading{animation:unsplashPulse 1.2s ease-in-out infinite;color:#fff6;font-size:.8rem;padding:2rem 1rem;text-align:center}@keyframes unsplashPulse{0%,to{opacity:.4}50%{opacity:1}}.unsplash-section-label{color:#ffffff40;font-size:.6rem;font-weight:700;letter-spacing:.08em;padding:.4rem .75rem 0;text-transform:uppercase}.unsplash-empty,.unsplash-section-label{font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace)}.unsplash-empty{color:#ffffff4d;font-size:.8rem;padding:2rem 1rem;text-align:center}.unsplash-grid{grid-gap:.4rem;display:grid;flex:1 1;gap:.4rem;grid-template-columns:repeat(3,1fr);min-height:0;overflow-y:auto;padding:.75rem}.unsplash-grid-item{aspect-ratio:4/3;border:1px solid #ffffff0f;cursor:pointer;overflow:hidden;position:relative;transition:border-color .15s ease,transform .15s ease}.unsplash-grid-item:hover{border-color:#d4ff00;border-color:var(--color-accent,#d4ff00);transform:scale(1.02)}.unsplash-grid-item img{display:block;height:100%;object-fit:cover;width:100%}.unsplash-photo-credit{background:linear-gradient(#0000,#000c);bottom:0;color:#fff9;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.55rem;left:0;opacity:0;overflow:hidden;padding:.3rem .4rem;position:absolute;right:0;text-overflow:ellipsis;transition:opacity .15s ease;white-space:nowrap}.unsplash-grid-item:hover .unsplash-photo-credit{opacity:1}.unsplash-load-more{background:#0000;border:none;border-top:1px solid #ffffff0f;color:#d4ff00;color:var(--color-accent,#d4ff00);cursor:pointer;display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.75rem;letter-spacing:.05em;padding:.6rem;text-transform:uppercase;transition:background .15s ease;width:100%}.unsplash-load-more:hover:not(:disabled){background:#d4ff000d}.unsplash-load-more:disabled{cursor:not-allowed;opacity:.4}.unsplash-attribution{border-top:1px solid #ffffff0f;color:#ffffff4d;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.6rem;padding:.4rem 1rem;text-align:center}.unsplash-attribution a{color:#ffffff80;text-decoration:underline}.unsplash-attribution a:hover{color:#d4ff00;color:var(--color-accent,#d4ff00)}@media (max-width:768px){.slate-editable{font-size:.95rem;min-height:120px;padding-left:1.8rem}.slate-toolbar{gap:.1rem;padding:.4rem .5rem}.slate-toolbar-btn{font-size:.65rem;padding:.25rem .35rem}.drag-handle{font-size:.65rem;left:-1.4rem}.slash-menu{min-width:200px}.slate-h1{font-size:1.35rem}.slate-h2{font-size:1.15rem}.slate-h3{font-size:1rem}.unsplash-grid{grid-template-columns:repeat(2,1fr)}.unsplash-picker{max-height:70vh;width:95vw}.picker-tab{font-size:.6rem;gap:.25rem;padding:.5rem .4rem}.picker-tab-icon{font-size:.75rem}.unsplash-categories{gap:.25rem;padding:.4rem .5rem}.unsplash-category-chip{font-size:.58rem;padding:.25rem .45rem}.upload-dropzone{min-height:160px;padding:1.5rem}.upload-dropzone-icon{font-size:2rem}.upload-preview-img{max-height:180px}}.contact-section{background-color:var(--bg-dark);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:100px 5vw;position:relative}.contact-container{grid-gap:2rem;align-items:center;display:grid;flex:1 1;gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px;width:100%}.contact-model-col{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.icecream-3d-container{cursor:grab;height:350px;position:relative;width:100%}.icecream-3d-container:active{cursor:grabbing}.icecream-3d-container canvas{border-radius:20px}.icecream-glow{animation:glowPulse 3s ease-in-out infinite;background:radial-gradient(circle,#d4ff001f 0,#d4ff000a 40%,#0000 70%);border-radius:50%;height:220px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px;z-index:0}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.model-caption{color:#ffffff59;font-family:var(--font-mono);font-size:.85rem;margin-top:.5rem;text-align:center;transition:color .3s}.contact-model-col:hover .model-caption{color:#d4ff0099}.model-loading{align-items:center;background:#ffffff05;border-radius:20px;display:flex;height:350px;justify-content:center;width:100%}.model-loading-icon{animation:loadBounce 1s ease-in-out infinite;font-size:3rem}@keyframes loadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.contact-content{margin:0 auto;max-width:600px;width:100%}.contact-heading{color:var(--text-primary);font-family:var(--font-display);font-size:3rem;font-weight:900;line-height:1.1;margin:0 0 1rem}.contact-intro{color:#fff9;font-size:1.2rem;line-height:1.6;margin-bottom:3rem}.neon{color:var(--color-accent)}.minimal-form{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.form-group input,.form-group textarea{background:#0000;border:none;border-bottom:1px solid #333;color:var(--text-primary);font-family:var(--font-mono);font-size:1.1rem;padding:1rem 0;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--color-accent);outline:none;padding-left:10px}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.5}.form-group--email{position:relative}.email-domain-suggestions{animation:chipsFadeIn .2s ease;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}@keyframes chipsFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.email-domain-chip{background:#d4ff000f;border:1px solid #d4ff0033;color:#d4ff00;color:var(--color-accent,#d4ff00);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.75rem;letter-spacing:.02em;padding:.3rem .6rem;transition:all .15s ease}.email-domain-chip:hover{background:#d4ff0026;border-color:#d4ff00;border-color:var(--color-accent,#d4ff00)}.form-group--editor{padding-left:0}.btn-submit{align-self:flex-start;background:#0000;border:1px solid var(--color-accent);color:var(--color-accent);cursor:pointer;font-family:var(--font-display);font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.btn-submit:hover:not(:disabled){background:var(--color-accent);color:#000}.btn-submit:disabled{cursor:not-allowed;opacity:.5}.status-msg{border-radius:4px;font-family:var(--font-mono);font-size:.9rem;margin-top:-1rem;padding:1rem}.status-msg.success{background:#27c93f1a;border:1px solid #27c93f;color:#27c93f}.status-msg.error{background:#ff5f561a;border:1px solid #ff5f56;color:#ff5f56}.social-links{display:flex;flex-wrap:wrap;gap:2rem}.social-icon{color:#555;font-family:var(--font-display);font-size:2rem;font-weight:700;text-decoration:none;transition:color .3s}.social-icon:hover{color:var(--text-primary)}.footer-placeholder{height:1px}@media (min-width:1024px){.contact-container{gap:4rem;grid-template-columns:1fr 1fr}.icecream-3d-container{height:500px}.contact-content{margin:0}.contact-heading{font-size:3.5rem}}@media (max-width:768px){.contact-section{padding:4rem 1rem}.icecream-3d-container{height:280px}.contact-heading{font-size:2.2rem}.contact-intro{font-size:1rem}.icecream-glow{height:160px;width:160px}}.icecream-glow.celebrating{animation:glowCelebrate .4s ease-in-out infinite alternate;background:radial-gradient(circle,#d4ff004d 0,#d4ff001a 40%,#0000 70%);height:300px;width:300px}@keyframes glowCelebrate{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.icecream-thankyou{animation:thankYouFade 3s ease-in-out forwards;color:#d4ff00;color:var(--color-accent,#d4ff00);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:2rem;font-weight:900;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 20px #d4ff0080,0 0 40px #d4ff0033;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:10}@keyframes thankYouFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}25%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.footer{background-color:var(--bg-dark);border-top:1px solid #ffffff1a;padding:3rem 1.5rem;position:relative;z-index:10}.footer-content{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px}.footer-view-counter{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;color:var(--text-primary);display:flex;font-family:var(--font-display);font-size:.875rem;gap:.5rem;padding:.75rem 1rem;text-transform:uppercase}.footer-view-counter i,.view-count{color:var(--color-accent)}.view-count{font-weight:700}.view-label{opacity:.8}.footer-support{display:inline-block}.kofi-button{align-items:center;background-color:initial;border:1px solid var(--color-accent);color:var(--color-accent);display:inline-flex;font-family:var(--font-mono);font-size:.75rem;font-weight:700;gap:.5rem;padding:.75rem 1rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.kofi-button:hover{background-color:var(--color-accent);box-shadow:0 0 15px #d4ff004d;color:#000;transform:translateY(-2px)}.kofi-button i{font-size:1rem}.footer-copyright{color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:400;line-height:1.8;text-align:center;text-transform:uppercase}.footer-copyright p{margin:0}.footer-subtitle{opacity:.7}@media (min-width:768px){.footer-content{align-items:center;flex-direction:row;justify-content:space-between}.footer-copyright{text-align:right}}