:root{--primary-purple: #667eea;--dark-purple: #764ba2;--black: #000000;--dark-gray: #0a0a0a;--light-gray: #1a1a1a;--text-primary: #ffffff;--text-secondary: #b8b8b8}*{margin:0;padding:0;box-sizing:border-box}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:var(--black);color:var(--text-primary);line-height:1.6;min-height:100vh}.App{min-height:100vh;width:100%;display:flex;flex-direction:column}main{flex:1}.text-center{text-align:center}.hero{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--dark-purple) 100%);color:var(--text-primary);padding:4rem 0;text-align:center}.hero-content h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{margin-bottom:1rem}a{color:var(--primary-purple);text-decoration:none}a:hover{color:var(--dark-purple)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-gray)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--dark-purple) 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}@media(max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.container{padding:0 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}button:focus,a:focus{outline:2px solid var(--primary-purple);outline-offset:2px}.header{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--dark-purple) 100%);color:var(--text-primary);padding:1rem 0;box-shadow:0 2px 10px #0000004d;width:100%}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center}.logo h1{margin:0;font-size:1.8rem;font-weight:700}.projects-section{padding:4rem 0;background-color:var(--dark-gray)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.projects-section h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:var(--text-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.project-card{background:var(--light-gray);border:1px solid #333;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.project-image{width:100%;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-content{padding:1.5rem}.project-content h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.5rem}.project-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--dark-purple) 100%);color:var(--text-primary);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.project-link{color:var(--primary-purple);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;transition:color .3s ease}.project-link:hover{color:var(--dark-purple)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.container{padding:0 1rem}}