body{margin:0;padding:0;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}#root{width:100%;margin:0;padding:0}.footer{background:#2c3e50;color:#fff;padding:40px 20px;margin-top:80px}.footer-content{max-width:1000px;margin:0 auto;text-align:center}.footer-content p{margin-bottom:20px;font-size:1rem}.footer-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}.footer-links a:hover{color:#667eea}*{margin:0;padding:0;box-sizing:border-box}.App{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:100px 20px}.hero h1{font-size:3rem;margin-bottom:10px}.hero h2{font-size:1.5rem;font-weight:300;margin-bottom:20px}.hero p{font-size:1.1rem;margin-bottom:30px}.btn-portfolio{display:inline-block;background:#fff;color:#667eea;padding:15px 40px;text-decoration:none;border-radius:50px;font-weight:700;transition:transform .3s}.btn-portfolio:hover{transform:scale(1.05)}.about{max-width:800px;margin:80px auto;padding:0 20px;line-height:1.8}.about h2{font-size:2.5rem;margin-bottom:30px;color:#667eea}.about p{margin-bottom:20px;font-size:1.1rem}.tech-stack{background:#f8f9fa;padding:80px 20px;text-align:center}.tech-stack h2{font-size:2.5rem;margin-bottom:50px;color:#667eea}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1000px;margin:0 auto}.tech-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s}.tech-card:hover{transform:translateY(-5px)}.tech-card h3{color:#333;margin-bottom:10px}.tech-category{color:#667eea;font-size:.9rem;font-weight:700}.contact-form{max-width:600px;margin:80px auto;padding:0 20px}.contact-form h2{font-size:2.5rem;margin-bottom:40px;text-align:center;color:#667eea}.contact-form form{display:flex;flex-direction:column;gap:20px}.contact-form input,.contact-form textarea{padding:15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#667eea}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .3s}.contact-form button:hover{transform:scale(1.02)}@media(max-width:768px){.hero h1{font-size:2rem}.hero h2{font-size:1.2rem}}.status-message{margin-top:20px;padding:15px;border-radius:8px;text-align:center;font-weight:700;background:#d4edda;color:#155724;border:1px solid #c3e6cb}