@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color:#010b14;--text-main:#fff;--text-muted:#8892b0;--accent-color:#38bdf8;--font-ui:"Inter", sans-serif;--font-mono:"Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden auto}::selection{background:var(--accent-color);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#38bdf866}:root{--bg-color:#05050a;--panel-bg:#0f0f19b3;--panel-border:#38bdf833;--text-main:#f0f0f0;--text-muted:#8b9bb4;--accent:#38bdf8;--accent-glow:#38bdf866;--success:#10b981;--ide-bg:#0d1117;--font-ui:"Inter", sans-serif;--font-code:"JetBrains Mono", monospace}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-ui);cursor:default;background-image:radial-gradient(circle at 50% 0,#38bdf80d 0%,#0000 60%);margin:0;overflow-x:hidden}.font-code{font-family:var(--font-code)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.mouse-glow{pointer-events:none;z-index:0;mix-blend-mode:screen;background:radial-gradient(circle,#38bdf81a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:fixed;transform:translate(-50%,-50%)}.boot-sequence{z-index:9999;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.boot-terminal{width:80%;max-width:800px;height:60vh}.os-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.os-header{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#05050acc;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;position:sticky;top:0}.os-brand{letter-spacing:1px;align-items:center;gap:10px;font-size:.9rem;display:flex}.os-controls{align-items:center;gap:30px;display:flex}.status-indicator{font-family:var(--font-code);color:var(--success);align-items:center;gap:8px;font-size:.8rem;display:flex}.pulse-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 10px var(--success);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;box-shadow:0 0 10px var(--success)}50%{opacity:.4;box-shadow:0 0 2px var(--success)}to{opacity:1;box-shadow:0 0 10px var(--success)}}.social-links{gap:15px;display:flex}.social-links a{color:var(--text-muted);transition:color .2s}.social-links a:hover{color:var(--accent)}.os-layout{box-sizing:border-box;grid-template-columns:1fr 2fr;grid-auto-rows:minmax(min-content,max-content);gap:30px;width:100%;max-width:1400px;margin:0 auto;padding:40px;display:grid}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:30px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.panel-title{font-family:var(--font-code);color:var(--text-muted);letter-spacing:1px;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;margin-bottom:25px;padding-bottom:15px;font-size:.85rem;display:flex}.profile-matrix{grid-column:1/-1;justify-content:space-between;align-items:center;gap:40px;display:flex}.profile-header{align-items:center;gap:30px;display:flex}.avatar-glitch{border:2px solid var(--accent);width:120px;height:120px;box-shadow:0 0 20px var(--accent-glow);object-fit:cover;filter:grayscale(20%);border-radius:50%}.glitch-text{letter-spacing:-1px;margin:0;font-size:2.2rem;font-weight:600}.title-text{margin:5px 0 0;font-size:1rem;font-weight:400}.summary-yaml{background:#0a0a0f;border:1px solid #1f1f2e;border-radius:8px;flex:1;max-width:600px;padding:0;font-size:.85rem;line-height:1.6;overflow:hidden}.yaml-header{color:#6e7681;background:#151520;border-bottom:1px solid #1f1f2e;align-items:center;padding:8px 15px;font-size:.75rem;display:flex}.yaml-body{color:#c9d1d9;padding:15px}.yaml-key{color:#ff7b72}.yaml-value,.yaml-string{color:#a5d6ff}.yaml-indent{width:20px;display:inline-block}.yaml-indent-double{width:40px;display:inline-block}.yaml-bullet{color:#8b949e;margin-right:5px}.system-stats{flex-direction:column;flex-shrink:0;gap:15px;min-width:120px;display:flex}.stat-box{background:#0006;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;padding:12px;display:flex}.stat-label{font-family:var(--font-code);color:var(--text-muted);margin-bottom:4px;font-size:.65rem}.stat-value{font-family:var(--font-code);font-size:1.1rem;font-weight:700}.experience-service{flex-direction:column;grid-column:1/2;display:flex}.architecture-graph{flex-direction:column;gap:20px;height:100%;display:flex}.service-nodes{flex-direction:column;align-items:flex-start;gap:0;padding:10px 0;display:flex}.service-node{cursor:pointer;z-index:2;background:#0006;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:20px;width:100%;padding:15px;transition:all .3s;display:flex;position:relative}.service-node:hover{background:#38bdf80d;border-color:#38bdf84d;transform:translate(5px)}.service-node.active{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);background:#38bdf81a}.node-icon{color:var(--text-muted);background:#111;border:1px solid #222;border-radius:8px;padding:10px}.service-node.active .node-icon{color:var(--accent);border-color:var(--accent)}.node-info{flex-direction:column;display:flex}.node-env{font-family:var(--font-code);letter-spacing:1px;margin-bottom:5px;font-size:.65rem}.node-role{font-size:.95rem;font-weight:500}.data-pipeline{background:linear-gradient(to bottom, var(--accent) 0%, transparent 100%);opacity:.3;width:2px;height:20px;margin:0 0 0 32px}.service-node.active+.data-pipeline{opacity:1;box-shadow:0 0 10px var(--accent)}.server-logs{background:#0a0a0f;border:1px solid #1f1f2e;border-radius:8px;flex-direction:column;flex:1;min-height:250px;display:flex;overflow:hidden}.log-header{font-family:var(--font-code);color:#666;background:#151520;border-bottom:1px solid #1f1f2e;justify-content:space-between;align-items:center;padding:8px 15px;font-size:.75rem;display:flex}.window-controls{gap:6px;display:flex}.ctrl{border-radius:50%;width:10px;height:10px}.ctrl.close{background:#ff5f56}.ctrl.min{background:#ffbd2e}.ctrl.expand{background:#27c93f}.log-body{color:#a5b4fc;height:100%;padding:20px;font-size:.85rem;line-height:1.6;overflow-y:auto}.log-success{color:#f0f0f0;margin-bottom:8px}.status-code{color:var(--success);font-weight:700}.project-ide{flex-direction:column;grid-column:2/3;display:flex}.ide-layout{background:var(--ide-bg);border:1px solid #1f1f2e;border-radius:8px;flex:1;min-height:480px;max-height:600px;display:flex;overflow:hidden}.ide-sidebar{background:#0d1117;border-right:1px solid #1f1f2e;flex-direction:column;width:250px;display:flex}.sidebar-title{font-size:.7rem;font-family:var(--font-code);letter-spacing:1px;color:#6e7681;border-bottom:1px solid #1f1f2e;padding:10px 15px}.file-tree{margin:0;padding:10px 0;list-style:none;overflow-y:auto}.file-item{color:#8b949e;cursor:pointer;align-items:center;gap:8px;padding:6px 20px;font-size:.8rem;transition:all .2s;display:flex}.file-item:hover{color:#c9d1d9;background:#ffffff0d}.file-item.active{color:var(--accent);border-left:2px solid var(--accent);background:#38bdf81a}.ide-editor{background:#0d1117;flex-direction:column;flex:1;display:flex}.editor-tabs{background:#010409;border-bottom:1px solid #1f1f2e;display:flex}.tab{color:#8b949e;cursor:pointer;background:#010409;border-top:2px solid #0000;border-right:1px solid #1f1f2e;align-items:center;gap:8px;padding:10px 20px;font-size:.8rem;display:flex}.tab.active{color:#c9d1d9;border-top:2px solid var(--accent);background:#0d1117}.close-tab{opacity:.5;margin-left:10px}.close-tab:hover{opacity:1}.editor-content{color:#c9d1d9;padding:25px;font-size:.9rem;line-height:1.7;overflow-y:auto}.code-line{white-space:pre-wrap;word-break:break-all;gap:8px;display:flex}.indent-1{padding-left:20px}.training-data{flex-direction:column;grid-column:1/2;display:flex}.pipeline-grid{flex-direction:column;gap:0;padding:10px 0;display:flex}.pipeline-stage{background:0 0;border-left:2px solid #333;padding:0 0 20px 25px;position:relative}.pipeline-stage.passed{border-left-color:var(--success)}.pipeline-stage.building{border-left-color:var(--accent)}.pipeline-stage:before{content:"";background:#222;border:2px solid #555;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:-7px}.pipeline-stage.passed:before{background:var(--bg-color);border-color:var(--success);box-shadow:0 0 10px #10b98180}.pipeline-stage.building:before{background:var(--bg-color);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:2s infinite pulse-border}.stage-header{justify-content:space-between;align-items:center;margin-top:-5px;margin-bottom:10px;display:flex}.stage-status{align-items:center;gap:10px;display:flex}.status-badge{border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.status-badge.passed{color:var(--success);background:#10b9811a;border:1px solid #10b9814d}.stage-id{color:var(--text-main);font-size:.75rem}.stage-time{color:var(--text-muted);font-size:.75rem}.stage-body{background:#0006;border:1px solid #ffffff0d;border-radius:8px;padding:15px}.stage-name{color:var(--text-main);margin:0 0 5px;font-size:1rem;font-weight:500}.stage-artifact{opacity:.8;margin:0 0 10px;font-size:.8rem;font-weight:400}.stage-logs{color:#888;background:#050505;border:1px solid #111;border-radius:4px;padding:10px;font-size:.7rem}.log-text{margin-bottom:4px}.spinner-border{border:2px solid #38bdf84d;border-top:2px solid var(--accent);border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.system-packages{flex-direction:column;grid-column:2/3;display:flex}.htop-table{background:#0a0a0f;border:1px solid #1f1f2e;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.htop-header{background:#151520;border-bottom:1px solid #1f1f2e;grid-template-columns:1fr 1.5fr 1.2fr 2.5fr;padding:12px 15px;font-size:.75rem;font-weight:700;display:grid}.htop-body{flex-direction:column;max-height:400px;padding:5px 0;display:flex;overflow:hidden auto}.htop-row{border-bottom:1px solid #ffffff05;border-left:2px solid #0000;grid-template-columns:1fr 1.5fr 1.2fr 2.5fr;align-items:center;padding:12px 15px;font-size:.8rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:grid;position:relative}.htop-row:hover{box-shadow:-5px 0 20px #38bdf866, inset 3px 0 0 var(--accent);border-left:2px solid var(--accent);z-index:10;background:#38bdf826;border-radius:4px;transform:scale(1.02)translate(10px)}.col-pid{color:#8b9bb4;font-family:var(--font-code);opacity:.5;font-size:.7rem}.col-status{letter-spacing:1px;font-size:.75rem;font-weight:700}.status-text{color:var(--success)}.col-binding{font-family:var(--font-code);text-shadow:0 0 5px #ffffff1a}.col-cmd{letter-spacing:.5px;font-weight:700;transition:all .2s}.htop-row:hover .col-cmd{color:#fff;text-shadow:0 0 10px #fff, 0 0 20px var(--accent);animation:.2s linear infinite alternate cyber-glitch}.text-gold{color:#facc15;text-shadow:0 0 8px #facc154d}.text-cyan{color:#22d3ee}.text-crimson{color:#ef4444;text-shadow:0 0 10px #ef444499}@keyframes cyber-glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-2px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(2px,-1px)}to{transform:translate(0)}}.keyword{color:#ff7b72}.variable{color:#79c0ff}.operator{color:#c9d1d9}.string{color:#a5d6ff}.comment{color:#8b949e;font-style:italic}.function{color:#d2a8ff}.entity{color:#f2cc60}.tag{color:#7ee787}.attr{color:#79c0ff}.blink-cursor-fast{animation:.5s step-end infinite blink}@media (width<=1024px){.os-layout{grid-template-columns:1fr}.profile-matrix{text-align:left;flex-direction:column;align-items:flex-start}.profile-header{width:100%}.system-stats{flex-flow:wrap;width:100%}.stat-box{flex:1}.ide-layout{flex-direction:column}.ide-sidebar{border-bottom:1px solid #1f1f2e;border-right:none;width:100%}.service-node{max-width:100%}.experience-service,.project-ide,.training-data,.system-packages{grid-column:1/-1}.htop-header,.htop-row{grid-template-columns:1fr 3fr 2fr}.col-pid{display:none}}.os-footer{text-align:center;color:var(--accent);border-top:1px solid var(--panel-border);letter-spacing:1px;background:#05050af2;width:100%;margin-top:50px;padding:30px;font-size:.9rem;box-shadow:0 -10px 30px #00000080}