*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}html{scroll-behavior:smooth}body{background:#fff;color:#222;padding-top:70px}.dark{background:#121212;color:#fff}.navbar{position:fixed;top:0;width:100%;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:#ffb6c1;box-shadow:0 2px 8px #0000001a;height:70px}.logo{display:flex;gap:10px;align-items:center}.logo img{width:40px;border-radius:50%}.navbar-controls{display:flex;gap:15px;align-items:center}.hamburger-menu{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0;width:30px;height:24px;justify-content:space-between}.hamburger-menu span{width:25px;height:3px;background:#000;border-radius:2px;transition:all .3s ease;display:block}.hamburger-menu:hover span{background:#333}.nav-links{display:flex;list-style:none;gap:20px}.nav-links li a{font-weight:700;color:#000;text-decoration:none;font-size:1.3rem}.nav-links li a:hover{color:#333}.toggle-button{position:relative;width:65px;height:36px;background:#ddd;border:none;border-radius:18px;cursor:pointer;transition:background .3s;padding:0;display:flex;align-items:center}.toggle-button span.icon{position:absolute;left:5px;width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:left .3s;font-size:1.4rem}.dark .toggle-button{background:#555}.dark .toggle-button span.icon{left:32px}.dark .hamburger-menu span{background:#fff}.dark .hamburger-menu:hover span{background:#ddd}.dark .nav-links{background:#1a1a1a;border-top:2px solid #333}.dark .nav-links li{border-bottom-color:#ffffff1a}.dark .nav-links li a{color:#e0e0e0}.dark .nav-links li a:hover{color:#fff}.section{padding:60px 20px;text-align:center}#home.section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px;padding:60px 40px;background:#fff5f8;text-align:left}#home.section h1{width:100%;text-align:left;font-family:Georgia,serif;font-size:2rem;color:#e91e63;margin-bottom:20px}.typewriter-container{width:100%;font-size:2rem;font-weight:700;color:#e91e63;margin-bottom:20px;height:30px;display:flex;align-items:center;font-family:Arial,sans-serif}.typewriter-static{color:#e91e63;font-weight:700;margin-right:5px}.typewriter-dynamic{color:#ff69b4;font-weight:700;min-width:150px}.typewriter-cursor{color:#e91e63;font-weight:700;animation:blink .7s infinite;margin-left:4px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.dark .typewriter-container,.dark .typewriter-static{color:#ff69b4}.dark .typewriter-dynamic{color:#ff1493}.dark .typewriter-cursor{color:#ff69b4}.dark #home.section{background:#1a1a1a}.dark #home.section h1{color:#e91e63}.home-img{width:100%;max-width:400px;margin:0;display:block;border-radius:8px;flex-shrink:0}.home-text{flex:1;min-width:300px;text-align:left;font-size:1.35rem;line-height:1.6;color:#333}.dark .home-text,.dark .home-text p{color:#e0e0e0}#services .card-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}#services .card{background:#f5f5f5;padding:40px 30px;border-radius:10px;font-size:1.3rem;position:relative;min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#services .card .card-number{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#e91e63;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}#services .card h3{font-size:1.6rem;margin-bottom:15px;margin-top:0;text-align:center}#services .card p{font-size:1.1rem;line-height:1.6;color:#333;text-align:center}.dark #services .card{background:#2d2d2d;color:#fff}.dark #services .card h3{color:#e91e63}.dark #services .card p{color:#e0e0e0}.card{background:#f5f5f5;padding:20px;border-radius:10px;font-size:1.1rem}.dark .card{background:#2d2d2d;color:#fff}.card.member{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0;margin:auto;width:fit-content;background:transparent;border:none;justify-content:center;align-items:center}.dark .card.member{background:transparent}.card.member h3{position:absolute;bottom:0;left:0;right:0;padding:15px 20px;background:#0009;margin:0;text-align:center;color:#fff;font-size:1.1rem;opacity:0;transition:opacity .3s ease-in-out;display:block;z-index:10}.card.member:hover h3{opacity:1}.dark .card.member h3{background:#000000b3;color:#fff}.member img{width:50%;height:auto;object-fit:contain;border-radius:0;margin:0 auto;display:block;max-width:100%}iframe{width:100%;height:300px;margin-top:20px;border:none}.contact-links{display:flex;justify-content:center;gap:20px;margin-top:0}.contact-links a{font-size:3rem;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:transform .3s}.contact-links a:hover{transform:scale(1.1)}.social-icon{font-size:30px;color:#fff;background:#333;padding:12px;border-radius:50%;transition:.3s}.social-icon:hover{transform:scale(1.1)}.social-icon:nth-child(1){background:#1877f2}.social-icon:nth-child(2){background:#25d366}.chatbot{position:fixed;bottom:20px;right:20px;width:350px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:500px}.chat-header{background:linear-gradient(135deg,#ffb6c1,#ff9dbf);color:#1a1a1a;padding:15px 20px;font-weight:700;border-bottom:2px solid #ff8fab;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:1.2rem}.chat-window{height:380px;overflow-y:auto;padding:15px;flex:1;display:flex;flex-direction:column;gap:10px;background:#f8f8f8;color:#333}.chat-welcome{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:#999;font-style:italic}.message{display:flex;margin-bottom:5px;animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{justify-content:flex-end}.user-message .message-text{background:linear-gradient(135deg,#ffb6c1,#ff9dbf);color:#fff;padding:10px 14px;border-radius:15px 15px 3px;max-width:80%;word-wrap:break-word;box-shadow:0 2px 8px #ffb6c14d}.bot-message .message-text{background:#fff;color:#1a1a1a;padding:10px 14px;border-radius:15px 15px 15px 3px;max-width:80%;word-wrap:break-word;box-shadow:0 2px 8px #0000001a}.bot-message.loading .message-text{background:#e8e8e8;font-weight:700;color:#666}.chat-input{display:flex;gap:0;padding:10px;background:#fff;border-top:2px solid #eee}.chat-input input{flex:1;padding:10px 12px;border:2px solid #ddd;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .3s}.chat-input input:focus{border-color:#ffb6c1}.chat-input input:disabled{background:#f0f0f0;cursor:not-allowed}.chat-input button{padding:10px 16px;background:linear-gradient(135deg,#ffb6c1,#ff9dbf);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-left:8px;transition:transform .2s,box-shadow .2s}.chat-input button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffb6c166}.chat-input button:disabled{opacity:.6;cursor:not-allowed}.minimize-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#1a1a1a;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:transform .2s,color .2s;border-radius:50%}.minimize-btn:hover{background:#0000001a;transform:scale(1.1)}.chatbot-floating-icon{position:fixed;bottom:20px;right:20px;width:70px;height:70px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999;animation:floatBounce .6s ease-in-out}.chatbot-floating-icon .cloud-background{position:absolute;font-size:4rem;opacity:.8;z-index:1}.chatbot-floating-icon .bot-icon{position:absolute;font-size:2.2rem;z-index:2;animation:bobbing 3s ease-in-out infinite}@keyframes floatBounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes bobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chatbot-floating-icon:hover .bot-icon{animation:bobbing 1s ease-in-out infinite}footer{margin-top:40px;padding:20px;background:#ffb6c1;text-align:center;font-size:1rem;font-weight:500}@media (max-width: 768px){.hamburger-menu{display:flex}.nav-links{position:absolute;top:70px;left:0;right:0;background:#ffb6c1;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;padding:0;box-shadow:0 8px 16px #0000001a}.nav-links.active{max-height:300px;padding:20px 0}.nav-links li{width:100%;text-align:center;border-bottom:1px solid rgba(0,0,0,.1)}.nav-links li:last-child{border-bottom:none}.nav-links li a{display:block;padding:15px 20px;font-size:1.1rem}body{padding-top:70px}.card-container{grid-template-columns:1fr;gap:15px}#services .card-container{grid-template-columns:1fr}.member img{height:auto}}@media (max-width: 480px){body{padding-top:70px}.navbar{padding:10px 20px;height:70px}.hamburger-menu{display:flex}.nav-links{position:absolute;top:70px;left:0;right:0;background:#ffb6c1;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;padding:0;z-index:999;display:none}.nav-links.active{display:flex;max-height:300px;padding:20px 0}.nav-links li{width:100%;text-align:center;border-bottom:1px solid rgba(0,0,0,.1)}.nav-links li:last-child{border-bottom:none}.nav-links li a{display:block;padding:12px 20px;font-size:1rem}#home.section{padding:40px 20px;gap:20px}#home.section h1{font-size:1.5rem}.typewriter-container{font-size:1.3rem}.section{padding:40px 15px}.section h2{font-size:1.8rem}.card-container{grid-template-columns:1fr;gap:15px;margin-top:20px}#services .card-container{grid-template-columns:1fr}.card.member{padding:0}.member img{height:auto;width:100%}.card.member h3{padding:12px 15px;font-size:1.1rem}#services .card{min-height:280px;padding:30px 20px}.contact-links{gap:15px}.contact-links a{font-size:2rem}iframe{height:250px}.dark .card.member{background:#2d2d2d}.chatbot{width:90vw;max-width:350px;height:450px;bottom:10px;right:10px}.chatbot-floating-icon{bottom:10px;right:10px;width:60px;height:60px}.chatbot-floating-icon .bot-icon{font-size:1.8rem}}
