:root{--background-color: #1a202c;--header-color: rgb(31 41 55);--header-text-color: #ffffff;--text-color: white;--input-text-color: black;--highlight-color: #4a5568;--button-color: #4299e1;--button-hover-color: oklch(.488 .243 264.376);--column-background: white;--column-text-color: #1a202c;--chat-toggle-button-bg: var(--button-color);--chat-toggle-button-text: var(--header-text-color);--chat-window-bg: white;--chat-header-bg: var(--header-color);--chat-header-text: var(--header-text-color);--chat-close-button-color: white;--chat-messages-bg: #f9f9f9;--chat-no-messages-color: #888;--chat-message-user-bg: var(--button-hover-color);--chat-message-user-text: white;--chat-message-bot-bg: #e0e0e0;--chat-message-bot-text: var(--header-color);--chat-input-form-bg: white;--chat-input-border: #ddd;--chat-input-text: var(--input-text-color);--chat-input-placeholder-color: #888;--chat-input-button-bg: var(--button-color);--chat-input-button-text: white;--chat-option-button-bg: #6c757d;--chat-option-button-text: white;--chat-option-button-hover-bg: #5a6268}body{font-family:Arial,sans-serif;margin:0;padding:0;line-height:1.6;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s,color .3s}body.light-mode{--background-color: white;--header-color: black;--text-color: black;--header-text-color: white;--highlight-color: #e2e8f0;--button-color: #63b3ed;--button-hover-color: #4299e1;--chat-toggle-button-bg: var(--button-color);--chat-toggle-button-text: var(--header-text-color);--chat-window-bg: #f5f5f5;--chat-header-bg: var(--header-color);--chat-header-text: var(--header-text-color);--chat-close-button-color: white;--chat-messages-bg: var(--background-color);--chat-no-messages-color: #888;--chat-message-user-bg: #63b3ed;--chat-message-user-text: white;--chat-message-bot-bg: #f0f0f0;--chat-message-bot-text: var(--text-color);--chat-input-form-bg: white;--chat-input-border: #ccc;--chat-input-text: var(--text-color);--chat-input-placeholder-color: #aaa;--chat-input-button-bg: var(--button-color);--chat-input-button-text: white;--chat-option-button-bg: #007bff;--chat-option-button-text: white;--chat-option-button-hover-bg: #0056b3}main{padding:0;min-height:80vh}header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:var(--header-color);color:var(--header-text-color);height:10vh;transition:background-color .3s,color .3s}header .logo{font-size:1.5em;font-weight:700;margin-right:auto}header nav ul{list-style:none;display:flex;margin-left:auto;align-items:center}header nav li{margin-left:20px;position:relative}header nav a,header div a{text-decoration:none;color:var(--header-text-color);transition:color .3s}header .dropdown-content{display:none;position:absolute;background-color:var(--header-color);text-align:center;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;transition:background-color .3s}header .dropdown-content a{color:var(--header-text-color);padding:12px 16px;text-decoration:none;display:block;transition:color .3s}header .dropdown-content a:hover{background-color:var(--highlight-color)}header .services:hover .dropdown-content{display:block}header .theme-toggle{background:none;border:none;cursor:pointer;color:var(--header-text-color);font-size:1.2em;transition:color .3s}footer{background-color:var(--header-color);color:var(--header-text-color);padding:20px;text-align:center;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;transition:background-color .3s,color .3s}footer a{color:var(--header-text-color);margin-bottom:10px;flex:1;text-align:center;text-decoration:none;transition:color .3s}footer a:hover{text-decoration:underline}footer a:visited{color:var(--header-text-color)}footer p{margin-top:20px;width:100%;text-align:center}.content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:70vh}.content h1{font-size:2.5em;margin-bottom:20px}.content p{font-size:1.2em;margin-bottom:30px}.learn-more{background-color:var(--button-color);width:10em;color:#fff;padding:15px 30px;border:none;border-radius:5px;font-size:1.1em;cursor:pointer;text-decoration:none;transition:background-color .3s}.learn-more:hover{background-color:var(--button-hover-color)}.projectlist{margin:auto;padding:2rem 1rem;max-width:1200px}.heading{font-size:1.875rem;font-weight:600;text-align:center;margin-bottom:1.5rem;color:var(--text-color);transition:color .3s}.project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.project-card{position:relative;overflow:hidden;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;flex:1;min-width:200px;max-width:300px;height:400px;color:#fff;text-decoration:none;transition:transform .3s ease}.project-card:hover{transform:translateY(-.5rem);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.project-card img{width:100%;height:100%;object-fit:fill;position:absolute;top:0;left:0;z-index:1}.project-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;opacity:0;transition:opacity .3s ease;overflow-y:auto}.project-card:hover .project-card-overlay{opacity:1}.project-card-overlay h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.project-card-overlay p{font-size:1rem}.content-section{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box;transition:background-color .3s}.content-bigcard{background-color:var(--column-background);padding:40px;border-radius:12px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:600px;color:var(--column-text-color);transition:background-color .3s,color .3s}.content-bigcard h1{text-align:center;margin-bottom:30px;color:var(--column-text-color)}.content-bigcard p{color:var(--column-text-color)}.content-bigcard ul{color:var(--column-text-color);list-style-position:inside;text-align:left}.content-bigcard .submit-button{display:block;width:160px;padding:12px;background-color:var(--button-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:18px;transition:background-color .3s ease;margin:20px auto 0;text-decoration:none;text-align:center}.content-bigcard .submit-button:hover{background-color:var(--button-hover-color)}.bi-hero{width:100%;padding:40px 20px;background-color:var(--background-color);color:var(--text-color);text-align:center;transition:background-color .3s,color .3s;box-sizing:border-box}.bi-hero h1{font-size:3em;margin-bottom:15px}.bi-hero p{font-size:1.3em;max-width:800px;margin:0 auto}.bi-columns-section{width:100%;padding:40px 20px;display:flex;justify-content:center;align-items:stretch;gap:20px;flex-wrap:wrap;box-sizing:border-box;background-color:var(--header-color);transition:background-color .3s}.bi-column{flex:1;min-width:280px;max-width:380px;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;background-color:var(--column-background);color:var(--column-text-color);transition:background-color .3s,color .3s,transform .3s ease}.bi-column:hover{transform:translateY(-5px)}.bi-column h2{font-size:1.8em;margin-bottom:15px}.bi-column ul{text-align:left}.bi-column p{font-size:1.1em;line-height:1.7}.cta{text-align:center;padding:60px 20px;background-color:var(--header-color);color:var(--header-text-color);transition:background-color .3s,color .3s;width:100%;box-sizing:border-box}.cta p{font-size:1.4em;max-width:800px;margin:0 auto 30px}@media (max-width: 768px){.bi-columns-section{flex-direction:column;align-items:center}.bi-column{max-width:90%}.content-section{min-height:auto}}.chat-widget-container{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-toggle-button{background-color:var(--chat-toggle-button-bg);color:var(--chat-toggle-button-text);border:none;border-radius:50%;width:60px;height:60px;font-size:1.2em;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background-color .3s ease,color .3s ease}.chat-toggle-button:hover{background-color:var(--button-hover-color)}.chat-window{width:350px;height:450px;background-color:var(--chat-window-bg);border:1px solid var(--chat-input-border);border-radius:8px;box-shadow:0 8px 16px #00000040;display:flex;flex-direction:column;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.chat-header{background-color:var(--chat-header-bg);color:var(--chat-header-text);padding:15px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;transition:background-color .3s ease,color .3s ease}.chat-header h3{margin:0;font-size:1.1em}.close-chat-button{background:none;border:none;color:var(--chat-close-button-color);font-size:1.8em;cursor:pointer;line-height:1;transition:color .3s ease}.close-chat-button:hover{color:var(--highlight-color)}.chat-messages{flex-grow:1;padding:15px;overflow-y:auto;background-color:var(--chat-messages-bg);display:flex;flex-direction:column;gap:10px;transition:background-color .3s ease}.no-messages{text-align:center;color:var(--chat-no-messages-color);font-style:italic;margin-top:20px;transition:color .3s ease}.message{padding:8px 12px;border-radius:15px;max-width:80%;word-wrap:break-word;transition:background-color .3s ease,color .3s ease}.message.user{align-self:flex-end;background-color:var(--chat-message-user-bg);color:var(--chat-message-user-text)}.message.bot{align-self:flex-start;background-color:var(--chat-message-bot-bg);color:var(--chat-message-bot-text)}.chat-input-form{display:flex;padding:10px;border-top:1px solid var(--chat-input-border);background-color:var(--chat-input-form-bg);transition:background-color .3s ease,border-color .3s ease}.chat-input-form textarea{flex-grow:1;padding:10px;border:1px solid var(--chat-input-border);border-radius:5px;margin-right:10px;font-size:1em;background-color:var(--chat-input-form-bg);color:var(--chat-input-text);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.chat-input-form textarea::placeholder{color:var(--chat-input-placeholder-color)}.chat-input-form button{background-color:var(--chat-input-button-bg);color:var(--chat-input-button-text);border:none;border-radius:5px;padding:10px 15px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.chat-input-form button:hover{background-color:var(--button-hover-color)}.chat-options{display:flex;flex-direction:column;gap:10px;padding:10px;border-top:1px solid var(--chat-input-border);background-color:var(--chat-input-form-bg);transition:background-color .3s ease,border-color .3s ease}.chat-option-button{background-color:var(--chat-option-button-bg);color:var(--chat-option-button-text);border:none;border-radius:5px;padding:10px 15px;cursor:pointer;font-size:1em;text-align:center;transition:background-color .3s ease,color .3s ease}.chat-option-button:hover{background-color:var(--chat-option-button-hover-bg)}