@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Grotesk:wght@400;700&display=swap";:root{--font-mono: "JetBrains Mono", monospace;--font-sans: "Space Grotesk", sans-serif;--bg-color: #050505;--bg-panel: #0a0a0a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--neon-green: #00ff41;--neon-cyan: #00f3ff;--neon-pink: #ff00ff;--border-color: #333;--terminal-bg: #111;--terminal-header: #222;font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);background-image:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border:1px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--neon-green)}a{font-weight:500;color:var(--neon-cyan);text-decoration:none;transition:all .2s ease}a:hover{color:var(--neon-green);text-shadow:0 0 8px var(--neon-green)}h1,h2,h3{font-family:var(--font-mono);font-weight:700;margin:0}button{font-family:var(--font-mono);cursor:pointer}.app-container{max-width:1400px;width:90%;min-height:100vh;margin:0 auto;padding:4rem 2rem;display:block}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}20%{opacity:.99}25%{opacity:.95}30%{opacity:.9}35%{opacity:.96}40%{opacity:.98}45%{opacity:.95}50%{opacity:.99}55%{opacity:.93}60%{opacity:.9}65%{opacity:.96}70%{opacity:1}75%{opacity:.97}80%{opacity:.95}85%{opacity:.92}90%{opacity:.98}95%{opacity:.99}to{opacity:.94}}.terminal-window{background:var(--terminal-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 0 30px #00ff410d;overflow:hidden;font-family:var(--font-mono);width:100%;max-width:900px;margin:0 auto 4rem;position:relative;z-index:1;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;animation:flicker .15s infinite}.terminal-header{background:var(--terminal-header);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color)}.terminal-dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.terminal-title{margin-left:1rem;color:var(--text-secondary);font-size:.8rem;opacity:.7}.terminal-body{padding:2rem;color:var(--neon-green);font-size:1.1rem;min-height:150px;text-shadow:0 0 5px rgba(0,255,65,.4)}.command-line{display:flex;gap:.75rem;margin-bottom:1rem}.prompt{color:var(--neon-pink);font-weight:700}.typing-effect{display:inline;white-space:pre-wrap;position:relative}.typing-effect:after{content:"";display:inline-block;width:.6em;height:1.1em;background-color:var(--neon-green);vertical-align:-.2em;margin-left:2px;animation:blink-block 1s step-end infinite}@keyframes blink-block{0%,to{opacity:1}50%{opacity:0}}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin-bottom:4rem}.bento-item{background:var(--bg-panel);border:1px solid var(--border-color);padding:2rem;border-radius:12px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden;display:flex;flex-direction:column;min-height:300px}.bento-item:hover{border-color:var(--neon-green);box-shadow:0 0 25px #00ff411a;transform:translateY(-5px);z-index:10}.bento-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan));opacity:0;transition:opacity .3s ease}.bento-item:hover:before{opacity:1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:var(--neon-cyan);font-size:1.2rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem;font-family:var(--font-mono)}.bento-content{flex-grow:1;display:flex;flex-direction:column}.bento-content h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.4rem;font-weight:600}.bento-content .company{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem;display:block;font-weight:500}.bento-content .date{color:#666;font-size:.85rem;font-family:var(--font-mono);margin-bottom:1.5rem;display:block}.bento-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:1rem}.bento-content ul{padding-left:1.2rem;margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.bento-content ul li{margin-bottom:.75rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:1rem}.tech-badge{background:#00ff410d;color:var(--neon-green);border:1px solid rgba(0,255,65,.2);padding:.35rem .85rem;border-radius:6px;font-size:.8rem;font-family:var(--font-mono);transition:all .2s ease;text-decoration:none;cursor:default;display:inline-block}.tech-badge:hover{background:#00ff4126;box-shadow:0 0 10px #00ff4133;transform:translateY(-1px)}.neon-button{background:#00f3ff1a;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-family:var(--font-mono);text-decoration:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;margin-top:auto;width:fit-content;font-weight:700;text-transform:uppercase;letter-spacing:1px}.neon-button:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 15px var(--neon-cyan);transform:translateY(-2px)}.glitch{position:relative;color:var(--text-primary);font-size:3rem;margin:0 0 1rem;line-height:1.1}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 var(--neon-pink);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 var(--neon-cyan);clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(34px,9999px,11px,0)}20%{clip:rect(54px,9999px,12px,0)}40%{clip:rect(65px,9999px,21px,0)}60%{clip:rect(76px,9999px,12px,0)}80%{clip:rect(89px,9999px,65px,0)}to{clip:rect(54px,9999px,12px,0)}}@keyframes glitch-anim2{0%{clip:rect(12px,9999px,54px,0)}20%{clip:rect(65px,9999px,89px,0)}40%{clip:rect(12px,9999px,76px,0)}60%{clip:rect(21px,9999px,65px,0)}80%{clip:rect(12px,9999px,54px,0)}to{clip:rect(11px,9999px,34px,0)}}.social-dock{display:flex;justify-content:center;align-items:center;gap:2.5rem;padding:1.25rem 3rem;background:#0a0a0ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:100px;width:fit-content;margin:0 auto;box-shadow:0 10px 40px #0009;position:sticky;bottom:2rem;z-index:100}.social-icon{color:var(--text-secondary);transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.social-icon:hover{transform:translateY(-5px) scale(1.2)}.social-icon.mail:hover{color:#fff;filter:drop-shadow(0 0 4px #4E75F6) drop-shadow(0 0 8px #9D5DF8) drop-shadow(0 0 12px #42D2F7);transition:all .3s ease}.social-icon.linkedin:hover{color:#0077b5;filter:drop-shadow(0 0 10px #0077B5)}.social-icon.github:hover{color:#fff;filter:drop-shadow(0 0 10px #ffffff)}.social-icon.resume:hover{color:#f40f02;filter:drop-shadow(0 0 10px #F40F02)}.footer{text-align:center;color:#555;font-family:var(--font-mono);font-size:.85rem;margin-top:4rem;padding-bottom:2rem}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.span-2,.span-3{grid-column:span 2}}@media (max-width: 768px){.app-container{padding:2rem 1rem}.terminal-body{font-size:.9rem;padding:1.5rem}.terminal-window{margin-bottom:2rem}.glitch{font-size:2rem}.bento-grid{grid-template-columns:1fr;gap:1.5rem}.bento-item{grid-column:span 1!important}.span-2,.span-3{grid-column:auto}.social-dock{width:85%;padding:1rem;gap:1.5rem;bottom:1.5rem}}