@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{background-color:#000;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--font-display: "Press Start 2P", monospace;--primary: #00FF00;--primary-hover: #00DD00;--secondary: #00FFFF;--accent: #FF00FF;--bg-dark: #000000;--bg-card: #111111;--bg-light: #222222;--border-color: #333333;--text-muted: #AAAAAA}body{background-color:var(--bg-dark);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{min-height:calc(100vh - 200px)}nav{position:sticky;top:0;z-index:100;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:4px solid var(--primary);padding:1rem 0}nav .nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}nav .brand{font-family:var(--font-display);font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff;transition:color .3s ease}nav .brand:hover{color:var(--primary);text-shadow:0 0 10px var(--primary)}nav ul{display:flex;list-style:none;gap:2rem}nav a{text-decoration:none;color:var(--text-muted);font-size:.95rem}nav a:hover,nav a.active{color:var(--primary)}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;border:4px solid var(--primary);margin:2rem}.hero-content{max-width:700px;width:min(100%,700px)}.hero h1{font-size:3.5rem;margin-bottom:.5rem;line-height:1.1;font-weight:800;color:#fff}.hero .subtitle{font-size:1.7rem;color:var(--text-muted);margin-bottom:1.75rem}.hero p{font-size:1.5rem;line-height:1.75;color:var(--text-muted);margin-bottom:1.5rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{margin:4rem auto;width:100%}.content-block{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:0;padding:3rem;margin:2rem 0;box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-block h2{font-size:2rem;margin-bottom:1.5rem;color:#fff}.left,.right{flex:1}h1{font-size:2.5rem;margin-top:1rem;margin-bottom:1rem;font-weight:700}h2{font-size:2rem;margin-bottom:1rem;font-weight:700}h1,h2,h3{font-family:var(--font-display)}h3{font-size:1.5rem;margin-bottom:.75rem;font-weight:600}p{line-height:1.6;margin-bottom:1rem;color:var(--text-muted)}a{color:var(--primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-hover)}footer{background-color:var(--bg-card);border-top:4px solid var(--primary);padding:3rem 0 1rem;margin-top:4rem}footer .footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}footer .footer-section h3{margin-top:0}footer .footer-section ul{list-style:none}footer .footer-section ul li{margin-bottom:.5rem}footer .footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);margin-top:2rem;color:var(--text-muted);font-size:.9rem}.coming-soon{text-align:center;padding:4rem 2rem}.coming-soon h2{font-size:2rem;margin-bottom:2rem;color:#fff}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:2rem 0}.feature-item{background:var(--bg-light);border:2px solid var(--border-color);border-radius:0;padding:1.5rem;transition:transform .3s ease,border-color .3s ease}.feature-item:before{content:"✓";display:block;font-size:1.5rem;color:var(--primary);margin-bottom:.5rem}.feature-item p{margin:0}.about-header{padding:3rem 2rem;margin-bottom:2rem}.about-header h1{text-align:center;margin-bottom:1rem}.about-header p{text-align:center;max-width:600px;margin:0 auto;color:var(--text-muted);font-size:1.05rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.section-title{font-size:1rem;color:var(--primary);margin-bottom:.75rem;margin-top:0;font-weight:600}.experience-list,.projects-list,.skills-list{list-style:none;padding:0}.experience-list li{padding:.75rem 0;border-bottom:1px solid var(--border-color);font-size:1.05rem}.experience-list li:last-child{border-bottom:none}.experience-list li strong{display:block}.experience-list li .company{color:var(--text-muted);font-size:.9rem}.projects-list li{padding:.5rem 0;font-size:1.05rem}.projects-list li:before{content:"→ ";color:var(--primary);margin-right:.5rem}.skills-list li{font-size:1.05rem;padding:.4rem 0}.skills-list li:before{content:"• ";color:var(--primary);margin-right:.5rem}.muted-text{color:var(--text-muted);font-size:.9rem}.skill-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.philosophy-block blockquote{border-left:4px solid var(--primary);padding-left:1.5rem;font-style:italic;margin:.75rem 0;padding:.75rem 0 .75rem 1.5rem;font-size:1.05rem}.philosophy-block blockquote p{margin:.5rem 0}.philosophy-attribution{text-align:right;color:var(--primary);margin:1rem 0 0;font-weight:600}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h2,.contact-header p{text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.contact-card{background:var(--bg-light);border:2px solid var(--border-color);border-radius:0;padding:2rem;text-align:center;transition:all .3s ease}.contact-card:hover{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 5px var(--primary)}.contact-card h3{margin-bottom:1rem;margin-top:0}.contact-card p{margin:.5rem 0}.contact-card a{display:inline-block;max-width:100%;word-break:break-word;margin-bottom:1rem;font-size:.95rem}.contact-card a:last-child{margin-bottom:0}.cv-link{display:inline-block;background:var(--primary);color:#000;padding:.75rem 1.5rem;border-radius:0;font-weight:600;transition:all .3s ease;text-decoration:none}.cv-link:hover{background:var(--primary-hover);color:#000}@media(max-width:768px){nav .nav-content{flex-direction:column;gap:1rem}nav ul{gap:1rem}.hero h1{font-size:2.5rem}.hero .subtitle{font-size:1.1rem}h1{font-size:1.8rem}.content-block{padding:1.5rem}}
