.container{width:100%;height:70vh;display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.chat-log{flex:1;overflow-y:auto;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:20px;background-color:#f9f9f9;min-height:0}.message-container{margin-bottom:15px;display:flex}.user-message{justify-content:flex-end}.assistant-message{justify-content:flex-start}.message-bubble{max-width:70%;padding:12px 16px;border-radius:18px;white-space:pre-line;line-height:1.4}.user-bubble{background-color:#4a1333;color:#fff}.assistant-bubble{background-color:#e9ecef;color:#000}.loading-container{display:flex;justify-content:flex-start;margin-bottom:15px}.loading-bubble{padding:12px 16px;border-radius:18px;background-color:#e9ecef;display:flex;gap:4px}.loading-dot{width:8px;height:8px;border-radius:50%;background-color:#666}.loading-dot:nth-child(1){animation:bounce 1.4s infinite ease-in-out both}.loading-dot:nth-child(2){animation:bounce 1.4s infinite ease-in-out both .16s}.loading-dot:nth-child(3){animation:bounce 1.4s infinite ease-in-out both .32s}.input-container{display:flex;gap:10px}.input{flex:1;padding:12px;border:1px solid #ddd;border-radius:20px;outline:none}.button{padding:12px 24px;color:#fff;border:none;border-radius:20px}.button-enabled{background-color:#4a1333;cursor:pointer}.button-disabled{background-color:#ccc;cursor:not-allowed}.link{color:#06c;text-decoration:underline;word-break:break-all}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}:root{--primary-black: #000000;--primary-wrc: #4a1333;--primary-wrc-light: #f2ece7;--primary-white: #FFFFFF;--primary-yellow: #f36239;--secondary-gray: #333333;--light-gray: #F5F5F5;--shadow: rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--secondary-gray);background-color:var(--primary-white);line-height:1.6}.app{display:flex;min-height:100vh;position:relative;overflow:hidden}.main-container{flex:1;display:flex;flex-direction:column;margin-left:250px;transition:margin-left .3s ease}.main-container.menu-collapsed{margin-left:60px}.main-content{flex:1;padding:2rem;position:relative;z-index:1}.page-title{font-size:2.5rem;margin-bottom:2rem;color:var(--primary-black);font-weight:700}.empty-page{text-align:center;padding:4rem 0}.coming-soon{font-size:1.5rem;color:var(--secondary-gray);opacity:.6}.menu-logo{padding:.5rem;display:flex;justify-content:center;align-items:center;margin-top:-2rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem;cursor:pointer;transition:var(--transition)}.menu-logo:hover{background-color:#ffffff1a;transform:scale(1.05)}.logo-full{max-width:100%;height:auto;max-height:100%}.logo-icon{margin-top:2rem;width:30px;height:30px}.menu{position:fixed;left:0;top:0;height:100vh;width:250px;background-color:var(--primary-wrc);color:var(--primary-white);transition:width .3s ease;z-index:100;display:flex;flex-direction:column;box-shadow:2px 0 10px var(--shadow)}.menu.collapsed{width:60px}.menu-toggle{background:none;border:none;color:var(--primary-white);padding:1rem;cursor:pointer;transition:var(--transition);align-self:flex-end;margin:.5rem}.menu-toggle:hover{color:var(--primary-yellow);transform:scale(1.1)}.menu-items{list-style:none;flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:0 .5rem}.menu-item{width:100%;background:none;border:none;color:var(--primary-white);padding:1rem;margin:.5rem 0;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:var(--transition);border-radius:8px;text-align:left;font-size:1rem;position:relative;overflow:hidden}.menu-item:before{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:var(--primary-yellow);transition:left .3s ease;z-index:-1}.menu-item:hover:before{left:0}.menu-item:hover{color:var(--primary-black);transform:translate(5px)}.menu-item.active{background-color:var(--primary-yellow);color:var(--primary-black);font-weight:600}.menu-icon{display:flex;align-items:center;justify-content:center;min-width:20px}.menu-label{white-space:nowrap;opacity:1;transition:opacity .3s ease}.menu.collapsed .menu-label{opacity:0;display:none}.menu.collapsed .menu-item{justify-content:center;padding:1rem .5rem}.header{height:60px;background-color:var(--primary-wrc-light);border-bottom:1px solid var(--light-gray);display:flex;align-items:center;padding:0 2rem;position:relative;z-index:10}.site-title{font-size:24px;font-weight:700;color:#222;margin:0}.footer{background-color:var(--primary-wrc);color:var(--primary-white);text-align:center;padding:1.5rem;margin-top:auto;position:relative;z-index:10}.footer p{margin:0;font-size:.875rem;opacity:.8}.home-page{max-width:1200px;margin:0 auto}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.news-card{background:var(--primary-white);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px var(--shadow);transition:var(--transition);cursor:pointer;position:relative}.news-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-yellow);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.news-card:hover:before{transform:scaleX(1)}.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.news-image{width:100%;height:200px;object-fit:cover;transition:var(--transition)}.news-card:hover .news-image{transform:scale(1.05)}.news-content{padding:1.5rem}.news-title{font-size:1.5rem;margin-bottom:.5rem;color:var(--primary-black);font-weight:600}.news-date{font-size:.875rem;color:var(--secondary-gray);opacity:.7;margin-bottom:1rem}.news-text{color:var(--secondary-gray);line-height:1.8}.assistants-page{max-width:1200px;margin:0 auto}.assistants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.assistant-tile{position:relative;width:100%;height:350px;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.assistant-tile.flipped{transform:rotateX(180deg)}.tile-front,.tile-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000001f;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:var(--primary-white);border:2px solid transparent;transition:border-color .3s ease}.tile-front{background:linear-gradient(135deg,var(--primary-white) 0%,var(--light-gray) 100%)}.tile-back{transform:rotateX(180deg);background:var(--primary-black);color:var(--primary-white)}.tile-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:1rem;transition:var(--transition)}.tile-title{font-size:1.75rem;font-weight:700;color:var(--primary-black);margin:0;position:relative}.tile-description{font-size:1.1rem;line-height:1.8;text-align:center;margin-bottom:2rem}.tile-button{background:var(--primary-yellow);color:var(--primary-black);border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:var(--transition)}.tile-button:hover{transform:scale(1.05);box-shadow:0 5px 20px #ffd70066}.kb-page{display:flex;flex-direction:column;align-items:center;padding:2rem}.chatbot{width:80%;height:70vh;display:flex;flex-direction:column;background:#f9f9f9;border-radius:12px;box-shadow:0 8px 20px #0000000d;overflow:hidden}.chat-log{flex:1;overflow-y:auto;padding:1rem}.chat-msg{margin-bottom:.8rem;line-height:1.4}.chat-msg.user{text-align:right;font-weight:700;color:#222}.chat-msg.assistant{text-align:left;color:#444}.chat-input{display:flex;padding:1rem;border-top:1px solid #ddd;background:white}.chat-input input{flex:1;padding:.75rem;border-radius:8px;border:1px solid #ccc;font-size:1rem}.chat-snippet{white-space:pre-wrap;line-height:1.5}.chat-input button{margin-left:.75rem;padding:.75rem 1.5rem;border-radius:8px;border:none;background:black;color:#fff;font-weight:700;cursor:pointer}.typing{display:flex;gap:6px;align-items:center;margin-top:8px}.typing .dot{width:8px;height:8px;border-radius:50%;background-color:#aaa;animation:bounce 1.4s infinite ease-in-out}.typing .dot:nth-child(2){animation-delay:.2s}.typing .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-8px);opacity:1}}.spider-web{position:fixed;top:-50px;right:-50px;width:800px;height:800px;pointer-events:none;opacity:1;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='600' height='600' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='web' x='0' y='0' width='100%25' height='100%25'%3E%3Ccircle cx='300' cy='300' r='100' fill='none' stroke='rgba(0,0,0,0.05)' stroke-width='1'/%3E%3Ccircle cx='300' cy='300' r='200' fill='none' stroke='rgba(0,0,0,0.05)' stroke-width='1'/%3E%3Ccircle cx='300' cy='300' r='300' fill='none' stroke='rgba(0,0,0,0.05)' stroke-width='1'/%3E%3Cline x1='300' y1='0' x2='300' y2='600' stroke='rgba(0,0,0,0.05)' stroke-width='1'/%3E%3Cline x1='0' y1='300' x2='600' y2='300' stroke='rgba(0,0,0,0.05)' stroke-width='1'/%3E%3Cline x1='0' y1='0' x2='600' y2='600' stroke='rgba(0,0,0,0.05)' stroke-width='1'/%3E%3Cline x1='600' y1='0' x2='0' y2='600' stroke='rgba(0,0,0,0.05)' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23web)'/%3E%3C/svg%3E");background-size:cover;background-position:center;animation:float 120s infinite ease-in-out}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-20px,20px) rotate(90deg)}50%{transform:translate(20px,-10px) rotate(180deg)}75%{transform:translate(-10px,-20px) rotate(270deg)}}
