button.chatbot{z-index:888;border:var(--button-border-active);color:var(--button-color-active);background-color:var(--button-bg-active);opacity:1;visibility:visible;border-radius:50%;justify-content:center;align-items:center;padding:15px;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:fixed;bottom:30px;right:30px;transform:scale(1)}button.chatbot.hidden{opacity:0;visibility:hidden;display:flex;transform:scale(.5)}button.chatbot:hover>svg{color:var(--theme-a)}button.chatbot>svg{width:30px;height:auto}div.chatbot{z-index:999;border-radius:var(--radius);border:var(--border);background-color:var(--chatbot-bg);width:100%;max-width:500px;height:65vh;box-shadow:var(--shadow);transition:all .1 ease-in-out;flex-direction:column;display:flex;position:fixed;bottom:30px;right:30px}div.chatbot.close{opacity:0;pointer-events:none;right:-100%}div.chatbot>div.header{justify-content:space-between;align-items:center;gap:var(--padgap);width:100%;padding:var(--padgap);border-bottom:var(--border);display:flex}div.chatbot>div.header>img{border-radius:var(--radius);background-color:#00ffcc0d;border:1px solid #0fc6;width:40px;height:auto;padding:5px;box-shadow:0 0 5px #0fc3,inset 0 0 5px #0fc3}div.chatbot>div.header>div{align-items:center;gap:var(--padgap);display:flex}div.chatbot>div.header>div>button{height:40px;color:var(--theme-a);padding:var(--padgap);border-radius:var(--radius);border:var(--button-border);background-color:var(--button-bg);justify-content:center;align-items:center;display:flex;box-shadow:0 0 5px #0fc3,inset 0 0 5px #0fc3}div.chatbot>div.header>div>button:hover{color:var(--button-color-hover);border:var(--button-border-hover);background-color:var(--button-bg-hover)}div.chatbot>div.header>div>button.active{color:var(--button-color-active);border:var(--button-border-active);background-color:var(--button-bg-active)}div.chatbot>div.answers{gap:var(--padgap);width:100%;padding:var(--padgap);flex-direction:column;flex:1;display:flex;overflow:auto}div.chatbot>div.answers>div.answer{padding:var(--padgap);border-radius:var(--radius);border:var(--answers-border);background-color:var(--answers-bg);flex-direction:column;display:flex}div.chatbot>div.answers>div.answer>h2{align-items:center;gap:var(--padgap);color:#fff;display:flex}div.chatbot>div.answers>div.answer>h2>svg{width:20px;height:auto;color:var(--theme-a)}div.chatbot>div.answers>div.answer>h2>img{width:18px;height:auto;color:var(--theme-a);margin-bottom:3px;animation:1s linear infinite loading}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div.chatbot>div.answers>div.answer>p{color:var(--theme-a);margin-top:8px}div.chatbot>form.question{gap:var(--padgap);width:100%;padding:var(--padgap);border-top:var(--border);flex-direction:column;display:flex}div.chatbot>form.question>textarea{resize:none;width:100%;height:100px;padding:var(--padgap);border-radius:var(--radius);border:var(--textarea-border);color:var(--theme-a);background-color:var(--textarea-bg);font-size:14px;line-height:1.5}div.chatbot>form.question>div{justify-content:space-between;align-items:flex-start;gap:var(--padgap);display:flex}div.chatbot>form.question>div>button{height:40px;padding:var(--padgap);border-radius:var(--radius);border:var(--button-border-active);color:var(--button-color-active);background-color:var(--button-bg-active);justify-content:center;align-items:center;font-size:14px;font-weight:400;display:flex}div.chatbot>form.question>div>button:disabled{cursor:not-allowed;border:var(--button-border);color:var(--button-color);background-color:var(--button-bg);box-shadow:0 0 5px #0fc3,inset 0 0 5px #0fc3}div.chatbot>form.question>div>span{color:#999;font-size:12px}@media (max-width:768px){div.chatbot{max-width:calc(100% - 30px);bottom:15px;right:15px}}
main{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:500px;height:100vh;margin-inline:auto;padding:30px;display:flex}main>img{background-color:#00ffcc0d;border:1px solid #0fc6;border-radius:25px;margin-bottom:15px;padding:15px;box-shadow:0 0 5px #0fc3,inset 0 0 5px #0fc3}main>h1{color:#fff;flex-wrap:nowrap;align-items:center;gap:3px;display:flex}main>h1>svg{width:55px;height:auto;color:var(--theme-a)}main>p{text-align:center;color:#999}main>p>strong{color:#0fc}main>small{text-align:center}@media screen and (max-width:768px){main>h1>svg{width:40px;height:auto}main>img{width:70px;height:auto;padding:10px}}
canvas{z-index:-1;opacity:.2;pointer-events:none;width:100vw;position:fixed;inset:0}