|
|
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chat-container{font-family:Arial,sans-serif;height:100vh;margin:auto;max-width:800px}.chat-header{background-color:#4a90e2;font-size:1.5rem;padding:16px}.chat-messages{background-color:#f5f5f5;padding:16px}.chat-bubble{word-wrap:break-word;border-radius:16px;max-width:70%;padding:12px;white-space:pre-wrap}.chat-bubble.user{align-self:flex-end;background-color:#dcf8c6}.chat-bubble.ai{align-self:flex-start;background-color:#fff;border:1px solid #ddd}.chat-bubble.loading{font-style:italic;opacity:.6}.chat-input-area{background-color:#fff;border-top:1px solid #ccc;padding:12px}.chat-input-area input{border:1px solid #ccc;margin-right:8px;padding:8px}.chat-input-area button{background-color:#4a90e2;padding:8px 16px}.chat-input-area button:disabled{background-color:#a0c4f2;cursor:not-allowed}.back-button{background-color:#f2f2f2;border:none;border-radius:8px;cursor:pointer;float:right;font-size:14px;margin-right:20px;padding:6px 12px}.back-button:hover{background-color:#ddd}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.landing-container{display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.landing-footer,.landing-header{align-items:center;background:#f8f9fb;display:flex;justify-content:space-between;padding:20px 40px}.landing-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:40px}.landing-header .logo{font-size:1.5rem;font-weight:700}.landing-nav a,.lang-select{color:#222;margin:0 10px;text-decoration:none}.start-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin:24px 0;padding:14px 32px}.how-it-works{margin:40px 0;max-width:900px;width:100%}.how-it-works h2{text-align:center}.steps{display:flex;justify-content:space-between}.step{background:#fff;border-radius:12px;box-shadow:0 2px 8px #e5e7eb;flex:1 1;margin:0 10px;padding:24px;text-align:center}.step-number{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin:0 auto 12px;width:40px}.download-resources{margin:40px 0;max-width:900px;width:100%}.download-resources h2{text-align:center}.resources{display:flex;justify-content:space-between}.resource-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #e5e7eb;flex:1 1;margin:0 10px;padding:24px;text-align:center}.view-all{color:#2563eb;display:block;margin-top:16px;text-align:right;text-decoration:none}.chat-container{background:#f4f6fa;display:flex;flex-direction:column;min-height:100vh}.chat-header{background:#2563eb;color:#fff;font-size:1.3rem;padding:20px;text-align:center}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:24px}.chat-message{border-radius:16px;margin-bottom:8px;max-width:60%;padding:12px 18px}.chat-message.user{align-self:flex-end;background:#2563eb;color:#fff}.chat-message.ai{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;color:#222}.chat-input-area{background:#fff;border-top:1px solid #e5e7eb;display:flex;padding:16px}.chat-input-area input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:1rem;margin-right:10px;padding:10px}.chat-input-area button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 24px}.labassist-footer{align-items:center;background-color:#112;display:flex;flex-direction:column;padding:60px 40px}.footer-main-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px;max-width:1200px;width:100%}.footer-column{flex-basis:22%;margin-bottom:20px}.footer-column h4{color:#fff;font-size:1.1em;font-weight:700;margin-bottom:15px}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:8px}.footer-column ul li a{color:#b0b0b0;font-size:.95em;text-decoration:none;transition:color .3s ease}.footer-column ul li a:hover{color:#fff}.company-info{flex-basis:30%;min-width:250px}.company-logo-section{align-items:center;display:flex;margin-bottom:15px}.footer-logo{height:30px;margin-right:10px}.company-logo-section span{color:#fff;font-size:1.2em;font-weight:700}.company-info p{color:#b0b0b0;font-size:.9em;line-height:1.6;margin-bottom:20px}.social-icons{display:flex;gap:15px}.social-icons a img{filter:invert(100%) brightness(80%);height:20px;transition:filter .3s ease;width:20px}.social-icons a:hover img{filter:invert(100%) brightness(100%)}.footer-bottom-bar{align-items:center;border-top:1px solid #334;color:#889;display:flex;font-size:.85em;justify-content:space-between;max-width:1200px;padding-top:30px;width:100%}.footer-legal-links a{color:#889;margin-left:20px;text-decoration:none;transition:color .3s ease}.footer-legal-links a:hover{color:#fff}@media (max-width:768px){.labassist-footer{padding:40px 20px}.footer-main-content{align-items:flex-start;flex-direction:column;gap:30px}.footer-column{flex-basis:100%;max-width:100%}.footer-bottom-bar{flex-direction:column;text-align:center}.footer-legal-links{margin-top:15px}.footer-legal-links a{margin:0 10px}}@media (max-width:480px){.labassist-footer{padding:30px 15px}.footer-main-content{gap:20px}.social-icons{gap:10px}} |
