:root{--primary: #0a2342;--primary-dark: #003366;--secondary: #00b4d8;--bg: #f1f3f6;--bg-dark: #e9ecf3;--text: #232946;--text-light: #fff;--card: #fff;--card-dark: #e9ecf3;--shadow: 8px 8px 24px #d1d9e6, -8px -8px 24px #fff;--shadow-dark: 8px 8px 24px #b3b3ff33, -8px -8px 24px #e9ecf3;--radius: 22px;--transition: .18s cubic-bezier(.4, 2, .6, 1);--side-popup-width: 380px;--main-padding-left: 50px}body{min-height:100vh;margin:0;font-family:Poppins,Arial,sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column;transition:background .3s;overflow-x:hidden;box-sizing:border-box}html,body{overflow-x:hidden;box-sizing:border-box}.logo-bar{position:relative;width:100%;height:54px;margin-top:18px;margin-bottom:18px;background:none}.logo-gns{position:absolute;left:32px;top:0;height:54px;width:auto;display:block}.logo-robot{position:absolute;left:50%;top:0;transform:translate(-50%);height:54px;width:auto;display:block}.logo-title{font-size:1.3rem;font-weight:700;color:var(--primary-dark);white-space:nowrap;margin-left:12px}@media(max-width:700px){.logo-bar{height:38px}.logo-gns,.logo-robot{height:36px}.logo-gns{left:10px}.logo-title{font-size:1rem;margin-left:0;margin-top:4px;white-space:normal;text-align:center}}.lang-select{background:var(--card);border-radius:12px;padding:6px 16px;border:none;font-size:1rem;color:var(--text);box-shadow:var(--shadow);outline:none;transition:border .2s}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 5vw}.hero{margin-top:0;margin-bottom:100px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.hero-svg{width:180px;max-width:60vw;margin-bottom:8px;filter:drop-shadow(0 4px 24px #b3b3ff33)}.hero-title{font-size:2.2rem;font-weight:700;margin-bottom:6px;color:var(--primary-dark)}.hero-sub{font-size:1.1rem;color:#555;margin-bottom:18px}.cards{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin:36px 0 0;width:100%;max-width:900px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 20px 18px;min-width:180px;max-width:220px;flex:1 1 180px;display:flex;flex-direction:column;align-items:center;transition:box-shadow var(--transition),transform var(--transition),background .2s;cursor:pointer;position:relative;z-index:1}.card:hover{box-shadow:0 8px 32px #6c63ff33,0 1.5px 8px #2a2d3e22;background:linear-gradient(135deg,#6c63ff11,#2cb67d11);transform:translateY(-8px) scale(1.04);z-index:2}.card i{font-size:1.8rem;color:var(--secondary);margin-bottom:12px;transition:color .2s}.card:hover i{color:var(--primary-dark)}.card-title{font-size:1 rem;font-weight:600;margin-bottom:6px;color:var(--text);text-align:center}.card-desc{font-size:.9rem;color:#666;text-align:center}.card.selected{background:linear-gradient(135deg,#00b4d822,#0a234222);box-shadow:0 8px 32px #00b4d822,0 1.5px 8px #0a234211;border:2px solid #00b4d8}.card.selected i,.card.selected .card-title,.card.selected .card-desc{color:#00b4d8}.fab-btn{position:fixed;left:47%;transform:translate(-50%);bottom:32px;width:68px;height:68px;border-radius:50%;border:none;cursor:pointer;z-index:1600;background:linear-gradient(135deg,#00b4d8,#0a2342);color:#fff;box-shadow:0 8px 32px #6c63ff33;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:background .2s,transform .18s,opacity .3s}.fab-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.fab-btn:hover{background:linear-gradient(135deg,#0a2342,#00b4d8);transform:translate(-50%) scale(1.08);animation:fab-pulse-fast 1s}.fab-btn.listening{background:linear-gradient(135deg,#00e676,#00b4d8);color:#fff;box-shadow:0 0 0 8px #00e67633;animation:fab-pulse-fast 1s infinite}.fab-btn.ended{background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;box-shadow:0 0 0 8px #e5393533;animation:none}@keyframes fab-pulse{0%{box-shadow:0 0 #6c63ff33}70%{box-shadow:0 0 0 18px #2cb67d22}to{box-shadow:0 0 #6c63ff33}}@keyframes fab-pulse-fast{0%{box-shadow:0 0 #6c63ff33}70%{box-shadow:0 0 0 24px #2cb67d33}to{box-shadow:0 0 #6c63ff33}}@keyframes fab-pulse-strong{0%{box-shadow:0 0 #00e67666,0 0 32px 8px #00e67699;transform:scale(1.12)}60%{box-shadow:0 0 0 32px #00e67622,0 0 48px 16px #00e67699;transform:scale(1.18)}to{box-shadow:0 0 #00e67666,0 0 32px 8px #00e67699;transform:scale(1.12)}}@keyframes fab-glow{0%{filter:brightness(1.1) drop-shadow(0 0 0px #00e676)}to{filter:brightness(1.5) drop-shadow(0 0 16px #00e676)}}footer{margin-top:10px;margin-left:var(--main-padding-left);padding:20px 0 16px;color:#888;font-size:1rem;background:transparent}.footer-links{margin-bottom:8px;display:flex;justify-content:center;gap:18px}.footer-links a{color:var(--secondary);text-decoration:none;font-size:1.2rem;transition:color .18s}.footer-links a:hover{color:#38e1c6}@media(max-width:900px){.cards{gap:16px}.card{min-width:140px;padding:18px 8px 14px}}@media(max-width:700px){main{padding-left:4vw;padding-right:4vw}.hero-title{font-size:1.3rem}.hero{margin-bottom:5px}.cards{gap:5px;margin-top:1px}.card{max-width:160px}.fab-btn{width:54px;height:54px;font-size:1.3rem}}@media(max-width:480px){.hero-svg{width:110px}.card{min-width:100px;padding:10px 4px 8px}.fab-btn{width:44px;height:44px;font-size:1rem;left:40%;bottom:50px}}.subtitle-section{position:fixed;left:50%;bottom:110px;transform:translate(-50%);z-index:1501;margin:0;max-width:600px;min-width:180px;min-height:48px;background:#232946;color:#fff;font-size:1.35rem;font-weight:500;border-radius:14px;padding:24px 40px;text-align:center;box-shadow:0 4px 24px 4px #0006,0 2px 8px #0002;letter-spacing:.01em;line-height:1.3;opacity:1;pointer-events:auto;display:none}.subtitle-section.hide{opacity:0}@media(max-width:900px){.subtitle-section{right:4vw;bottom:80px;max-width:90vw;min-width:120px;font-size:1rem;padding:12px 10px}}@media(max-width:480px){.subtitle-section{right:2vw;bottom:200px;width:90%;height:20%;max-width:100%;font-size:.98rem}}.side-popup{position:fixed;left:-400px;top:0;width:400px;height:100vh;background:linear-gradient(135deg,#e9ecf3,#f1f3f6);box-shadow:0 8px 32px #00b4d822,0 1.5px 8px #0a234211;border-radius:32px 0 0 32px;transition:left .3s cubic-bezier(.4,2,.6,1);z-index:1000;padding:0;overflow-y:auto;pointer-events:none;display:flex;flex-direction:column;align-items:stretch;max-width:100vw}.side-popup.active{left:0;pointer-events:auto}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:32px 32px 0;background:none}.popup-title{display:flex;align-items:center;gap:18px;font-size:1.5rem;color:var(--secondary);font-weight:800;letter-spacing:.01em}.popup-title i{font-size:2.6rem;color:var(--primary-dark);background:linear-gradient(135deg,#00b4d8,#0a2342);border-radius:50%;padding:12px;box-shadow:0 2px 12px #00b4d822}.close-popup{background:none;border:none;color:var(--primary-dark);font-size:2rem;cursor:pointer;padding:8px;transition:color .2s}.close-popup:hover{color:var(--secondary)}.popup-content{padding:0 32px 32px;color:var(--text);display:flex;flex-direction:column;gap:32px}.popup-section{background:#fff;border-radius:18px;box-shadow:0 2px 16px #00b4d811;padding:18px 11px 9px;margin-top:0;display:flex;flex-direction:column;gap:11px;font-size:.77rem}.popup-section-title{color:var(--primary-dark);font-size:.85rem;font-weight:700;margin-bottom:4.4px;letter-spacing:.01em}.popup-section p{margin:0 0 4.4px;font-size:.76rem;color:#232946}.popup-examples{background:linear-gradient(135deg,#00b4d811,#00b4d822);border-left:5px solid var(--secondary);padding:18px 22px;margin:0 0 8px;border-radius:12px;box-shadow:0 2px 8px #00b4d822}.popup-examples-title{color:var(--secondary);font-weight:700;margin-bottom:5.5px;font-size:.77rem}.popup-examples ul{margin:0;padding-left:18px}.popup-examples li{color:var(--primary-dark);font-weight:500;margin-bottom:4.4px;list-style:disc;font-size:.76rem}@media(max-width:700px){.side-popup{max-width:100%;border-radius:0;padding:0}.popup-header,.popup-content{padding-left:12px;padding-right:12px}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s;z-index:999}.overlay.active{opacity:1;visibility:visible}body.side-popup-active header,body.side-popup-active footer{transition:transform .3s cubic-bezier(.4,2,.6,1);transform:translate(var(--side-popup-width));margin-left:80px}.subtitle-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e1e1e73;z-index:1400;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.chat-btn{position:fixed;left:calc(50% + 50px);transform:translate(-50%);bottom:32px;width:68px;height:68px;border-radius:50%;border:none;cursor:pointer;z-index:1600;background:linear-gradient(135deg,#00b4d8,#0a2342);color:#fff;box-shadow:0 8px 32px #6c63ff33;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:background .2s,transform .18s,opacity .3s}.chat-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.chat-btn:hover{background:linear-gradient(135deg,#0a2342,#00b4d8);transform:translate(-50%) scale(1.08);animation:fab-pulse-fast 1s}.chat-btn.active{background:linear-gradient(135deg,#00e676,#00b4d8);box-shadow:0 0 0 8px #00e67633}.chat-panel{position:fixed;right:-400px;bottom:120px;width:380px;height:500px;background:var(--card);border-radius:20px;box-shadow:var(--shadow);transition:all .3s ease;z-index:1500;display:flex;flex-direction:column;overflow:hidden}.chat-panel.active{right:32px}.chat-panel.fullscreen{right:50%;bottom:50%;transform:translate(50%,50%);width:90%;height:90%;max-width:800px;max-height:600px;border-radius:20px;margin:0}.chat-panel.fullscreen.active{right:50%;bottom:50%}.chat-header{padding:16px 20px;background:linear-gradient(135deg,#00b4d8,#0a2342);color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:1.2rem;display:flex;align-items:center;gap:8px}.chat-actions{display:flex;gap:12px;align-items:center}.chat-toggle{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:4px;transition:transform .2s}.chat-toggle:hover{transform:scale(1.1)}.chat-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:4px;transition:transform .2s}.chat-close:hover{transform:scale(1.1)}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.message{max-width:80%;padding:12px 16px;border-radius:16px;font-size:.95rem;line-height:1.4}.message.ai{background:#f0f2f5;color:var(--text);align-self:flex-start;border-bottom-left-radius:4px}.message.user{background:linear-gradient(135deg,#00b4d8,#0a2342);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-input{padding:16px;border-top:1px solid #eee;display:flex;gap:8px;background:var(--card)}.chat-input input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:24px;font-size:.95rem;outline:none;transition:border-color .2s}.chat-input input:focus{border-color:var(--secondary)}.chat-input button{background:linear-gradient(135deg,#00b4d8,#0a2342);color:#fff;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;transition:transform .2s}.chat-input button:hover{transform:scale(1.05)}@media(max-width:700px){.chat-btn{width:54px;height:54px;font-size:1.3rem;left:calc(50% + 60px)}.chat-panel{width:320px;height:450px;bottom:100px}.chat-panel.active{right:16px}.chat-panel.fullscreen{width:100%;height:100%;right:0;bottom:0}}@media(max-width:480px){.chat-btn{width:44px;height:44px;font-size:1rem;left:calc(50% + 40px);bottom:50px}.chat-panel{width:90%;height:70%;bottom:150px}.chat-panel.active{right:12px}.chat-panel.fullscreen{width:100%;height:100%;right:0;bottom:0}}.selection-required{position:fixed;bottom:110px;left:50%;transform:translate(-50%);background:#232946;color:#fff;padding:12px 24px;border-radius:12px;font-size:.95rem;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:1500;box-shadow:0 4px 24px 4px #0006}.selection-required.show{opacity:1;visibility:visible}.chat-overlay{display:none;position:fixed;inset:0;background:#1e1e1e73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1400;pointer-events:none}