*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0;min-height:calc(100vh - 120px);display:flex;align-items:center}.section h2{font-size:2.5rem;margin-bottom:2rem;color:#2c3e50;text-align:center}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.card h3{color:#2c3e50;margin-bottom:1rem;font-size:1.5rem}.card p{color:#555;line-height:1.8}.card .experience{display:inline-block;margin-top:.5rem;padding:.3rem .8rem;background-color:#3498db;color:#fff;border-radius:20px;font-size:.9rem}.card .technology{display:inline-block;margin-top:.5rem;padding:.3rem .8rem;background-color:#2ecc71;color:#fff;border-radius:20px;font-size:.9rem;margin-right:.5rem}.card.coming-soon{position:relative;opacity:.8}.card.coming-soon:before{content:"Coming Soon";position:absolute;top:10px;right:10px;background-color:#e74c3c;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.demo-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.demo-card:hover{transform:translateY(-5px)}.demo-card h3{padding:1.5rem;background-color:#2c3e50;color:#fff;text-align:center}.demo-placeholder{height:200px;display:flex;align-items:center;justify-content:center;background-color:#ecf0f1;color:#7f8c8d;font-size:1.2rem}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:center;margin-top:2rem}.about-image,.contact-image{text-align:center}.image-placeholder{width:250px;height:250px;background-color:#ecf0f1;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto;border:3px dashed #bdc3c7;color:#7f8c8d;font-size:1.2rem}.about-text p{font-size:1.1rem;line-height:1.8;color:#555}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-details h3{color:#2c3e50;margin-bottom:1rem}.contact-details p{font-size:1.1rem;line-height:1.8;color:#555}.contact-form h3{color:#2c3e50;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:2px solid #ddd;border-radius:5px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.btn-submit{width:100%;padding:1rem;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease;font-weight:700}.btn-submit:hover{background-color:#2980b9}.form-status{margin-top:1rem;padding:1rem;border-radius:5px}.form-status.success{background-color:#d4edda;color:#155724}.footer{background-color:#2c3e50;color:#fff;padding:2rem 0;text-align:center}@media (min-width: 1200px){.container{max-width:1200px}.section{padding:100px 0}.section h2{font-size:3rem}}@media (max-width: 1199px) and (min-width: 992px){.container{max-width:960px}.grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 991px) and (min-width: 768px){.container{max-width:720px;padding:0 15px}.section{padding:60px 0}.section h2{font-size:2.5rem}.grid-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.card{padding:1.5rem}}@media (max-width: 767px) and (min-width: 576px){.container{max-width:540px;padding:0 15px}.section{padding:50px 0;min-height:auto}.section h2{font-size:2.2rem;margin-bottom:1.5rem}.grid-container,.demo-grid,.about-content,.contact-content{grid-template-columns:1fr;gap:1.5rem}.card{padding:1.5rem}.image-placeholder{width:200px;height:200px}}@media (max-width: 575px){.container{padding:0 10px}.section{padding:40px 0;min-height:auto}.section h2{font-size:1.8rem;margin-bottom:1rem}.grid-container,.demo-grid,.about-content,.contact-content{grid-template-columns:1fr;gap:1rem}.card{padding:1rem;margin:0 5px}.card h3{font-size:1.3rem}.card p{font-size:.9rem}.image-placeholder{width:150px;height:150px;font-size:1rem}.form-group input,.form-group textarea{padding:.6rem;font-size:.9rem}.btn-submit{padding:.8rem;font-size:1rem}}@media (max-width: 360px){.container{padding:0 8px}.section h2{font-size:1.6rem}.card{padding:.8rem;margin:0 2px}.card h3{font-size:1.2rem}.image-placeholder{width:120px;height:120px;font-size:.9rem}}html{scroll-behavior:smooth}@media (max-width: 767px){button,.btn,.btn-submit,a[role=button]{min-height:44px;min-width:44px}}@media (max-width: 575px){body{font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1.3}}img{max-width:100%;height:auto}@media (max-width: 767px){.nav-menu{scrollbar-width:none;-ms-overflow-style:none}.nav-menu::-webkit-scrollbar{display:none}}@media (max-width: 575px){input[type=text],input[type=email],input[type=tel],textarea,select{font-size:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}*:focus{outline:2px solid #3498db;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:#3498db;color:#fff;padding:8px;text-decoration:none;z-index:9999;border-radius:4px}.skip-link:focus{top:6px}