@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@700;800&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";:root{--color-dark:#2c4251;--color-light:#fdfffc;--color-accent:#00baf0}*{box-sizing:border-box}html,body{width:100vw;height:100vh;color:var(--color-dark);background-color:#fff;background-image:url(/images/paper.png);background-repeat:repeat;margin:0;padding:0;font-family:Outfit,sans-serif;overflow:hidden}#impress-viewport{width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.step{box-sizing:border-box;width:100vw;height:100vh;transform-style:preserve-3d;opacity:.15;filter:blur(2px);pointer-events:none;box-shadow:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#2c425159 transparent;background:0 0;border-radius:0;margin:0;padding:80px 0 120px;transition:opacity 1s ease-in-out,filter 1s ease-in-out;display:inline-block;position:absolute;overflow:hidden auto}.step.active{opacity:1;filter:blur();pointer-events:auto}.step::-webkit-scrollbar{width:6px}.step::-webkit-scrollbar-thumb{background:#2c425159;border-radius:3px}.step::-webkit-scrollbar-track{background:0 0}.container{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 40px}.page h1{text-transform:uppercase;color:var(--color-dark);letter-spacing:.5px;margin-top:20px;padding:10px 0 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:50px;font-weight:800}.page h2{text-transform:uppercase;color:var(--color-dark);margin-bottom:15px;font-family:Plus Jakarta Sans,sans-serif;font-size:36px;font-weight:700}.content_row{flex-direction:row;justify-content:space-between;align-items:center;gap:40px;width:100%;padding:30px 0;font-size:22px;line-height:1.6;display:flex}.blackrow{background:0 0;flex-direction:row-reverse}.textside{min-width:300px;color:var(--color-dark);flex:1}.pictureside{flex:1;justify-content:center;align-items:center;min-width:300px;display:flex;position:relative}.pictureside:after{content:"";mix-blend-mode:multiply;opacity:.85;pointer-events:none;z-index:2;background-image:url(/images/paper.png);background-repeat:repeat;width:100%;height:100%;position:absolute;top:0;left:0}.rowdecoration{opacity:.85;width:auto;max-width:340px;height:auto;max-height:340px;box-shadow:none;z-index:1;margin:auto;transition:transform .4s,opacity .4s;display:block;position:relative}.rowdecoration:hover{opacity:1}.cont{justify-content:center;align-items:center;padding:40px 0;display:flex}.contact{flex-wrap:wrap;justify-content:center;gap:30px;margin:0;padding:0;display:flex}.contact li{background-color:var(--color-dark);color:var(--color-light);text-align:center;width:280px;box-shadow:none;border-radius:12px;padding:30px 20px;list-style-type:none;transition:transform .3s}.contact li:hover{transform:translateY(-4px)}.contact p{text-align:center;margin:8px 0;line-height:1.4}.contact i{color:var(--color-accent);margin-bottom:12px}.content h2{margin-top:25px;font-size:24px}.content h3{margin-top:20px;font-size:20px}.content p{color:#2c4251;margin-bottom:15px;font-size:17px;line-height:1.6}.menu-backdrop{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#00000040;width:100vw;height:100vh;position:fixed;top:0;left:0}#impress-toolbar{z-index:1000;background:var(--color-dark);width:100vw;position:fixed;top:0;left:0;box-shadow:0 2px 10px #00000026}.top-nav{flex-direction:row;justify-content:space-between;align-items:center;max-width:1400px;height:60px;margin:0 auto;padding:0 40px;display:flex}.brand-title{color:var(--color-light);letter-spacing:.5px;font-size:20px;font-weight:700;text-decoration:none}.brand-title span{color:var(--color-accent)}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:22px;transition:background .2s;display:none}.mobile-menu-btn:hover{background:#ffffff1a}.menu{flex-direction:row;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.menu li a{color:#fdfffcd9;background:0 0;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s}.menu li a:hover,.menu li a.active{color:#fff;background:#ffffff26}.admin-link{color:var(--color-accent)!important}@media screen and (width<=768px){.mobile-menu-btn{display:block}.menu{background:var(--color-dark);border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;width:100vw;padding:15px 20px;display:none;position:absolute;top:60px;left:0;box-shadow:0 10px 20px #0003}.menu.open{display:flex}.menu li{width:100%}.menu li a{width:100%;padding:12px 16px;font-size:17px;display:block}.step{width:100vw!important;height:100vh!important;padding:95px 15px 100px!important}.container{width:100%!important;max-width:100%!important;padding:0 10px!important}.page h1{margin-top:5px!important;padding-bottom:10px!important;font-size:32px!important}.page h2{font-size:24px!important}.content_row{flex-direction:column!important;gap:20px!important;padding:15px 0!important}.textside,.pictureside{width:100%!important;min-width:0!important}}.timeline_container{width:100%;margin-top:30px}.timeline_intro{margin-bottom:40px;font-size:20px;line-height:1.6}.timeline_list{border-left:4px solid var(--color-accent);margin-left:20px;padding-left:45px;position:relative}.timeline_item{margin-bottom:40px;position:relative}.timeline_item:last-child{margin-bottom:0}.timeline_dot{background-color:var(--color-accent);border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-54px;box-shadow:0 0 8px #00baf066}.timeline_content{color:var(--color-dark)}.timeline_content h3{text-transform:uppercase;margin:0 0 6px;font-size:24px;font-weight:600}.timeline_content h4{color:#7f8c8d;margin:0 0 10px;font-size:18px;font-style:italic;font-weight:500}.timeline_content p{margin:0;font-size:20px;line-height:1.6}.bento_container{width:100%;margin-top:20px}.bento_intro{margin-bottom:35px}.bento_intro p{max-width:800px;margin:0;font-size:20px;line-height:1.6}.bento_grid{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;display:grid}.bento_card{border:3px solid var(--color-dark);box-shadow:6px 6px 0px var(--color-dark);background-color:var(--color-light);color:var(--color-dark);border-radius:16px;flex-direction:column;justify-content:space-between;padding:30px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:relative;overflow:hidden}.bento_card.bento_card_dark{background-color:var(--color-dark);color:var(--color-light);box-shadow:6px 6px #000}.bento_card:hover{box-shadow:10px 10px 0px var(--color-dark);transform:translate(-4px,-4px)!important}.bento_card.bento_card_dark:hover{box-shadow:10px 10px #000}.bento_card_content{text-align:left;flex-direction:column;gap:15px;display:flex}.bento_card h3{margin:0;font-size:24px;font-weight:700;line-height:1.2}.bento_card p{opacity:.9;margin:0;font-size:16px;line-height:1.5}.bento_card_image_wrapper{justify-content:center;align-items:center;height:140px;margin-top:20px;display:flex}.bento_card_image{object-fit:contain;opacity:.9;max-width:100%;max-height:100%;transition:transform .4s}.bento_card:hover .bento_card_image{transform:scale(1.05)}.bento_span_4{grid-column:span 4}.bento_span_6{grid-column:span 6}.bento_span_8{grid-column:span 8}.bento_span_12{grid-column:span 12}@media (width<=900px){.bento_grid{gap:20px}.bento_span_4,.bento_span_6,.bento_span_8,.bento_span_12{grid-column:span 12}.bento_card{padding:20px}.bento_card_image_wrapper{height:120px}}.poster-bg-text{text-transform:uppercase;color:#0000;-webkit-text-stroke:1.5px #d6000014;pointer-events:none;z-index:-1;-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:-2px;font-family:Plus Jakarta Sans,sans-serif;font-size:200px;font-weight:800;line-height:1;position:absolute;top:10%;left:2%}@media (width<=768px){.poster-bg-text{font-size:100px;top:5%;left:2%}}.chatwrap{flex-direction:column;width:100%;max-width:860px;height:calc(100vh - 120px);margin:0 auto;display:flex}.chat{flex-direction:column;width:100%;height:100%;display:flex}.chat-container-welcome{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#2c425140 transparent;scroll-behavior:smooth;width:100%;height:100%;padding:24px 20px 60px;overflow:hidden auto}.chat-container-welcome::-webkit-scrollbar{width:6px}.chat-container-welcome::-webkit-scrollbar-thumb{background:#2c425140;border-radius:3px}.chat-message-list{flex-direction:column;gap:18px;margin:0;padding:10px 0;list-style:none;display:flex}@keyframes bubbleEntranceLeft{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bubbleEntranceRight{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes avatarPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes avatarPulse{0%,to{box-shadow:0 0 #00baf073}50%{box-shadow:0 0 0 7px #00baf000}}.message-bubble-wrapper{transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.message-left{justify-content:flex-start;animation:.45s cubic-bezier(.16,1,.3,1) forwards bubbleEntranceLeft}.message-right{justify-content:flex-end;animation:.45s cubic-bezier(.16,1,.3,1) forwards bubbleEntranceRight}.message-content{align-items:flex-end;gap:12px;max-width:85%;display:flex}.message-right .message-content{flex-direction:row-reverse}.profpic{object-fit:cover;object-position:center 15%;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:44px;height:44px;animation:.4s cubic-bezier(.16,1,.3,1) forwards avatarPop;box-shadow:0 3px 10px #2c425126}.typing-avatar{animation:1.8s ease-in-out infinite avatarPulse}.message-bubble{will-change:transform, width, height, padding;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 14px #2c425114}.message-left .message-bubble{color:#fff;transform-origin:0 100%;background:#2c4251}.message-right .message-bubble{color:#2c4251;transform-origin:100% 100%;background:#e4e9ed}.is-typing-state .message-bubble{border-radius:24px;justify-content:center;align-items:center;width:76px;height:48px;padding:12px 18px;display:flex}.is-text-state .message-bubble{border-radius:22px;padding:14px 22px;font-size:19px;line-height:1.5}.message-left.is-text-state .message-bubble{border-bottom-left-radius:4px;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards expandFromLeft}.message-right.is-text-state .message-bubble{border-bottom-right-radius:4px;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards expandFromRight}@keyframes expandFromLeft{0%{opacity:.8;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes expandFromRight{0%{opacity:.8;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.message-bubble:hover{transform:translateY(-2px);box-shadow:0 8px 22px #2c425124}.typing-indicator-inner{align-items:center;gap:6px;height:24px;display:flex}.typing-dot{background:#00baf0;border-radius:50%;width:9px;height:9px;animation:1.3s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.35;transform:scale(.4)}40%{opacity:1;transform:scale(1.2)}}.message-text-inner{animation:.45s cubic-bezier(.16,1,.3,1) 50ms both textRevealExpand}@keyframes textRevealExpand{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.message-text-inner a{color:inherit;font-weight:700;text-decoration:underline;transition:color .2s,opacity .2s;background:0 0!important}.message-text-inner a:hover{color:var(--color-accent);opacity:.9}@media screen and (width<=600px){.chatwrap{height:calc(100vh - 210px)}.message-content{max-width:95%}.is-text-state .message-bubble{padding:11px 16px;font-size:16px}.profpic{width:36px;height:36px}}
