*{margin:0;padding:0;box-sizing:border-box}:root{background-color:#0a0e27;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--primary: #66B2FF;--primary-hover: #B57CFF;--bg-dark: #0a0e27;--bg-card: #1a1f3a;--bg-light: #16213e;--border-color: #2a2f4f;--text-muted: #a0aec0}body{background:linear-gradient(135deg,#0a0e27,#16213e);min-height:100vh}main{min-height:calc(100vh - 200px)}nav{position:sticky;top:0;z-index:100;background-color:#0a0e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);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-size:1.5rem;font-weight:700;text-decoration:none;color:#fff;transition:color .3s ease}nav .brand:hover{color:var(--primary)}nav ul{display:flex;list-style:none;gap:2rem}nav a{text-decoration:none;color:var(--text-muted);transition:color .3s ease;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:4rem 2rem;background:linear-gradient(180deg,rgba(102,178,255,.05) 0%,transparent 100%)}.hero-content{max-width:800px}.hero h1{font-size:3.5rem;margin-bottom:.5rem;line-height:1.1;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .subtitle{font-size:1.5rem;color:var(--text-muted);margin-bottom:2rem}.hero p{font-size:1.1rem;line-height:1.8;color:var(--text-muted);margin-bottom:2rem}.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:1px solid var(--border-color);border-radius:12px;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}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:1px solid var(--border-color);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:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:transform .3s ease,border-color .3s ease}.feature-item:hover{transform:translateY(-4px);border-color:var(--primary)}.feature-item:before{content:"✓";display:block;font-size:1.5rem;color:var(--primary);margin-bottom:.5rem}.feature-item p{margin:0}.about-header{background:linear-gradient(180deg,rgba(102,178,255,.05) 0%,transparent 100%);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)}.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)}.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}.projects-list li:before{content:"→ ";color:var(--primary);margin-right:.5rem}.skills-list li{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}.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:1px solid var(--border-color);border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease}.contact-card:hover{background:var(--bg-card);border-color:var(--primary);box-shadow:0 8px 16px #66b2ff1a}.contact-card h3{margin-bottom:1rem;margin-top:0}.contact-card p{margin:.5rem 0}.contact-card a{display:block;margin-bottom:1rem}.contact-card a:last-child{margin-bottom:0}.cv-link{display:inline-block;background:var(--primary);color:#000;padding:.75rem 1.5rem;border-radius:6px;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}}
