@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%}:root{--primary: #8b45ff;--secondary: #ff2d92;--accent: #00ff88;--background: #000000;--surface: #0a0a0f;--surface-light: #1a1a2e;--text: #ffffff;--text-dim: #888888;--text-accent: #00ff88;--glitch: #ff0080;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-display: "Orbitron", "Arial Black", sans-serif}html,body{height:100%;overflow:hidden;font-family:var(--font-mono);background:var(--background);color:var(--text);cursor:none}@media (max-width: 768px){html,body{cursor:auto}}body:after{content:"";position:fixed;width:20px;height:20px;background:var(--primary);border-radius:50%;pointer-events:none;z-index:9999;animation:cursor-pulse 2s ease-in-out infinite;box-shadow:0 0 20px var(--primary)}@media (max-width: 768px){body:after{display:none}}@keyframes cursor-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.app{height:100vh;position:relative;display:flex;opacity:0;transition:opacity 2s ease-in-out;background:radial-gradient(ellipse at top,rgba(139,69,255,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(255,45,146,.05) 0%,transparent 50%),var(--background)}.app.loaded{opacity:1}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;transition:opacity .3s ease}.app.modal-open .particle-canvas{opacity:.2}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.02;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--text) 2px,var(--text) 4px);animation:scanlines-move .1s linear infinite}@keyframes scanlines-move{0%{transform:translateY(0)}to{transform:translateY(4px)}}.glitch-container{position:relative;display:inline-block}.glitch-text{position:relative;font-family:var(--font-display);color:var(--text);text-shadow:0 0 10px var(--primary)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;opacity:0}.glitch-text.glitching:before{animation:glitch-1 .3s ease-in-out;color:var(--secondary);z-index:-1}.glitch-text.glitching:after{animation:glitch-2 .3s ease-in-out;color:var(--accent);z-index:-2}@keyframes glitch-1{0%,to{transform:translate(0);opacity:0}20%{transform:translate(-2px,2px);opacity:1}40%{transform:translate(-2px,-2px);opacity:1}60%{transform:translate(2px,2px);opacity:1}80%{transform:translate(2px,-2px);opacity:1}}@keyframes glitch-2{0%,to{transform:translate(0);opacity:0}20%{transform:translate(2px,-2px);opacity:1}40%{transform:translate(2px,2px);opacity:1}60%{transform:translate(-2px,-2px);opacity:1}80%{transform:translate(-2px,2px);opacity:1}}.sidebar{position:fixed;left:0;top:0;width:80px;height:100vh;background:linear-gradient(180deg,#8b45ff1a,#0a0a0fe6,#ff2d921a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(139,69,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem 0;z-index:10}@media (max-width: 768px){.sidebar{inset:auto 0 0;width:100%;height:80px;flex-direction:row;justify-content:space-around;align-items:center;padding:1rem;background:linear-gradient(90deg,#8b45ff1a,#0a0a0ff2,#ff2d921a);border-right:none;border-top:1px solid rgba(139,69,255,.3)}}.logo{transform:rotate(-90deg)}@media (max-width: 768px){.logo{transform:rotate(0);order:1}}.logo-text{font-size:1.2rem;font-weight:700;letter-spacing:2px}@media (max-width: 768px){.logo-text{font-size:1rem;letter-spacing:1px}}.nav-dots{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.nav-dots{flex-direction:row;gap:1rem;order:2}}.nav-dot{width:16px;height:16px;background:transparent;border:2px solid var(--text-dim);border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative}.nav-dot:hover{border-color:var(--primary);box-shadow:0 0 10px var(--primary)}.nav-dot.active{border-color:var(--primary);background:var(--primary);box-shadow:0 0 20px var(--primary)}.nav-dot.active:after{content:"";position:absolute;inset:-4px;border:1px solid var(--primary);border-radius:50%;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.section-info{transform:rotate(-90deg);white-space:nowrap;text-align:center}@media (max-width: 768px){.section-info{transform:rotate(0);order:3;text-align:right}}.section-counter{font-size:1.2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}@media (max-width: 768px){.section-counter{font-size:1rem;margin-bottom:.25rem}}.section-name{font-size:.8rem;color:var(--text-dim);letter-spacing:1px}@media (max-width: 768px){.section-name{font-size:.7rem;letter-spacing:.5px}}.main-content{flex:1;margin-left:80px;padding:4rem;display:flex;align-items:center;justify-content:center;min-height:100vh;z-index:5}@media (max-width: 768px){.main-content{margin-left:0;padding:2rem 1rem;padding-bottom:120px}}.main-title{font-size:4rem;font-weight:900;margin-bottom:2rem;text-align:center;letter-spacing:4px}@media (max-width: 768px){.main-title{font-size:2.5rem;letter-spacing:2px;margin-bottom:1.5rem}}@media (max-width: 480px){.main-title{font-size:2rem;letter-spacing:1px}}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;letter-spacing:2px}@media (max-width: 768px){.section-title{font-size:2rem;margin-bottom:2rem;letter-spacing:1px}}@media (max-width: 480px){.section-title{font-size:1.5rem;margin-bottom:1.5rem;letter-spacing:.5px}}.section-void{text-align:center}@media (max-width: 768px){.section-void{max-width:100%;padding:0 1rem}}.terminal-text{background:#0a0a0fcc;border:1px solid var(--primary);border-radius:8px;padding:2rem;margin:3rem 0;text-align:left;font-family:var(--font-mono);box-shadow:0 0 30px #8b45ff33}@media (max-width: 768px){.terminal-text{padding:1.5rem;margin:2rem 0;border-radius:6px}}@media (max-width: 480px){.terminal-text{padding:1rem;margin:1rem 0}}.code-line{margin:.5rem 0;color:var(--accent);font-size:1.1rem}@media (max-width: 768px){.code-line{font-size:.95rem;margin:.4rem 0}}@media (max-width: 480px){.code-line{font-size:.85rem;margin:.3rem 0}}.code-line:first-child{color:var(--secondary)}.navigation-hint{color:var(--text-dim);font-size:.9rem;letter-spacing:1px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.contact-grid{display:flex;gap:1.5rem}.section-journey{max-width:900px}.timeline-container{display:flex;flex-direction:column;gap:2rem}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid rgba(139,69,255,.1)}.timeline-item:last-child{border-bottom:none}.timeline-date{color:var(--secondary);font-weight:700;font-size:1.1rem;font-family:var(--font-display)}.timeline-content h4{color:var(--accent);font-size:1.3rem;margin-bottom:1rem;font-family:var(--font-display)}.timeline-content p{color:var(--text);line-height:1.6;font-size:1rem}.section-creations{max-width:1200px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:#0a0a0f99;border:1px solid rgba(139,69,255,.3);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.project-card:hover{border-color:var(--secondary);box-shadow:0 0 30px #ff2d9233;transform:translateY(-10px)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-header h4{color:var(--accent);font-size:1.1rem;font-family:var(--font-mono)}.project-status{font-size:.8rem;padding:.3rem .8rem;border-radius:12px;font-weight:600}.project-status:contains("LIVE"){background:#0f83;color:var(--accent);border:1px solid var(--accent)}.project-status:contains("EXPERIMENTAL"){background:#ff2d9233;color:var(--secondary);border:1px solid var(--secondary)}.project-status:contains("IN_PROGRESS"){background:#8b45ff33;color:var(--primary);border:1px solid var(--primary)}.project-card p{color:var(--text);line-height:1.6;margin-bottom:1.5rem}.project-tech{color:var(--text-dim);font-size:.9rem;font-style:italic}.contact-terminal{background:var(--surface);border:1px solid var(--primary);border-radius:12px;overflow:hidden;box-shadow:0 0 40px #8b45ff4d}.terminal-header{background:#8b45ff1a;padding:1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--primary)}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#f55}.dot.yellow{background:#ff5}.dot.green{background:#5f5}.terminal-body{padding:2rem;font-family:var(--font-mono);line-height:2}.contact-line{margin:1.5rem 0;color:var(--accent)}.contact-link{color:var(--secondary);margin-left:1rem;text-decoration:underline;cursor:pointer}.contact-link:hover{color:var(--primary);text-shadow:0 0 10px var(--primary)}.cursor-line{margin-top:2rem;color:var(--accent)}.blinking-cursor{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.system-info{position:fixed;bottom:1rem;right:1rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);text-align:right;z-index:10}.system-line{margin:.2rem 0;opacity:.6}@media (max-width: 768px){.sidebar{width:60px}.main-content{margin-left:60px;padding:2rem}.main-title{font-size:2.5rem}.section-title{font-size:1.8rem}.identity-grid{grid-template-columns:1fr;gap:2rem}.timeline-item{grid-template-columns:1fr;gap:1rem}.projects-grid{grid-template-columns:1fr}.system-info{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:var(--primary);color:var(--background)}::-moz-selection{background:var(--primary);color:var(--background)}.tech-categories{display:flex;flex-direction:column;gap:1.5rem}.tech-category{display:flex;flex-direction:column;gap:.8rem}.tech-label{color:var(--accent);font-size:.9rem;font-weight:600;letter-spacing:1px}.tech.primary{background:var(--primary);color:var(--background);box-shadow:0 0 15px #8b45ff4d}.metrics-bar{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(139,69,255,.2)}.metric{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.metric-label{min-width:120px;color:var(--text);font-size:.9rem;font-weight:500}.metric-bar{flex:1;height:8px;background:#8b45ff33;border-radius:4px;overflow:hidden}.metric-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;animation:fill-bar 2s ease-out}@keyframes fill-bar{0%{width:0%}}.metric-value{min-width:40px;color:var(--accent);font-weight:700;text-align:right}.timeline-achievements{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.achievement{background:#ff2d9233;color:var(--secondary);padding:.3rem .8rem;border-radius:12px;font-size:.7rem;font-weight:500;border:1px solid var(--secondary)}.project-card.featured{border:2px solid var(--secondary);background:#ff2d920d;transform:scale(1.02)}.project-card.featured:hover{border-color:var(--primary);box-shadow:0 0 40px #8b45ff4d}.project-metrics{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.metric-chip{background:#0f83;color:var(--accent);padding:.3rem .8rem;border-radius:15px;font-size:.7rem;font-weight:600;border:1px solid var(--accent)}.project-status.experimental{background:#ff2d9233;color:var(--secondary);border:1px solid var(--secondary)}.project-status.progress{background:#8b45ff33;color:var(--primary);border:1px solid var(--primary)}.availability-status{background:#0a0a0f99;border:1px solid rgba(139,69,255,.3);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.availability-status h3{color:var(--primary);font-size:1.2rem;margin-bottom:1.5rem;letter-spacing:1px}.status-indicators{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.status-item{display:flex;align-items:center;gap:.8rem;font-size:.9rem}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.status-dot.available{background:var(--accent);box-shadow:0 0 10px var(--accent)}.status-dot.busy{background:var(--secondary);box-shadow:0 0 10px var(--secondary)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.6}}.contact-preferences h4{color:var(--accent);font-size:1rem;margin-bottom:1rem;letter-spacing:1px}.protocol-list{display:flex;flex-direction:column;gap:.8rem}.protocol{color:var(--text-dim);font-size:.85rem;padding-left:1rem;border-left:2px solid var(--primary)}.app.mobile{overflow-y:auto;overflow-x:hidden}.mobile-main{width:100%;min-height:100vh;padding:2rem 1rem 120px;display:flex;align-items:center;justify-content:center}.mobile-section{width:100%;max-width:400px;text-align:center}.mobile-header{margin-bottom:2rem}.mobile-title{font-size:1.8rem;font-weight:900;margin-bottom:.5rem;letter-spacing:2px}.mobile-subtitle{color:var(--accent);font-size:.9rem;letter-spacing:1px;opacity:.8}.mobile-card,.mobile-contact-card,.mobile-project-card{background:#0a0a0fe6;border:1px solid var(--primary);border-radius:12px;padding:1.5rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #8b45ff1a}.mobile-cards{display:flex;flex-direction:column;gap:1rem}.mobile-terminal{text-align:left;font-family:var(--font-mono)}.terminal-prompt{color:var(--secondary);margin:.5rem 0 .2rem;font-size:.9rem}.terminal-output{color:var(--accent);margin-bottom:.5rem;font-size:.9rem;padding-left:1rem}.mobile-nav-hint{color:var(--text-dim);font-size:.8rem;margin-top:2rem;animation:pulse 2s ease-in-out infinite}.skill-bars{display:flex;flex-direction:column;gap:1rem}.skill-bar{display:flex;flex-direction:column;gap:.5rem}.skill-bar span{font-size:.8rem;color:var(--text)}.bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;transition:width 1s ease-in-out}.tech-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tech-tag{background:#ffffff1a;border:1px solid var(--text-dim);border-radius:20px;padding:.3rem .8rem;font-size:.75rem;color:var(--text);transition:all .3s ease}.tech-tag.primary{background:var(--primary);border-color:var(--primary);color:var(--background);box-shadow:0 0 15px #8b45ff4d}.mobile-timeline{display:flex;flex-direction:column;gap:1.5rem}.mobile-timeline-item{display:flex;gap:1rem;align-items:flex-start}.timeline-year{background:var(--primary);color:var(--background);padding:.5rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;white-space:nowrap;min-width:50px;text-align:center}.timeline-card{flex:1;background:#0a0a0fcc;border:1px solid rgba(139,69,255,.3);border-radius:8px;padding:1rem;text-align:left}.timeline-card h4{color:var(--accent);font-size:1rem;margin-bottom:.5rem}.timeline-card p{font-size:.8rem;line-height:1.4;margin-bottom:.8rem;color:var(--text)}.timeline-tags{display:flex;gap:.5rem;flex-wrap:wrap}.timeline-tags span{background:#0f83;border:1px solid var(--accent);border-radius:12px;padding:.2rem .6rem;font-size:.65rem;color:var(--accent)}.mobile-project-cards{display:flex;flex-direction:column;gap:1rem}.mobile-project-card{position:relative;text-align:left}.mobile-project-card.featured{border-color:var(--secondary);box-shadow:0 8px 32px #ff2d9233}.project-status{position:absolute;top:1rem;right:1rem;font-size:.7rem;font-weight:700;padding:.3rem .6rem;border-radius:12px}.project-status.live{background:#0f83;color:var(--accent);border:1px solid var(--accent)}.project-status.beta{background:#ff2d9233;color:var(--secondary);border:1px solid var(--secondary)}.project-status.oss{background:#8b45ff33;color:var(--primary);border:1px solid var(--primary)}.mobile-project-card h4{color:var(--text);font-size:1rem;margin-bottom:.8rem;margin-top:.5rem}.mobile-project-card p{font-size:.8rem;line-height:1.4;margin-bottom:1rem;color:var(--text-dim)}.project-metrics-mobile{display:flex;gap:.5rem;flex-wrap:wrap}.project-metrics-mobile span{background:#8b45ff33;border:1px solid var(--primary);border-radius:12px;padding:.2rem .6rem;font-size:.65rem;color:var(--primary)}.mobile-contact-grid{display:flex;flex-direction:column;gap:1rem}.mobile-contact-card{display:flex;align-items:center;gap:1rem;text-align:left}.contact-icon{font-size:1.5rem;width:40px;text-align:center}.contact-info{flex:1}.contact-label{color:var(--accent);font-size:.8rem;font-weight:600;margin-bottom:.2rem}.contact-value{color:var(--text);font-size:.9rem}.mobile-status{margin-top:2rem;padding:1rem;background:#00ff881a;border:1px solid var(--accent);border-radius:8px}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--accent)}.status-dot.available{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:80px;background:linear-gradient(90deg,#8b45ff1a,#0a0a0ff2,#ff2d921a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(139,69,255,.3);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:100}.mobile-nav-dots{display:flex;gap:1rem;flex:1;justify-content:center}.mobile-nav-dot{width:16px;height:16px;background:transparent;border:2px solid var(--text-dim);border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative}.mobile-nav-dot:hover{border-color:var(--primary);box-shadow:0 0 10px var(--primary)}.mobile-nav-dot.active{border-color:var(--primary);background:var(--primary);box-shadow:0 0 20px var(--primary)}.mobile-section-info{text-align:right}.mobile-section-counter{font-size:1rem;font-weight:700;color:var(--primary)}.project-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow:hidden;cursor:default}.project-modal{background:linear-gradient(135deg,#0a0a0ff2,#1a1a2ef2);border:2px solid var(--primary);border-radius:16px;max-width:900px;width:100%;height:800px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 50px #8b45ff4d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem 1rem;border-bottom:1px solid rgba(139,69,255,.3);flex-shrink:0}.modal-title-section{flex:1}.modal-title{font-size:1.5rem;font-weight:900;margin-bottom:.5rem;color:var(--text)}.modal-status{font-size:.8rem;font-weight:700;padding:.3rem .8rem;border-radius:20px;display:inline-block}.modal-status.live{background:#0f83;color:var(--accent);border:1px solid var(--accent)}.modal-status.beta{background:#ff2d9233;color:var(--secondary);border:1px solid var(--secondary)}.modal-status.active,.modal-status.oss{background:#8b45ff33;color:var(--primary);border:1px solid var(--primary)}.modal-close{background:transparent;border:2px solid var(--text-dim);color:var(--text-dim);width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.modal-close:hover{border-color:var(--secondary);color:var(--secondary);box-shadow:0 0 20px #ff2d924d}.modal-tabs{display:flex;border-bottom:1px solid rgba(139,69,255,.3);background:#0003;flex-shrink:0}.modal-tab{flex:1;background:transparent;border:none;padding:1rem;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.modal-tab:hover{color:var(--text);background:#8b45ff1a}.modal-tab.active{color:var(--primary);background:#8b45ff26;border-bottom-color:var(--primary)}.modal-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--primary);box-shadow:0 0 10px #8b45ff80}.tab-icon{font-size:1rem}.tab-label{font-family:var(--font-display);letter-spacing:.5px}.modal-content{display:flex;flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-content div{width:100%}.tab-content{display:flex;flex-direction:column;gap:1.5rem;min-height:100%}.modal-description{background:#0000004d;padding:1.5rem;border-radius:12px;border:1px solid rgba(139,69,255,.2)}.modal-description h3{color:var(--accent);font-size:1.2rem;margin-bottom:1rem;font-family:var(--font-display)}.modal-description p{line-height:1.6;color:var(--text)}.modal-metrics{background:#00ff880d;padding:1.5rem;border-radius:12px;border:1px solid rgba(0,255,136,.2)}.modal-metrics h3{color:var(--accent);font-size:1.2rem;margin-bottom:1rem;font-family:var(--font-display)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-item{display:flex;align-items:center;gap:.5rem;color:var(--text);font-weight:600}.metric-icon{color:var(--accent);font-size:1.1rem}.modal-tech{background:#8b45ff0d;padding:1.5rem;border-radius:12px;border:1px solid rgba(139,69,255,.2)}.modal-tech h3{color:var(--primary);font-size:1.2rem;margin-bottom:1rem;font-family:var(--font-display)}.tech-stack-grid{display:flex;flex-wrap:wrap;gap:.75rem}.tech-stack-item{background:#8b45ff33;color:var(--primary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid var(--primary);transition:all .3s ease}.tech-stack-item:hover{background:var(--primary);color:var(--background);box-shadow:0 0 15px #8b45ff66}.modal-features{background:#ff2d920d;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,45,146,.2)}.modal-features h3,.modal-challenges h3{color:var(--secondary);font-size:1.2rem;margin-bottom:1rem;font-family:var(--font-display)}.features-list,.challenges-list{list-style:none;display:grid;gap:.75rem}.features-list li,.challenges-list li{display:flex;align-items:flex-start;gap:.75rem;color:var(--text);line-height:1.5}.feature-icon{color:var(--accent);font-size:.8rem;margin-top:.1rem}.challenge-icon{font-size:.9rem;margin-top:.1rem}.modal-challenges{background:#ff2d920d;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,45,146,.2)}.modal-architecture{background:#00ff880d;padding:1.5rem;border-radius:12px;border:1px solid rgba(0,255,136,.2)}.modal-architecture h3{color:var(--accent);font-size:1.2rem;margin-bottom:1rem;font-family:var(--font-display)}.architecture-info{display:flex;align-items:center;gap:1rem;color:var(--text);font-weight:600;margin-bottom:1rem}.arch-icon{font-size:1.5rem}.architecture-details h4{color:var(--accent);font-size:1rem;margin-bottom:.5rem;font-family:var(--font-display)}.architecture-details p{line-height:1.6;color:var(--text)}.modal-links{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:1px solid rgba(139,69,255,.3);margin-top:auto}.modal-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid}.modal-link.github{background:#8b45ff33;color:var(--primary);border-color:var(--primary)}.modal-link.github:hover{background:var(--primary);color:var(--background);box-shadow:0 0 25px #8b45ff80}.modal-link.demo{background:#0f83;color:var(--accent);border-color:var(--accent)}.modal-link.demo:hover{background:var(--accent);color:var(--background);box-shadow:0 0 25px #00ff8880}.project-click-hint,.mobile-click-hint{color:var(--text-dim);font-size:.8rem;text-align:center;margin-top:1rem;opacity:.7;transition:opacity .3s ease}.not-found-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(ellipse at top left,rgba(139,69,255,.05) 0%,transparent 50%),var(--background);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text);font-family:var(--font-mono)}.error-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.not-found-content{position:relative;z-index:10;text-align:center;max-width:900px;width:100%;padding:2rem}.error-display{margin-bottom:3rem}.error-code{margin-bottom:2rem}.big-error .glitch-text{font-size:8rem;font-weight:900;font-family:var(--font-display);color:var(--secondary);text-shadow:0 0 20px var(--secondary),0 0 40px var(--secondary),0 0 80px var(--secondary);letter-spacing:2rem}.error-title .glitch-text{font-size:2rem;font-weight:700;color:var(--primary);text-shadow:0 0 20px var(--primary);margin-bottom:1rem}.error-subtitle{font-size:1.2rem;color:var(--text-dim);font-style:italic;margin-top:1rem}.not-found-container .glitch-text.glitching:before{content:attr(data-text);position:absolute;top:0;left:0;color:var(--accent);animation:glitch-404-1 .3s ease-in-out;z-index:-1}.not-found-container .glitch-text.glitching:after{content:attr(data-text);position:absolute;top:0;left:0;color:var(--glitch);animation:glitch-404-2 .3s ease-in-out;z-index:-2}@keyframes glitch-404-1{0%,to{transform:translate(0);opacity:0}10%{transform:translate(-5px,3px);opacity:.8}20%{transform:translate(-5px,-3px);opacity:.8}30%{transform:translate(5px,3px);opacity:.8}40%{transform:translate(5px,-3px);opacity:.8}50%{transform:translate(-3px,2px);opacity:.8}60%{transform:translate(3px,-2px);opacity:.8}70%{transform:translate(-2px,-1px);opacity:.8}80%{transform:translate(2px,1px);opacity:.8}90%{transform:translate(-1px);opacity:.8}}@keyframes glitch-404-2{0%,to{transform:translate(0);opacity:0}15%{transform:translate(3px,-2px);opacity:.6}25%{transform:translate(3px,2px);opacity:.6}35%{transform:translate(-3px,-2px);opacity:.6}45%{transform:translate(-3px,2px);opacity:.6}55%{transform:translate(2px,-1px);opacity:.6}65%{transform:translate(-2px,1px);opacity:.6}75%{transform:translate(1px,1px);opacity:.6}85%{transform:translate(-1px,-1px);opacity:.6}95%{transform:translateY(1px);opacity:.6}}.error-terminal{background:#0a0a0fe6;border:2px solid var(--primary);border-radius:12px;margin:2rem 0;max-width:600px;margin-left:auto;margin-right:auto;box-shadow:0 0 30px #8b45ff4d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terminal-header{background:#8b45ff33;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--primary);border-radius:10px 10px 0 0}.terminal-dots{display:flex;gap:.5rem}.terminal-title{color:var(--text);font-size:.9rem;font-weight:600}.terminal-body{padding:1.5rem;font-family:var(--font-mono);font-size:.9rem;line-height:1.4;min-height:300px;max-height:400px;overflow-y:auto}.terminal-line{margin:.5rem 0;color:var(--text)}.terminal-line.command{color:var(--accent);font-weight:600}.terminal-line.output{color:var(--text-dim);padding-left:1rem}.terminal-line.error{color:var(--secondary);text-shadow:0 0 5px var(--secondary)}.cursor{color:var(--accent);animation:cursor-blink 1s ease-in-out infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.error-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:2px solid;border-radius:25px;text-decoration:none;font-weight:700;font-family:var(--font-mono);font-size:.9rem;transition:all .3s ease;cursor:pointer;background:transparent;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.action-button:hover:before{left:100%}.action-button.primary{color:var(--primary);border-color:var(--primary)}.action-button.primary:hover{background:var(--primary);color:var(--background);box-shadow:0 0 30px #8b45ff80;transform:translateY(-2px)}.action-button.secondary{color:var(--accent);border-color:var(--accent)}.action-button.secondary:hover{background:var(--accent);color:var(--background);box-shadow:0 0 30px #00ff8880;transform:translateY(-2px)}.button-icon{font-size:1rem}.system-status{background:#00000080;border:1px solid rgba(139,69,255,.3);border-radius:8px;padding:1.5rem;margin-top:2rem;font-family:var(--font-mono);font-size:.85rem}.status-line{display:flex;justify-content:space-between;margin:.5rem 0;padding:.25rem 0;border-bottom:1px solid rgba(139,69,255,.1)}.status-line:last-child{border-bottom:none}.status-label{color:var(--text-dim);font-weight:600}.status-value{font-weight:700}.status-value.error{color:var(--secondary);text-shadow:0 0 5px var(--secondary)}.status-value.warning{color:#ff0;text-shadow:0 0 5px #ffff00}@media (max-width: 768px){.not-found-content{padding:1rem}.big-error .glitch-text{font-size:4rem;letter-spacing:1rem}.error-title .glitch-text{font-size:1.5rem}.error-subtitle{font-size:1rem}.error-terminal{margin:1rem 0;max-width:100%}.terminal-body{padding:1rem;font-size:.8rem;min-height:200px}.error-actions{flex-direction:column;align-items:center}.action-button{width:100%;max-width:280px;justify-content:center}.system-status{font-size:.75rem;padding:1rem}.status-line{flex-direction:column;gap:.25rem}}.project-card:hover .project-click-hint,.mobile-project-card:hover .mobile-click-hint{opacity:1}.project-card,.mobile-project-card{cursor:pointer;transition:all .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #8b45ff33}.mobile-project-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8b45ff33}@media (max-width: 768px){.project-modal-overlay{padding:1rem}.project-modal{height:80vh;border-radius:12px;padding:1rem}.modal-header{padding:1rem 1.5rem .5rem}.modal-title{font-size:1.2rem}.modal-close{width:30px;height:30px;font-size:.9rem}.modal-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab{flex-shrink:0;min-width:60px;padding:.75rem .5rem;font-size:.8rem}.tab-label{display:none}.tab-icon{font-size:1.2rem}.modal-content{padding:1.5rem}.metrics-grid{grid-template-columns:1fr}.tech-stack-grid{justify-content:center}.modal-links{flex-direction:column;align-items:center}.modal-link{width:100%;max-width:250px;justify-content:center}}@media (max-width: 1024px){.contact-grid{gap:2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.identity-grid{gap:2rem}}@media (max-width: 768px){.contact-grid,.identity-grid,.projects-grid{grid-template-columns:1fr;gap:1.5rem}.metrics-bar{margin-top:1.5rem}.metric{flex-direction:column;align-items:flex-start;gap:.5rem}.metric-bar{width:100%}.timeline-item{padding:1.5rem}.timeline-content h4{font-size:1.2rem}.timeline-content p{font-size:.9rem;line-height:1.5}.project-card{padding:1.5rem}.project-header h4{font-size:1.1rem}.contact-terminal{font-size:.9rem}.system-info{bottom:100px;font-size:.7rem}}@media (max-width: 480px){.tech-categories{gap:1rem}.metric-chip,.achievement{font-size:.65rem;padding:.25rem .6rem}.availability-status{padding:1.5rem}.particle-canvas{opacity:.3}.scanlines{opacity:.005}.timeline-item{padding:1rem}.timeline-date{font-size:.8rem}.timeline-content h4{font-size:1rem;margin-bottom:.5rem}.timeline-content p{font-size:.8rem;line-height:1.4}.timeline-achievements{gap:.3rem}.project-card{padding:1rem}.project-header{margin-bottom:.75rem}.project-header h4{font-size:1rem}.project-card p{font-size:.8rem;line-height:1.4;margin-bottom:1rem}.project-metrics{margin-bottom:.75rem}.project-tech{font-size:.7rem}.contact-line{font-size:.8rem;line-height:1.4}.contact-link{font-size:.75rem}.navigation-hint{font-size:.8rem;text-align:center}}@media (max-width: 360px){.main-content{padding:1rem .75rem;padding-bottom:100px}.main-title{font-size:1.8rem;letter-spacing:.5px}.section-title{font-size:1.3rem;letter-spacing:0px}.terminal-text{padding:.75rem}.code-line{font-size:.75rem}.identity-card{padding:1rem}.function{font-size:.7rem}.tech{font-size:.65rem;padding:.2rem .5rem}.nav-dots{gap:.75rem}.nav-dot{width:14px;height:14px}}