:root{--bg-dark:#0a0f1e;--bg-light:#f5f7fa;--card-dark:#141a29;--card-light:#1f2940;--card-hover:#24304a;--accent:#06b6d4;--accent-dark:#0891b2;--accent-light:#67e8f9;--text-dark:#0a0f1e;--text-light:#e0f7fa;--text-muted:#94a3b8;--border-color:#1e293b;--divider-color:#334155}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;color:var(--text-light);background-color:var(--bg-dark);font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}.header{position:fixed;inset:0;z-index:15;height:7.8vh;background-color:transparent;transition:background-color .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center}.header.scrolled{background-color:var(--card-dark);box-shadow:0 2px 10px rgba(0,0,0,.4)}.header .trigger.left{left:0}.header .trigger.right{right:0}.slider{position:relative;padding-top:50%;overflow:hidden}.slider__image{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;opacity:0;object-fit:cover;transition:opacity 1s ease;pointer-events:none}.slider__image.active{opacity:1;z-index:1}.slider .overlay{position:absolute;inset:0;z-index:11;opacity:1;background-color:rgba(0,0,0,.25);transition:opacity .3s ease;pointer-events:none}.slider .text-content{position:absolute;left:50%;z-index:12;bottom:2.5em;padding:1em;border-radius:1em;text-shadow:0 2px 8px rgba(0,0,0,.6);font-size:2vw;color:var(--text-light);background-color:rgba(10,15,30,.5);transform:translateX(-50%);text-align:center}.slider .text-content__heading{font-size:2em;font-weight:1000;color:var(--accent)}.slider .text-content__description{font-size:1.5em;font-weight:700}.container{position:relative;color:var(--text-light);background-color:var(--bg-dark)}.footer{position:relative;height:50vh;border-top:2px solid var(--accent);font-size:1.5em;color:var(--text-light);background-color:var(--card-dark);display:flex;align-items:center;justify-content:center}.footer-content ul{padding:0;gap:2em;display:flex;flex-wrap:wrap;list-style:none;text-align:center;justify-content:center}.footer-content li a{padding:.2em .5em;border-radius:.5em;color:var(--accent);text-decoration:none;transition:all .3s ease}.footer-content li:hover a{color:var(--bg-dark);background-color:var(--accent)}.footer .copyright{position:absolute;left:0;right:0;bottom:1em;width:100%;font-size:.9em;text-align:center;color:var(--text-light)}@media (max-width:740px){.footer{font-size:1.25em}}.sidebar{position:fixed;z-index:20;inset:0;height:100vh;width:100vw;transition:opacity .3s ease,visibility 0s .3s;opacity:0;display:flex;visibility:hidden;pointer-events:none}.sidebar.sidebar--active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease}.sidebar.sidebar--active .overlay{opacity:.5}.sidebar__menu{position:absolute;left:0;top:0;z-index:22;min-width:15em;height:100%;background-color:var(--card-light);box-shadow:0 0 15px rgba(0,0,0,.4);transform:translateX(-100%);transition:transform .4s ease;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.sidebar.sidebar--active .sidebar__menu{transform:translateX(0)}.sidebar__menu i{padding:2.5vh 2.5vh;position:relative;cursor:pointer;color:var(--accent);transition:.3s}.sidebar__menu i::after{left:50%;bottom:0;position:absolute;width:0;height:3px;content:"";background-color:var(--accent);transition:all .5s ease;transform:translateX(-50%)}.sidebar__menu i:hover::after{width:78%}.sidebar__menu ul{display:block;width:100%}.sidebar__menu .sidebar-nav{display:none}.sidebar__menu li a{line-height:5vh;padding:0 2.5vh;text-decoration:none;color:var(--text-light);text-transform:uppercase;transition:.3s;display:block}.sidebar__menu ul li:hover>a{color:var(--bg-dark);background-color:var(--accent)}@media (max-width:740px){.sidebar__menu .sidebar-nav{display:block}}.avatar{width:15em;height:15em;border-radius:1em;perspective:1000px}.avatar__inner{position:relative;width:100%;height:100%;border-radius:1em;transition:transform .8s;transform-style:preserve-3d}.avatar:hover .avatar__inner{transform:rotateY(180deg)}.avatar__back,.avatar__front{position:absolute;width:100%;height:100%;border-radius:1em;backface-visibility:hidden;overflow:hidden}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__back{padding:1em;color:var(--text-light);background-color:var(--card-light);transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (min-width:740px) and (max-width:1024px){.avatar{height:auto;width:50vw;aspect-ratio:1/1}}@media (max-width:740px){.avatar{height:auto;width:60vw;aspect-ratio:1/1}}.card-list{font-size:1em;gap:2em;display:flex;flex-wrap:wrap;justify-content:center}.card{width:12.5em;height:12.5em;border-radius:1em;color:var(--text-light);background-color:var(--card-dark);box-shadow:0 0 10px rgba(0,0,0,.3);transition:transform .3s,box-shadow .3s,background-color .3s;display:flex;align-items:center;justify-content:center}.card:hover{box-shadow:0 0 25px var(--accent);background-color:var(--card-light);transform:scale(1.05)}.card-list a{text-decoration:none}@media (min-width:740px) and (max-width:1024px){.card{height:auto;width:40vw;aspect-ratio:1/1}.card-list{font-size:1.5em}}@media (max-width:740px){.card{height:auto;width:60vw;aspect-ratio:1/1}.card-list{font-size:2em}}.content-section{position:relative;padding:2em;font-size:2vw}.content-section__heading{padding:1em;font-size:2em;color:var(--accent);text-align:center}.content-section__body{padding:0 3em;gap:2em;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}@media (min-width:740px) and (max-width:1024px){.content-section__heading{padding:.75em;font-size:2.5em}}@media (max-width:740px){.content-section__heading{padding:.5em;font-size:3em}}.logo:hover{color:var(--text-light)}.logo:hover img{box-shadow:0 4px 16px var(--accent)}.menu{flex:1;gap:1em;display:flex;flex-direction:column}.menu--pagination{margin-top:0!important}.menu__list{list-style:none;padding:0;display:flex;gap:1em;justify-content:center}.menu__item{cursor:pointer;padding:.5em 1em;background-color:var(--card-dark);color:var(--text-light);border-radius:.5em;transition:background-color .3s}.menu__item:hover{background-color:var(--accent)}.nav{padding:0;margin:0;transition:opacity .3s ease;opacity:1;visibility:visible;pointer-events:auto;gap:2em;display:flex;list-style:none;list-style-type:none}.nav>li{position:relative}.nav li a{line-height:5vh;padding:0 2.5vh;text-decoration:none;color:var(--text-light);text-transform:uppercase;transition:.3s;display:block}.nav>li>a::after{left:50%;bottom:0;position:absolute;width:0;height:3px;content:"";background-color:var(--accent);transition:all .5s ease;transform:translateX(-50%)}.nav>li>a:hover::after{width:78%}@media (max-width:740px){.nav{transition:opacity .3s ease,visibility 0s .3s;opacity:0;visibility:hidden;pointer-events:none}}.overlay{position:absolute;inset:0;z-index:21;background-color:rgba(0,0,0,.78);opacity:0;transition:opacity .3s ease;display:flex}.pagination{margin-top:2em;flex:1;display:flex;flex-direction:column;gap:1em}.pagination__list{padding:0;display:flex;justify-content:center;gap:1em;list-style:none}.pagination-item{font-size:1.25em;padding:.5em 1.25em;border-radius:.5em;font-weight:700;cursor:pointer;color:var(--text-light);background-color:var(--card-dark);transition:background-color .3s,color .3s}.pagination-item.active,.pagination-item:hover{color:var(--bg-dark);box-shadow:0 0 25px var(--accent);background-color:var(--accent);transform:scale(1.05)}.pagination__content{padding:1em;min-height:12em;color:var(--text-light);background-color:var(--bg-dark);border-radius:1em;box-shadow:0 0 10px rgba(0,0,0,.2)}.pagination__heading{font-size:1.5em;margin-bottom:.5em;color:var(--accent);text-align:center}.pagination__body{display:none;font-size:1em;line-height:1.6}.pagination__body.active{display:block}@media (min-width:740px) and (max-width:1024px){.pagination-item{font-size:1.5em}.pagination__heading{font-size:2em}.pagination__body{display:none;font-size:1.25em}}@media (max-width:740px){.pagination-item{font-size:2em}.pagination__heading{font-size:2.5em}.pagination__body{display:none;font-size:1.5em}}.trigger{top:0;position:absolute;height:7.8vh;display:flex;align-items:center}.trigger i{padding:1.8vh 2.5vh;position:relative;cursor:pointer;color:var(--accent);transition:.3s}.trigger i::after{left:50%;bottom:0;position:absolute;width:0;height:3px;content:"";background-color:var(--accent);transition:all .5s ease;transform:translateX(-50%)}.trigger i:hover::after{width:78%}#animal{position:absolute;z-index:1000;width:5em;height:5em;background-image:url(/assets/image/ai_pet_01.png);background-size:cover;animation:idleBounce 1.5s ease-in-out infinite;transition:transform .3s ease-in-out}#animal:hover{cursor:pointer}@keyframes petHit{0%{transform:rotate(0)}20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-6deg)}100%{transform:rotate(0)}}#animal.tilting{animation:petHit .6s ease-in-out}@keyframes idleBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}#animal::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:glowPulse 2s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,100%{opacity:.4}50%{opacity:1}}#speech-bubble{position:absolute;z-index:999;background:var(--bg-dark);color:var(--accent);border:1px solid var(--accent);padding:6px 10px;border-radius:8px;font-size:1.25em;max-width:200px;display:none;pointer-events:none;box-shadow:0 0 50px var(--accent)}.chat-box{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-dark);border:1px solid var(--accent);color:var(--text-light);font-family:sans-serif;z-index:100;transition:all .4s ease}.chat-box.chat-box--active{width:300px;height:420px;border-radius:10px;justify-content:flex-start}.chat-box__header{width:100%;padding:12px 14px;background:var(--card-light);border-bottom:1px solid var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.chat-box__header{width:100%;padding:12px 14px;background:var(--card-light);border-bottom:1px solid var(--accent);font-weight:600;text-transform:uppercase;display:flex;align-items:center;flex-wrap:nowrap;gap:8px;box-sizing:border-box},.chat-box__header .left{order:0}.chat-box__header .right{margin-left:auto;order:1}.chat-box__body{flex:1;width:100%;padding:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto}.chat-box__body .spacer{flex-grow:1}.chat-box__footer{width:100%;display:flex;align-items:center;border-top:1px solid var(--accent);background:var(--card-light);padding:8px;box-sizing:border-box}.chat-box__input{flex:1;padding:8px;background:var(--bg-dark);border:1px solid var(--accent);border-radius:6px;color:var(--text-light);outline:0}.chat-box__send{margin-left:8px;padding:8px 12px;background:var(--bg-dark);color:var(--text-light);border:none;border-radius:6px;cursor:pointer;font-weight:600;text-transform:uppercase;transition:all .2s ease}.chat-box__send:hover{color:var(--text-dark);background-color:var(--accent);transform:scale(1.05);box-shadow:0 0 25px var(--accent)}.chat-msg{display:inline-block;margin:4px 0;padding:6px 10px;border-radius:8px;max-width:80%;word-wrap:break-word;box-sizing:border-box}.chat-msg.me{background:var(--accent);color:var(--text-dark);align-self:flex-end}.chat-msg.other{background:var(--card-light);color:var(--text-light);align-self:flex-start}.chat-box:hover{box-shadow:0 0 25px var(--accent)}.loading-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay.hidden{display:none}.loading-box{background-color:rgba(10,15,30,.5);border-radius:1rem;padding:2rem;display:flex;align-items:center;gap:1rem;color:var(--text-light);font-family:sans-serif;max-width:90vw;border:2px solid var(--accent-light);box-shadow:0 0 10px var(--accent);animation:borderGlow 1s ease-in-out infinite}@keyframes borderGlow{0%{box-shadow:0 0 5px var(--accent-light)}50%{box-shadow:0 0 15px var(--accent)}100%{box-shadow:0 0 5px var(--accent-light)}}.spinner{width:2rem;height:2rem;border:.25rem solid var(--accent-light);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-message{font-size:clamp(.9rem,2vw,1.2rem);color:var(--text-light)}@keyframes spin{to{transform:rotate(360deg)}}#notificationContainer{position:fixed;top:20px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:1000}.notification{display:flex;flex-direction:column;background:var(--card-dark);border:1px solid var(--accent);border-radius:10px;padding:10px 14px;color:var(--text-light);font-family:sans-serif;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.4);opacity:0;transform:translateX(100%);transition:all .3s ease;width:auto;min-width:250px;max-width:250px;word-wrap:break-word;position:relative;overflow:hidden}.notification--visible{opacity:1;transform:translateX(0)}.notification--hide{opacity:0;transform:translateX(100%)}.notification__content{display:flex;align-items:flex-start;gap:8px}.notification__icon{font-size:18px}.notification__text{flex:1;line-height:1.4}.notification__close{background:0 0;border:none;color:var(--text-light);cursor:pointer;font-size:18px;margin-left:8px;transition:color .2s ease}.notification__close:hover{color:var(--accent)}.notification--success{border-color:#22c55e}.notification--error{border-color:#ef4444}.notification--warning{border-color:#eab308}.notification--info{border-color:#3b82f6}.notification::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:12px;animation:rotateBorder 2.5s linear infinite;z-index:-1}.notification::after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:10px;background:var(--card-dark);z-index:-1}@keyframes rotateBorder{to{transform:rotate(360deg)}}.notification--success::before{background:conic-gradient(#22c55e,#16a34a,#22c55e)}.notification--error::before{background:conic-gradient(#ef4444,#b91c1c,#ef4444)}.notification--warning::before{background:conic-gradient(#eab308,#ca8a04,#eab308)}.notification--info::before{background:conic-gradient(#3b82f6,#1d4ed8,#3b82f6)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-overlay.hidden{display:none}.modal{background:var(--card-light);color:var(--text-light);border-radius:10px;width:400px;max-width:90%;box-shadow:0 4px 12px rgba(0,0,0,.4);overflow:hidden;animation:fadeIn .3s ease}.modal-header{background:var(--accent);color:var(--text-light);padding:14px;font-size:18px;font-weight:700}.modal-body{padding:16px;font-size:15px;line-height:1.4}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px;background:var(--card-dark)}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease}.btn-ok{background:var(--accent);color:var(--text-light)}.btn-ok:hover{background:var(--accent-dark)}.btn-cancel{background:var(--border-color);color:var(--text-light)}.btn-cancel:hover{background:var(--divider-color)}@media (max-width:600px){.modal{width:90%;font-size:14px}.modal-header{font-size:16px}}@keyframes fadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.contact-layout{display:flex;flex-wrap:wrap;gap:2em;justify-content:center;align-items:flex-start;padding:1em 0}.contact-left,.contact-right{flex:1 1 400px;max-width:600px;width:100%}.map-wrapper{width:100%;max-width:600px;margin:0 auto}.map-container{position:relative;width:100%;height:15em;border-radius:1em;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}.map-frame{position:absolute;inset:0;width:100%;height:100%;border:none;opacity:0;z-index:0;transition:opacity .5s ease}.map-frame.active{opacity:1;z-index:1}.contact-address{margin-top:1em;font-size:1em;color:var(--text-light);text-align:center}.contact-intro{font-size:1.2em;margin-bottom:.5em;color:var(--text-light)}.contact-list{list-style-type:none}.contact-list li{padding:.25em}.contact-list li a{text-decoration:none;color:var(--accent)}.contact-buttons{margin-top:2.5em;display:flex;gap:1em;flex-wrap:wrap;justify-content:flex-start}.contact-buttons button{padding:.6em 1.2em;background-color:var(--card-dark);color:var(--text-light);border:none;border-radius:.5em;cursor:pointer;font-size:1em;display:flex;align-items:center;gap:.5em;box-shadow:0 2px 6px rgba(0,0,0,.5);transition:background-color .3s ease}.contact-buttons button:hover{color:var(--bg-dark);box-shadow:0 0 25px var(--accent);background-color:var(--accent);transform:scale(1.05)}.contact-form{display:none}@media (min-width:768px) and (max-width:1024px){.contact-address{padding:0 2em}.contact-left,.contact-right{font-size:1.3em}.contact-buttons{justify-content:right;margin-top:0;padding:.9em 1.8em}}@media (max-width:768px){.contact-layout{flex-direction:column;align-items:center}.map-toggle{display:none!important}.contact-address{padding:0 5em}.map-container{height:22em}.contact-left,.contact-right{font-size:1.5em}.contact-buttons{justify-content:right;margin-top:0}}