:root{--bg-color:#0c0c0c;--card-bg:#121212;--border-color:#2c2c2c;--border-hover:#fff;--text-primary:#fff;--text-dim:#888;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;overflow-x:hidden}.card-container{background:var(--card-bg);border:1px solid var(--border-color);flex-direction:column;gap:30px;width:100%;max-width:440px;padding:40px 30px;animation:.4s ease-out forwards cardFadeIn;display:flex}.portfolio-header{text-align:center}.main-title{text-transform:uppercase;letter-spacing:-.5px;color:#fff;margin-bottom:12px;font-size:24px;font-weight:700}.subtitle-badge{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px}.tagline{color:var(--text-dim);font-size:12px;line-height:1.6}.buttons-section{flex-direction:column;gap:12px;display:flex}.console-btn{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:0;outline:none;justify-content:center;align-items:center;width:100%;padding:14px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:flex}.console-btn:hover,.console-btn.active{background-color:var(--text-primary);color:var(--bg-color);border-color:var(--border-hover)}.info-panel{border:1px solid var(--border-color);opacity:0;background:#0d0d0d;border-radius:0;max-height:0;transition:all .3s ease-out;overflow:hidden}.info-panel.active{opacity:1;max-height:280px}.panel-header{border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;background:#ffffff05;align-items:center;height:28px;padding:0 12px;display:flex}.panel-title{color:var(--text-dim);text-transform:lowercase;font-size:11px}.panel-content{padding:16px;font-size:12px;line-height:1.6}.code-line{color:var(--text-primary)}.code-line.indent{padding-left:20px}.code-key{color:var(--text-primary)}.code-val{color:var(--text-dim)}.portfolio-footer{text-align:center;font-size:14px}.term-cursor{color:var(--text-primary);font-weight:700;animation:1s step-end infinite blink-cursor}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink-cursor{0%,to{opacity:0}50%{opacity:1}}@media (width<=480px){.card-container{gap:20px;padding:30px 20px}}