:root{--font-heading: "Press Start 2P", cursive;--font-body: "Orbitron", sans-serif}.theme-experience{--color1: #050E3C;--color2: #002455;--color3: #DC0000;--color4: #FF3838}.theme-about{--color1: #280905;--color2: #740a03;--color3: #c3110c;--color4: #e6501b}.theme-projects{--color1: #19183B;--color2: #708993;--color3: #A1C2BD;--color4: #E7F2EF}body{background-color:var(--color1);color:var(--color4);font-family:var(--font-body);margin:0;overflow:hidden}main{display:flex;min-height:100vh}.container{background:#ffffff1a;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:2rem;width:80%;max-width:900px}.section-title{position:absolute;top:2rem;left:7rem;font-family:var(--font-heading);font-size:2rem;color:var(--color3);text-align:left;margin-bottom:2rem}.main-content{width:70%;padding:2rem;position:relative;overflow:hidden}.about-section,.projects-section,.experience-section{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.page-transition{animation:pageIn .4s ease-out forwards,flicker .15s infinite}@keyframes pageIn{0%{opacity:0;transform:translateY(10px) scale(.99);filter:brightness(2) contrast(1.2)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1) contrast(1)}}@keyframes flicker{0%{opacity:.99}5%{opacity:.98}10%{opacity:.99}15%{opacity:.98}20%{opacity:.99}25%{opacity:1}to{opacity:1}}.main-content:after{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);z-index:10;background-size:100% 4px,3px 100%;pointer-events:none}.navbar{width:30%;display:flex;border-right:1px solid var(--color3);padding:2rem}.nav-container{width:100%;display:flex;flex-direction:column;gap:2rem}.name-header{font-family:Courier New,Courier,monospace;font-size:1.6rem;color:#fff;background:#ffffff1a;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:1.5rem 1rem;text-align:left;margin:2rem 0;width:90%}.nav-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;padding:1rem}.nav-links a{font-family:Courier New,Courier,monospace;text-decoration:none;color:#fff;padding:.5rem;transition:.3s;border-radius:4px;font-size:1.3rem}.nav-links a:hover,.nav-links a.active{background-color:var(--color2)}.prompt-user{color:var(--color3)}.prompt-symbol{color:var(--color4)}.prompt-command,.projects-link,.experience-link,.about-link{color:#fff}.nav-social-icons{list-style:none;padding:1.5rem 1rem;display:flex;gap:2rem;border-top:1px dashed var(--color3);justify-content:flex-start;width:90%}.nav-social-icons a{color:#fff;font-size:2rem;text-decoration:none;transition:all .3s ease;filter:drop-shadow(0 0 5px rgba(255,255,255,.1))}.nav-social-icons a:hover{color:var(--color4);transform:scale(1.2);filter:drop-shadow(0 0 10px var(--color4))}@media(max-width:768px){body{overflow:auto}main{flex-direction:column;min-height:auto}.navbar{width:100%;border-right:none;border-bottom:1px solid var(--color3);padding:1rem;box-sizing:border-box;position:sticky;top:0;z-index:100;background-color:var(--color1)}.nav-container{gap:.5rem}.name-header{font-size:1rem;padding:.8rem;margin:.5rem 0;width:100%;box-sizing:border-box;text-align:center}.nav-links{padding:0;gap:.5rem}.nav-links a{font-size:.85rem;padding:.3rem;display:flex;flex-wrap:wrap;align-items:center}.nav-social-icons{padding:.5rem 0;gap:1.5rem;width:100%;justify-content:center;border-top:1px dashed var(--color3)}.nav-social-icons a{font-size:1.5rem}.main-content{width:100%;padding:0;box-sizing:border-box}.container{width:100%;padding:1.2rem;box-sizing:border-box;border-radius:0;border-left:none;border-right:none}.section-title{position:static;font-size:1.2rem;margin-top:1rem;margin-bottom:1rem;text-align:center;padding:0 1rem}.about-section,.projects-section,.experience-section{min-height:auto;padding:1rem 0;flex-direction:column}}.about-section p{color:#fff;text-align:justify;font-size:.8rem;letter-spacing:.05em;line-height:1.6}.about-section .about-content{display:flex;gap:2rem;flex-wrap:wrap}.about-section .about-text{flex:2}.about-section .about-skills{flex:1}.about-section h3{font-family:var(--font-heading);color:var(--color3)}.about-section .skills-list{list-style:none;padding:0;letter-spacing:.05em;color:#fff}.about-section .skills-list li{background:var(--color2);padding:1rem;margin-bottom:.5rem;border-radius:4px}.about-section strong{color:var(--color3)}.about-section .about-image{width:100%;height:auto;max-height:200px;object-fit:cover;border-radius:8px;margin-top:1rem;display:block}@media(max-width:768px){.about-section p{font-size:.85rem;text-align:justify}.about-section .about-content{gap:1rem}}.experience-section p{color:#fff;text-align:justify;font-size:.65rem;letter-spacing:.05em;line-height:1.6}.experience-section .experience-content{display:flex;flex-direction:column;gap:1.5rem;color:#fff}.experience-section .experience-area{background:#ffffff0d;border-radius:8px;padding:1.5rem}.experience-section h3{font-family:var(--font-heading);color:var(--color3);margin-top:0;margin-bottom:1rem}.experience-section p:last-child{margin-bottom:0}.experience-section strong{color:var(--color4)}@media(max-width:768px){.experience-section p{font-size:.8rem;text-align:justify}}.projects-section p{color:#fff;text-align:justify;font-size:.9rem;letter-spacing:.1em;line-height:1.6}.projects-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.projects-section .project-widget{background:#0003;border:1px solid var(--color3);border-radius:8px;padding:1.5rem;transition:transform .3s ease}.projects-section .project-widget:hover{transform:translateY(-5px)}.projects-section .project-widget h3{font-family:var(--font-heading);font-size:.9rem;margin-top:0;margin-bottom:1rem;text-align:center;letter-spacing:.1em}.projects-section .project-widget h3 a{text-decoration:none;color:var(--color4);transition:color .3s ease}.projects-section .project-widget h3 a:hover{color:#fff}@media(max-width:768px){.projects-section p{font-size:.85rem;text-align:justify}.projects-section .projects-grid{grid-template-columns:1fr}.projects-section .project-widget{padding:1rem}}