*{margin:0;padding:0;box-sizing:border-box}body,html,#root{font-family:Segoe UI,Roboto,Arial,sans-serif;background:#f9f9f9;color:#333;line-height:1.6;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 0 auto;max-width:1200px;margin:40px auto;padding:32px;background:#fff;border-radius:18px;box-shadow:0 6px 32px #2c3e5021}header:before{content:"";display:block;height:6px;width:100%;background:none;position:absolute;top:0;left:0;z-index:1001;border-radius:3px 3px 0 0}header{width:100%;padding:15px 20px;background:linear-gradient(90deg,#2c3e50,#1abc9c);position:sticky;top:0;z-index:1000;box-shadow:0 2px 6px #0000001a}header:before{content:"";display:block;height:6px;width:100%;background:none;position:absolute;top:0;left:0;z-index:1001;border-radius:3px 3px 0 0;animation:moveStrip 5s linear infinite}@keyframes moveStrip{0%{background-position:0% 0}to{background-position:200% 0}}.navbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%}.navbar-logo{display:flex;align-items:center}.logo-img{height:60px;width:auto;max-width:100%;border-radius:8px;box-shadow:0 2px 8px #2c3e501a;transition:all .3s}.navbar-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.navbar-links a{color:#fff;text-decoration:none;font-weight:600;padding:8px 16px;border-radius:30px;background:linear-gradient(90deg,#1abc9c,#16a085);transition:.3s}.navbar-links a:hover{background:linear-gradient(90deg,#2986cc,#56ccf2)}@media (max-width: 900px){.navbar{flex-direction:column;gap:12px}.logo-img{height:50px}}@media (max-width: 600px){.navbar{flex-direction:column;align-items:center;gap:8px}.logo-img{height:40px;margin-bottom:6px}.navbar-links{flex-direction:column;gap:6px;width:100%;align-items:center}.navbar-links a{width:90%;text-align:center;padding:10px 0}}.hero-section{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:center;background:linear-gradient(90deg,#e8f8f5,#b2dfdb);border-radius:18px;padding:32px;box-shadow:0 2px 16px #2c3e5014}.hero-text{flex:2 1 320px}.hero-img{flex:1 1 220px;max-width:520px;width:100%;height:auto;border-radius:24px;object-fit:cover;box-shadow:0 10px 32px #2c3e502e,0 2px 8px #1abc9c1a;transition:transform .25s}.hero-img:hover{transform:scale(1.04) rotate(-1deg)}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.service-card{background:linear-gradient(90deg,#e8f8f5,#b2dfdb);padding:20px;border-radius:12px;text-align:center;transition:transform .3s,box-shadow .3s;color:#134e4a}.service-card h2{color:#1abc9c;margin-bottom:10px}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.contact-container{background:linear-gradient(90deg,#e8f8f5,#b2dfdb);padding:32px 64px;border-radius:18px;max-width:1400px;margin:40px auto;box-shadow:0 6px 32px #2c3e5021}.my-name-box{background:linear-gradient(90deg,#5dbdde,#eef1f5);border-left:5px solid #e9ecee;padding:20px 48px;margin-bottom:28px;border-radius:12px;box-shadow:0 2px 10px #2c3e5014;background:#e8f8f5;border-left:5px solid #1abc9c}.my-name-box h2{color:#1abc9c;margin-bottom:10px;font-size:1.4em}.my-name-box p{color:#121210;font-size:1.1em}.my-info{background:#e8f8f5;border-left:5px solid #1abc9c;padding:20px 48px;margin-bottom:28px;border-radius:12px;box-shadow:0 2px 10px #2c3e5014}.my-info p{font-size:1.1em;color:#145a32;margin-bottom:8px}.my-info strong{color:#117864}.contact-form{display:flex;flex-direction:column;gap:18px;margin-top:24px;padding-left:32px;padding-right:32px}.contact-form label{font-weight:600;color:#134e4a}.contact-form input,.contact-form textarea{padding:12px 14px;border:1px solid #ccc;border-radius:10px;font-size:1em;transition:border .3s,box-shadow .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#1abc9c;box-shadow:0 0 8px #1abc9c33;outline:none}.contact-form button{align-self:flex-start;background:linear-gradient(90deg,#1abc9c,#16a085);color:#fff;padding:12px 28px;border-radius:12px;font-size:1em;font-weight:600;cursor:pointer;transition:background .3s}.contact-form button:hover{background:linear-gradient(90deg,#2986cc,#56ccf2)}@media (max-width: 900px){.contact-container{padding:24px}.my-name-box,.my-info{padding:16px 20px}.contact-form input,.contact-form textarea{font-size:.98em}}@media (max-width: 600px){.contact-container{padding:16px}.my-name-box,.my-info{padding:12px 14px;font-size:.95em}.contact-form input,.contact-form textarea{font-size:.95em}.contact-form button{width:100%;text-align:center}}.about-page{background:linear-gradient(90deg,#e8f8f5,#b2dfdb);border-radius:18px;padding:32px;box-shadow:0 2px 16px #2c3e5014;margin:40px auto;max-width:1200px}footer{text-align:center;padding:05px 0;background:linear-gradient(90deg,#2c3e50,#1abc9c);color:#ecf0f1;flex-shrink:0;width:100%;box-shadow:0 -2px 12px #2c3e5014}@media (max-width: 900px){.hero-section{flex-direction:column;padding:24px;gap:16px}.hero-img{max-width:90%}}@media (max-width: 600px){.main-content{margin:16px;padding:16px}.hero-section{padding:16px;gap:12px}.hero-img{width:100%;height:auto;border-radius:12px}header nav{flex-direction:column;gap:6px}}