.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:all .3s ease}.navbar.scrolled{background:#0a0a0af2;border-bottom-color:#222;box-shadow:0 4px 20px #00000080}.navbar-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{background:none;border:none;cursor:pointer;font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;color:#fff;transition:all .3s ease;padding:0}.nav-logo:hover{opacity:.8}.logo-ls{color:orange;margin-right:.5rem}.logo-portfolio{color:#00d9ff}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{background:none;border:none;color:#b0b0b0;text-decoration:none;font-family:Courier New,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease;padding:.5rem 0;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:orange;transition:width .3s ease}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.nav-link.active{color:#fff}.nav-link.active:after{width:100%}.love-link:after{background:#ff006e}@media (max-width: 968px){.navbar-content{padding:.875rem 1.5rem}.nav-links{gap:1.25rem}.nav-link{font-size:.9rem}.nav-logo{font-size:1.05rem}}@media (max-width: 768px){.navbar-content{padding:.6rem .75rem}.nav-links{gap:.5rem}.nav-link{font-size:.75rem;padding:.3rem .2rem}.nav-logo{font-size:.85rem}}@media (max-width: 640px){.navbar-content{padding:.5rem}.nav-links{gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.nav-link{font-size:.7rem;padding:.25rem .15rem}.logo-ls{margin-right:.2rem}}@media (max-width: 480px){.navbar-content{padding:.45rem .4rem}.nav-links{gap:.25rem}.nav-link{font-size:.65rem;padding:.2rem .1rem}.nav-logo{font-size:.75rem}.logo-ls{margin-right:.15rem}}.hero{min-height:100vh;display:flex;align-items:center;padding:6rem 2rem 2rem;max-width:1200px;margin:0 auto}.hero-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:4rem}.hero-text{flex:1;max-width:600px}.hero-name{font-size:3.5rem;font-weight:700;margin-bottom:2rem;color:#fff;letter-spacing:.05em;position:relative;display:inline-block}.typewriter-cursor{color:#00d9ff;animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-details{margin-bottom:2.5rem;color:#a0a0a0;font-family:Courier New,monospace;line-height:1.8}.hero-title{font-size:1.1rem;margin:0}.hero-university{font-size:1.1rem;margin:.25rem 0}.hero-graduation{font-size:1.1rem;margin:0}.hero-tagline{font-size:1.2rem;margin:2.5rem 0;color:#fff;font-family:Courier New,monospace}.hero-location{font-size:1rem;color:#a0a0a0;font-family:Courier New,monospace}.hero-image{flex-shrink:0}.hero-image img{width:300px;height:300px;object-fit:cover;border-radius:20px;border:3px solid #FFA500;box-shadow:0 0 30px #ffa5004d}@media (max-width: 968px){.hero{padding:4rem 1.5rem 1rem}.hero-content{flex-direction:column-reverse;text-align:center;gap:2.5rem}.hero-text{max-width:100%}.hero-name{font-size:2.5rem;margin-bottom:1.5rem}.hero-details{margin-bottom:2rem}.hero-tagline{margin:2rem 0}.hero-image img{width:220px;height:220px}}@media (max-width: 640px){.hero{padding:4rem 1rem 1rem}.hero-name{font-size:1.75rem;letter-spacing:.02em;margin-bottom:1.5rem}.hero-details{font-size:.9rem;line-height:1.6}.hero-title,.hero-university,.hero-graduation{font-size:.9rem}.hero-tagline{font-size:1rem;margin:1.5rem 0}.hero-location{font-size:.85rem}.hero-image img{width:180px;height:180px}}@media (max-width: 400px){.hero{padding:4rem .75rem .75rem}.hero-name{font-size:1.5rem}.hero-details,.hero-tagline,.hero-location{font-size:.85rem}.hero-image img{width:160px;height:160px}}.experience-section{min-height:100vh;padding:6rem 2rem;max-width:1200px;margin:0 auto}.section-title{font-size:3rem;text-align:center;margin-bottom:4rem;color:#fff;font-weight:700;font-family:Courier New,monospace}.section-symbol{color:orange}.experience-list{display:flex;flex-direction:column;gap:2rem}.experience-item{background:#ffffff08;border:1px dashed #333;border-radius:8px;padding:2rem;transition:all .3s ease}.experience-item:hover{background:#ffffff0d;border-color:#444;transform:translateY(-2px)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;width:100%}.experience-info{flex:1;width:100%;min-width:0}.experience-role{font-size:1.5rem;color:#fff;margin-bottom:1rem;font-weight:600}.experience-company{font-weight:400;color:#a0a0a0}.experience-description{color:silver;margin-bottom:1rem;line-height:1.6;font-size:1.05rem}.experience-period{color:#a0a0a0;font-size:1.1rem;white-space:nowrap;font-family:Courier New,monospace}.details-toggle{background:#0000004d;border:1px solid #FFD700;color:gold;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-size:.85rem;transition:all .3s ease;margin-bottom:1rem}.details-toggle:hover{background:#ffd7001a;transform:translateY(-1px);box-shadow:0 4px 12px #ffd70033}.details-toggle.active{background:#00d9ff26;border-color:#00d9ff;color:#00d9ff}.button-group{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.tech-stack-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.tech-tag{background:#ffd7001a;border:1px solid #FFD700;color:gold;padding:.5rem 1rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;opacity:0;transform:scale(.8);animation:tagAppear .3s ease forwards}@keyframes tagAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.terminal-container{margin-top:1.5rem;background:#0a0a0a;border:1px solid #333;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000080;animation:terminalSlideDown .4s ease;max-height:500px;overflow-y:auto;width:100%}@keyframes terminalSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.terminal-header{background:#1a1a1a;padding:.6rem 1rem;display:flex;align-items:center;gap:.4rem;border-bottom:1px solid #333}.terminal-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{margin-left:auto;color:#666;font-size:.75rem;font-family:Courier New,monospace}.terminal-content{padding:1rem;font-family:Courier New,monospace;font-size:1rem;line-height:2;color:#e0e0e0}.terminal-prompt{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;font-size:1rem}.prompt-user{color:#27c93f;font-weight:600}.prompt-separator{color:#fff;margin:0 .2rem}.prompt-path{color:#5c9ccc}.prompt-symbol{color:#fff;margin:0 .5rem;font-weight:700}.prompt-command{color:#e0e0e0}.terminal-output{color:silver;font-size:1rem}.terminal-line{margin-bottom:.75rem;opacity:0;transform:translate(-10px);font-size:1rem;line-height:1.8}.terminal-line.visible{opacity:1;transform:translate(0);animation:lineAppear .3s ease forwards}.terminal-line.typing{opacity:1;transform:translate(0)}.terminal-line.hidden{opacity:0}@keyframes lineAppear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.line-prefix{color:#00d9ff;margin-right:.75rem;font-weight:700;font-size:1.1rem}.terminal-prompt-end{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;animation:promptAppear .3s ease}@keyframes promptAppear{0%{opacity:0}to{opacity:1}}.cursor-blink{color:#00d9ff;animation:blink 1s infinite;margin-left:.25rem}.terminal-container::-webkit-scrollbar{width:8px}.terminal-container::-webkit-scrollbar-track{background:#0a0a0a}.terminal-container::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.terminal-container::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width: 968px){.experience-section{padding:3rem 1.5rem}.section-title{font-size:2.5rem;margin-bottom:3rem}.experience-item{padding:1.5rem}.experience-role{font-size:1.3rem}}@media (max-width: 768px){.experience-section{padding:2.5rem 1rem}.section-title{font-size:2rem;margin-bottom:2.5rem}.experience-item{padding:1.25rem}.experience-header{flex-direction:column;gap:.75rem}.experience-period{align-self:flex-start;font-size:1rem}.experience-role{font-size:1.15rem;margin-bottom:.75rem}.experience-description{font-size:.95rem}.details-toggle{padding:.45rem 1.25rem;font-size:.85rem}.button-group{gap:.5rem}.tech-tag{font-size:.85rem;padding:.4rem .8rem}.experience-details{padding-left:1rem}.experience-details li{font-size:.9rem;padding-left:1.25rem}}@media (max-width: 480px){.experience-section{padding:2rem .75rem}.section-title{font-size:1.6rem;margin-bottom:2rem}.experience-item{padding:1rem;border-radius:6px}.experience-role{font-size:1.05rem;margin-bottom:.5rem}.experience-company{display:block;margin-top:.25rem}.experience-description{font-size:.9rem;margin-bottom:.75rem}.details-toggle{padding:.4rem .875rem;font-size:.75rem}.button-group{gap:.4rem}.tech-tag{font-size:.75rem;padding:.35rem .7rem}.terminal-container{max-height:400px}.terminal-content{padding:.75rem;font-size:.85rem;line-height:1.7}.terminal-header{padding:.4rem .6rem}.terminal-dot{width:8px;height:8px}.terminal-title{font-size:.65rem}.terminal-prompt,.terminal-prompt-end{font-size:.85rem}.prompt-symbol{margin:0 .3rem}.terminal-line{font-size:.85rem;margin-bottom:.5rem;line-height:1.6}.line-prefix{font-size:1rem}}.skills-section{min-height:100vh;padding:6rem 2rem;max-width:1200px;margin:0 auto}@media (max-width: 968px){.skills-section{min-height:auto;padding:3rem 1.5rem .5rem}}.cursor{color:#00d9ff;animation:blink 1s infinite}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.skill-category{background:#ffffff08;border:1px solid #222;border-radius:12px;transition:all .3s ease;overflow:hidden}.skill-category.open{background:#ffffff0d}.skill-category.row-hovered{background:#ffffff12;border-color:#333;transform:translateY(-2px)}.skill-category-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;padding:1.5rem 2rem;cursor:pointer;transition:all .3s ease;border-bottom:1px solid transparent}.skill-category-header:hover{background:#ffffff0d}.skill-category.open .skill-category-header{border-bottom-color:#222}.skill-category-title{font-size:1.5rem;margin:0;font-weight:600;font-family:Courier New,monospace;text-align:left}.toggle-icon{font-size:1.2rem;transition:transform .3s ease}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem 2rem 2rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skill-tag{background:#0006;border:1px solid;padding:.5rem 1rem;border-radius:6px;font-family:Courier New,monospace;font-size:.95rem;color:#fff;transition:all .3s ease;cursor:default}.skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffa50033;background:#ffa5001a}.skill-category:nth-child(1) .skill-tag{border-color:orange}.skill-category:nth-child(2) .skill-tag{border-color:orange}.skill-category:nth-child(3) .skill-tag{border-color:orange}.skill-category:nth-child(2) .skill-tag:nth-child(2),.skill-category:nth-child(1) .skill-tag:nth-child(3){border-color:#00d9ff}.skill-category:nth-child(2) .skill-tag:nth-child(2):hover,.skill-category:nth-child(1) .skill-tag:nth-child(3):hover{box-shadow:0 4px 12px #00d9ff4d;background:#00d9ff1a}@media (max-width: 968px){.skills-section{padding:3rem 1.5rem}.section-title{font-size:2.5rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem}.skill-category{padding:1.5rem}}@media (max-width: 768px){.skills-section{min-height:auto;padding:2.5rem 1rem .5rem}.section-title{font-size:2rem}.skills-grid{margin-top:2rem}.skill-category-title{font-size:1.3rem;margin-bottom:1.25rem}.skill-tag{font-size:.85rem;padding:.4rem .8rem}}@media (max-width: 480px){.skills-section{min-height:auto;padding:2rem .75rem .5rem}.section-title{font-size:1.6rem}.skills-grid{gap:1.25rem}.skill-category{padding:1.25rem;border-radius:8px}.skill-category-title{font-size:1.15rem;margin-bottom:1rem}.skill-tags{gap:.5rem}.skill-tag{font-size:.8rem;padding:.35rem .7rem}}.projects-section{min-height:100vh;padding:6rem 2rem;max-width:1200px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:3rem}.project-card{background:#ffffff08;border:1px solid #222;border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);border-color:#333;box-shadow:0 12px 30px #0006}.project-image{width:100%;height:200px;overflow:hidden;background:#0a0a0a}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.project-title{font-size:1.5rem;color:#fff;margin-bottom:.75rem;font-weight:600}.project-description{color:#b0b0b0;margin-bottom:1rem;line-height:1.6;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{background:#0006;border:1px solid #00d9ff;color:#00d9ff;padding:.3rem .75rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #222;margin-top:auto}.project-tech{color:#888;font-size:.9rem;font-family:Courier New,monospace}.project-links{display:flex;gap:1rem}.project-link{color:#00d9ff;text-decoration:none;font-family:Courier New,monospace;font-size:.9rem;transition:all .3s ease;padding:.3rem .5rem;border-radius:4px}.project-link:hover{background:#00d9ff1a;color:#00d9ff}.details-link{color:#fff}.details-link:hover{background:#ffffff1a}@media (max-width: 968px){.projects-section{min-height:auto;padding:.5rem 1.5rem 3rem}.section-title{font-size:2.5rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem}.project-card{max-width:500px;margin:0 auto;width:100%}}@media (max-width: 768px){.projects-section{min-height:auto;padding:.5rem 1rem 2.5rem}.section-title{font-size:2rem}.projects-grid{margin-top:2rem}.project-content{padding:1.25rem}.project-title{font-size:1.3rem}.project-description{font-size:.95rem}.project-footer{flex-direction:column;gap:.75rem;align-items:flex-start}.project-tech{font-size:.85rem}.project-links{width:100%;justify-content:flex-end}.project-link{font-size:.85rem}}@media (max-width: 480px){.projects-section{min-height:auto;padding:.5rem .75rem 2rem}.section-title{font-size:1.6rem}.projects-grid{gap:1.25rem}.project-card{border-radius:8px}.project-image{height:180px}.project-content{padding:1rem}.project-title{font-size:1.2rem;margin-bottom:.5rem}.project-description{font-size:.9rem;margin-bottom:.75rem}.project-tags{gap:.4rem;margin-bottom:1rem}.project-tag{font-size:.75rem;padding:.25rem .6rem}.project-tech{font-size:.8rem}.project-link{font-size:.8rem;padding:.25rem .4rem}}.contact-section{min-height:100vh;padding:6rem 2rem 4rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.contact-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center}.contact-text{max-width:600px;margin-bottom:3rem}.contact-heading{font-size:2rem;color:#fff;margin-bottom:1rem;font-weight:600}.contact-description{font-size:1.1rem;color:#b0b0b0;line-height:1.8}.contact-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.contact-link{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff08;border:1px solid #333;border-radius:8px;color:#fff;text-decoration:none;font-family:Courier New,monospace;font-size:1rem;transition:all .3s ease;min-width:150px;justify-content:center}.contact-link:hover{background:#ffa5001a;border-color:orange;transform:translateY(-4px);box-shadow:0 8px 20px #ffa50033}.contact-link:nth-child(2n):hover{background:#00d9ff1a;border-color:#00d9ff;box-shadow:0 8px 20px #00d9ff33}.link-icon{font-size:1.5rem}.link-text{font-weight:500}@media (max-width: 968px){.contact-section{padding:3rem 1.5rem 2rem}.section-title{font-size:2.5rem}.contact-text{margin-bottom:2.5rem}.contact-heading{font-size:1.75rem}}@media (max-width: 768px){.contact-section{padding:2.5rem 1rem 2rem}.section-title{font-size:2rem}.contact-text{margin-bottom:2rem}.contact-heading{font-size:1.5rem}.contact-description{font-size:1rem;line-height:1.6}.contact-links{flex-direction:column;width:100%;max-width:320px;gap:1rem;margin-top:1.5rem}.contact-link{width:100%;padding:.875rem 1.5rem}.footer{padding-top:2rem}.footer p{font-size:.85rem}}@media (max-width: 480px){.contact-section{padding:2rem .75rem 1.5rem}.section-title{font-size:1.6rem}.contact-text{margin-bottom:1.5rem}.contact-heading{font-size:1.3rem;margin-bottom:.75rem}.contact-description{font-size:.9rem}.contact-links{max-width:280px;gap:.875rem}.contact-link{padding:.75rem 1.25rem;font-size:.9rem;gap:.6rem}.link-icon{font-size:1.25rem}.footer{padding-top:1.5rem}.footer p{font-size:.8rem}}.love-page{min-height:100vh;padding:6rem 2rem 4rem;max-width:1200px;margin:0 auto}.love-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:4rem 0;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.love-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1}.love-section .section-title,.love-section .love-content{position:relative;z-index:2}#formula1{background-image:url(/path-to-your-f1-image.jpg)}.love-content{max-width:800px;margin:2rem auto;text-align:center}.love-description{font-size:1.1rem;color:#b0b0b0;line-height:1.8}.footer{margin-top:auto;padding-top:3rem;text-align:center;border-top:1px solid #222}.footer p{color:#666;font-family:Courier New,monospace;font-size:.9rem}@media (max-width: 768px){.love-page{padding:3rem 1rem 2rem}.love-section{min-height:auto;padding:3rem 0}.love-description{font-size:1rem}}.app{min-height:100vh;background:#0a0a0a;position:relative}.main-content{padding-top:0}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 4px);pointer-events:none;z-index:1}.main-content{position:relative;z-index:2}.app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;overflow-x:hidden;min-width:320px}code{font-family:Courier New,Courier,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:#ffa5004d;color:#fff}::-moz-selection{background:#ffa5004d;color:#fff}button,a{transition:all .3s ease}button:focus-visible,a:focus-visible{outline:2px solid #FFA500;outline-offset:2px}@media (max-width: 768px){body{font-size:16px}button,a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}
