@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@200;300;400;500;600;700&family=Fira+Code:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.portfolio{min-height:100vh;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;line-height:1.6;color:#e2e8f0;background:#0f0f0f;background-image:radial-gradient(circle at 25% 25%,#1a1a2e 0%,transparent 50%),radial-gradient(circle at 75% 75%,#16213e 0%,transparent 50%)}.container{max-width:800px;margin:0 auto;padding:0 2rem}.header{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f0f);color:#e2e8f0;position:relative;overflow:hidden;border-bottom:1px solid #2d3748}.header:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(100,255,218,.03) 100px);z-index:1}.header .container{position:relative;z-index:2}.name{font-size:3.5rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,#64ffda,#00d4ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(100,255,218,.3);letter-spacing:-.02em}.subtitle{font-size:1.1rem;font-weight:400;margin-bottom:1.5rem;opacity:.7;color:#64ffda;font-family:Fira Code,monospace;letter-spacing:.1em}.subtitle:before{content:"< ";color:#a78bfa}.subtitle:after{content:" />";color:#a78bfa}.title{font-size:1.3rem;font-weight:400;margin-bottom:1.5rem;opacity:.8;color:#cbd5e0;letter-spacing:.05em}.description{font-size:1rem;opacity:.9;max-width:650px;margin:2rem auto 0;color:#e2e8f0;line-height:1.8;background:#1a1a2e99;border:1px solid rgba(100,255,218,.3);border-radius:12px;padding:2rem;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.description:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(135deg,#2d3748,#4a5568);border-radius:12px 12px 0 0;border-bottom:1px solid rgba(100,255,218,.2)}.description:after{content:"";position:absolute;top:14px;left:16px;width:12px;height:12px;border-radius:50%;background:#ff5f57;box-shadow:20px 0 #ffbd2e,40px 0 #28ca42}.description-content{margin-top:20px;position:relative;z-index:2}.description-content:before{content:"01\a 02\a 03\a 04";position:absolute;left:-1.5rem;top:0;color:#64ffda;font-family:Fira Code,monospace;font-size:.8rem;line-height:1.8;opacity:.4;white-space:pre}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.description-content:after{content:"█";color:#64ffda;animation:blink 1s infinite;margin-left:4px}.social-section{padding:4rem 0;background:linear-gradient(180deg,#0f0f0f,#1a1a2e);text-align:center;border-top:1px solid #2d3748}.social-section h2{font-size:2.2rem;margin-bottom:3rem;color:#64ffda;font-weight:500;font-family:Fira Code,monospace;letter-spacing:.1em}.social-section h2:before{content:"// ";color:#a78bfa;opacity:.7}.social-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.social-link{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;border-radius:8px;text-decoration:none;color:#e2e8f0;background:#2d37484d;border:1px solid rgba(100,255,218,.2);transition:all .3s ease;font-weight:400;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.05em}.social-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #64ffda26;border-color:#64ffda;background:#64ffda1a}.social-link .icon{font-size:1.3rem;filter:grayscale(.3)}.social-link:hover .icon{filter:grayscale(0)}.social-link.youtube:hover{border-color:red;box-shadow:0 8px 25px #f003}.social-link.github:hover{border-color:#64ffda;box-shadow:0 8px 25px #64ffda33}.social-link.linkedin:hover{border-color:#0077b5;box-shadow:0 8px 25px #0077b533}.social-link.twitter:hover{border-color:#1da1f2;box-shadow:0 8px 25px #1da1f233}.social-link.email:hover{border-color:#a78bfa;box-shadow:0 8px 25px #a78bfa33}.footer{background:linear-gradient(135deg,#1a1a2e,#0f0f0f);color:#a0aec0;text-align:center;padding:2rem 0;border-top:1px solid #2d3748;font-family:Fira Code,monospace;font-size:.9rem}.footer p{opacity:.7;letter-spacing:.05em}.footer p:before{content:"/* ";color:#64ffda}.footer p:after{content:" */";color:#64ffda}@media (max-width: 768px){.container{padding:0 1rem}.name{font-size:2.5rem}.title{font-size:1.25rem}.description{font-size:1rem}.social-section h2{font-size:2rem}.social-links{grid-template-columns:1fr;gap:1rem}.social-link{padding:1rem 1.5rem}}@media (max-width: 480px){.name{font-size:2rem}.social-section{padding:3rem 0}}