@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Open+Sans:wght@400;600;700;800&family=Viga&display=swap";@media (min-width: 992px){html[data-placement=vertical] .nav-container .nav-content .menu-container .menu li a{margin-bottom:.05rem!important;margin-top:.05rem!important;padding:.5rem 1rem!important}html[data-placement=horizontal] .nav-container .menu-container .menu>li{margin-left:.25rem!important;margin-right:.25rem!important}html[data-placement=horizontal] .nav-container .menu-container .menu>li>a{padding:0 .75rem!important}html[data-placement=horizontal] .nav-container,html[data-placement=horizontal] .nav-container .nav-content{overflow:visible!important}@media (max-width: 1399.98px){html[data-placement=horizontal] .nav-container .menu-container .menu>li{margin-left:.15rem!important;margin-right:.15rem!important}}@media (max-width: 1199.98px){html[data-placement=horizontal] .nav-container .menu-container .menu>li{margin-left:.1rem!important;margin-right:.1rem!important}html[data-placement=horizontal] .nav-container .menu-container .menu>li>a{padding:0 .5rem!important}}}@media (max-width: 991.98px){html[data-footer=true] body{padding-bottom:0!important}html[data-footer=true] #root>footer{position:relative!important;bottom:auto!important;height:auto!important;min-height:var(--footer-size);padding-left:var(--main-spacing-horizontal)!important;padding-right:var(--main-spacing-horizontal)!important}}html[data-placement=horizontal][data-menu-position=bottom] .nav-container:not(.mobile-side-ready){top:auto;bottom:0;border-top-right-radius:var(--border-radius-lg);border-top-left-radius:var(--border-radius-lg);border-bottom-right-radius:0;border-bottom-left-radius:0}html[data-placement=horizontal][data-menu-position=bottom] .nav-container:not(.mobile-side-ready) .nav-shadow{border-top-right-radius:var(--border-radius-lg);border-top-left-radius:var(--border-radius-lg);border-bottom-right-radius:0;border-bottom-left-radius:0}html[data-placement=horizontal][data-menu-position=bottom][data-dimension=mobile] .nav-container.mobile-top-out{transition-property:bottom;top:auto;bottom:-100px}html[data-placement=horizontal][data-menu-position=bottom][data-dimension=mobile] .nav-container.mobile-top-ready{top:auto;bottom:-100px}html[data-placement=horizontal][data-menu-position=bottom][data-dimension=mobile] .nav-container.mobile-top-in{transition-property:bottom;top:auto;bottom:0}html[data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) .nav-container .menu-container .menu>li>a,html[data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) .nav-container .user-container .user,html[data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) .nav-container .language-switch-container .language-button,html[data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) .nav-container .menu-icons li>a{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}html[data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) .nav-container .menu-container .menu>li>ul{margin-top:initial!important;margin-bottom:.5rem!important}html[data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) .nav-container .menu-icons .dropdown-menu,html[data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) .nav-container .user-container .dropdown-menu,html[data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) .nav-container .language-switch-container .dropdown-menu{margin-top:initial!important;margin-bottom:10px!important}html[data-placement=horizontal][data-menu-position=bottom]:not([data-mobile="true"]) .nav-container .menu .mega>ul.show{top:auto!important;bottom:var(--nav-size-slim)!important;margin-top:initial!important;margin-bottom:.5rem!important}html[data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) main{padding-top:var(--main-spacing-vertical);padding-bottom:calc(var(--nav-size-slim) + calc(var(--main-spacing-horizontal) / 2))}html[data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) section.scroll-section{scroll-margin-top:var(--main-spacing-vertical);scroll-margin-bottom:calc(var(--nav-size-slim) + calc(var(--main-spacing-horizontal) / 2))}html[data-footer=true][data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) body{padding-bottom:calc(var(--footer-size) + var(--nav-size-slim))}html[data-footer=true][data-placement=horizontal][data-menu-position=bottom]:not([data-dimension="mobile"]) #root>footer{bottom:var(--nav-size-slim)}html[data-placement=horizontal][data-menu-position=bottom][data-dimension=mobile] main{padding-top:var(--main-spacing-vertical);padding-bottom:calc(var(--nav-size-slim) + var(--main-spacing-horizontal))}html[data-footer=true][data-placement=horizontal][data-menu-position=bottom][data-dimension=mobile] body{padding-bottom:var(--nav-size-slim)!important}#settings .figure.left{width:12%;margin-right:4%}#settings .figure.left.large{width:22%}#settings .figure.right{width:80%}#settings .figure.right.small{width:68%}.settings-button{box-shadow:-3px 0 6px #00000040!important}:root{--color1: #1c2652;--color2: #28387e;--color3: #1c3ed2;--color-maroon: #800000;--color-orange: #f49638;--color-navy: #253b7b;--color-white: #ffffff;--color-black: #000000;--gradient-mobile-header: linear-gradient(135deg, #800000 0%, #1c2652 100%);--gradient-purple-blue: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-purple-blue-reverse: linear-gradient( 135deg, #764ba2 0%, #667eea 100% );--gradient-maroon-navy: linear-gradient( 135deg, var(--color1) 0%, var(--color-navy) 100% );--gradient-primary: linear-gradient( 135deg, var(--color2) 0%, var(--color1) 100% );--board-cyan: #00c8e0;--board-cyan-dark: #00a8c6}body{font-family:Open Sans,sans-serif}html{scroll-behavior:smooth}#toTopButton{display:none;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:none;background-color:var(--color3);color:var(--color-white);cursor:pointer;padding-left:10px;padding-right:10px;border-radius:5px;font-size:30px;box-shadow:#000 0 4px 8px}#toTopButton:hover{background-color:var(--color1)}#toTopButton i{display:inline-block;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.top-bar{font-size:.9rem;color:var(--color1);font-weight:600;margin-top:20px;margin-bottom:20px}.top-bar .container{display:-ms-grid;display:grid;-ms-grid-columns:1% 12% 1% 25% 1% 16% 1% 25% 10%;grid-template-columns:1% 12% 1% 25% 1% 16% 1% 25% 10%;grid-auto-flow:column;place-items:center left;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top-bar a{text-decoration:none;color:#1c2652}.top-bar a:hover{color:var(--color-maroon)}.top-bar .icon{font-size:20px}.top-bar .tooltip-css{position:relative;display:inline-block}.top-bar .tooltip-css .tooltiptext{visibility:hidden;width:200px;background:var(--color-maroon);color:#000;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:150%;left:50%;margin-left:-100px;font-size:10px;font-family:Open Sans,sans-serif}.top-bar .tooltip-css .tooltiptext:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent var(--color-maroon) transparent}.navbar-home{background:linear-gradient(90deg,var(--color1) 0%,var(--color2) 75%,var(--color3) 100%);transition:all .3s ease;box-shadow:0 4px 7px #0000001a}.navbar-home .navbar-brand img{width:50px;height:50px;margin-top:-5px}.navbar-home .navbar-brand span{font-family:Viga,sans-serif;font-size:1.5rem;margin-left:.3em}.navbar-home .navbar-nav .nav-item .dropdown-menu .dropdown-item{text-transform:uppercase}.navbar-home .navbar-nav .nav-item .dropdown-menu .active{background-color:var(--color-orange);color:var(--color-black);font-weight:700}.navbar-home .navbar-nav .nav-item .nav-link{text-transform:uppercase;color:#fff}.navbar-home .navbar-nav .nav-item .nav-link.active,.navbar-home .navbar-nav .nav-item .nav-link[aria-expanded=true]{color:var(--color-orange);font-weight:700;animation:navbarActivePulse 2s ease-in-out infinite;display:inline-block}@keyframes navbarActivePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.navbar-home .navbar-nav .nav-item a:hover{color:var(--color-white)}.navbar-home .navbar-nav .nav-item .nav-link:hover,.navbar-home .navbar-nav .nav-item .nav-link:focus,.navbar-home .navbar-nav .nav-item.show>.nav-link{color:var(--color-orange)}.navbar-home .dropdown-menu .dropdown-item:hover,.navbar-home .dropdown-menu .dropdown-item:focus,.navbar-home .dropdown-menu .dropdown-item:active{background-color:var(--color-maroon);font-weight:700;color:#fff}.navbar-home .login-button{color:#2b1606;border-radius:999px;border:1px solid rgba(255,255,255,.35);padding:.5rem 1.05rem;background:linear-gradient(135deg,var(--color-orange) 0%,#ffb457 48%,#ff8f1f 100%);box-shadow:0 8px 18px #f4963847;position:relative;overflow:hidden;font-weight:700;font-size:.9rem;letter-spacing:.03em;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}@media only screen and (max-width: 991.98px){.navbar-home{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}body:has(.navbar-home){padding-top:70px}}@media only screen and (min-width: 992px){.navbar-home{position:sticky;top:0;z-index:1000}.navbar-home .dropdown:hover .dropdown-menu{display:block;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.navbar-home .dropdown-menu{display:block;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;pointer-events:none;margin-top:0}.navbar-home .dropdown-menu .dropdown-submenu{position:relative}.navbar-home .dropdown-menu .dropdown-submenu .dropdown-menu{top:0;left:100%;margin-top:-1px;margin-left:.125rem}.navbar-home .dropdown-submenu:hover>.dropdown-menu{display:block;opacity:1;visibility:visible;transform:translate(0)}}@media only screen and (max-width: 991.98px){.navbar-home .dropdown-menu{transition:none}}.button{border-radius:0 10px;border:0;background-color:#1c2652;padding-left:1.5em;padding-right:1.5em;font-size:16px}.button:hover{background-color:var(--color-maroon)}.jumbotron{background:linear-gradient(135deg,var(--color1) 0%,var(--color2) 25%,var(--color3) 50%,var(--color-maroon) 75%,var(--color-orange) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden;border-radius:0!important}.jumbotron .jumbotron-overlay{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite;z-index:0}.jumbotron .jumbotron-line{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-orange),var(--color-maroon),var(--color1),var(--color3));background-size:200% 100%;animation:shimmer 3s linear infinite;z-index:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.jumbotron .container-fluid{position:relative;z-index:1;text-align:center}.jumbotron h3{color:var(--color-white);font-weight:600;animation:fadeInDown .8s ease-out;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:1px;position:relative;display:inline-block;text-align:center;width:100%}.jumbotron h3 .word{display:inline-block;white-space:nowrap}.jumbotron h3 .word span{display:inline-block;animation:charWave 3s ease-in-out infinite}@keyframes charWave{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.2) translateY(-3px)}}.jumbotron h3:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-orange),var(--color-white));animation:expandLine 1s ease-out .5s forwards}@keyframes expandLine{to{width:100%}}.jumbotron h1{font-family:Fredoka One,cursive;color:var(--color-white);animation:bounceIn 1s ease-out;text-shadow:2px 2px 6px rgba(0,0,0,.4);position:relative;letter-spacing:2px;margin:20px 0;display:block;text-align:center;word-break:keep-all;overflow-wrap:normal;white-space:normal}.jumbotron h1 .word{display:inline-block;white-space:nowrap}.jumbotron h1 .word span{display:inline-block;animation:charWave 4s ease-in-out infinite}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}.jumbotron h1:before{content:"\2728";position:absolute;left:-40px;top:50%;transform:translateY(-50%);animation:sparkle 2s ease-in-out infinite;font-size:.5em}.jumbotron h1:after{content:"\2728";position:absolute;right:-40px;top:50%;transform:translateY(-50%);animation:sparkle 2s ease-in-out infinite .5s;font-size:.5em}@keyframes sparkle{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.5)}}.jumbotron p{color:var(--color-white);font-size:1.2em;font-weight:500;animation:fadeInUp 1s ease-out .5s backwards;text-shadow:1px 1px 3px rgba(0,0,0,.3);line-height:1.8;position:relative;background:rgba(0,0,0,.2);padding:15px 25px;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:inline-block;margin-top:20px}@keyframes swing{0%,to{transform:translateY(-50%) rotate(0)}25%{transform:translateY(-50%) rotate(-10deg)}75%{transform:translateY(-50%) rotate(10deg)}}.jumbotron:before{content:"\1f31f";position:absolute;top:20%;left:10%;font-size:2em;animation:floatAround 8s ease-in-out infinite;opacity:.6;z-index:1}.jumbotron:after{content:"\2b50";position:absolute;bottom:20%;right:10%;font-size:2em;animation:floatAround 8s ease-in-out infinite 2s;opacity:.6;z-index:1}@keyframes floatAround{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(90deg)}50%{transform:translateY(-40px) rotate(180deg)}75%{transform:translate(-20px,-20px) rotate(270deg)}}@media screen and (max-width: 992px){.jumbotron h1:before{left:-30px;font-size:.4em}.jumbotron h1:after{right:-30px;font-size:.4em}.jumbotron p:before{display:none}.jumbotron:before,.jumbotron:after{font-size:1.5em}.jumbotron .jumbotron-overlay{animation:rotate 10s linear infinite;width:120%;height:120%;top:-10%;left:-10%}.jumbotron h3{font-size:1.2rem;word-wrap:break-word;word-break:keep-all;overflow-wrap:break-word;hyphens:none;white-space:normal;line-height:1.5}.jumbotron h1{font-size:2rem;word-wrap:break-word;word-break:keep-all;overflow-wrap:break-word;hyphens:none;white-space:normal;line-height:1.4}.jumbotron h1 span,.jumbotron h3 span{word-break:keep-all;white-space:normal}.jumbotron p{font-size:1em;padding:10px 15px;word-wrap:break-word;overflow-wrap:break-word}}.jumbotron .wave-text{display:inline-block;animation:wave 2s ease-in-out infinite}.jumbotron .wave-text:nth-child(1){animation-delay:0s}.jumbotron .wave-text:nth-child(2){animation-delay:.1s}.jumbotron .wave-text:nth-child(3){animation-delay:.2s}.jumbotron .wave-text:nth-child(4){animation-delay:.3s}.jumbotron .wave-text:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.jumbotron .particle{position:absolute;width:4px;height:4px;background:var(--color-white);border-radius:50%;opacity:0;animation:particleFloat 5s ease-in-out infinite}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translate(50px)}}.panel-siswa h3{font-family:Fredoka One,cursive}.panel-siswa h5{font-family:Fredoka One,cursive;color:var(--color1)}.panel-siswa .figure-siswa{width:170px}.panel-siswa .figure-siswa .figure-caption h3{font-weight:700;font-style:normal;color:var(--color-maroon)}.panel-siswa .figure-siswa .figure-caption p{font-size:1.5em;font-style:normal;color:var(--color-black);margin-top:-25px}.panel-harian h3{font-family:Fredoka One,cursive}.panel-harian h5{font-weight:800;color:var(--color-maroon)}.footer{background:linear-gradient(180deg,var(--color1) 0%,var(--color2) 75%,var(--color3) 100%);min-height:550px;color:var(--color-white);padding-bottom:30px}.footer h4{font-weight:700}.footer a{text-decoration:none;color:var(--color-white)}.footer a:hover{color:var(--color-orange)}.footer .footer-1 span{font-family:Viga,sans-serif}@media only screen and (min-width: 992px){.footer .footer-2 .dropdown:hover .dropdown-menu{display:block}.footer .footer-2 .dropdown:hover .dropdown-menu .dropdown-item:hover{background-color:var(--color-maroon);font-weight:700;color:var(--color-white)}}.footer-2 ul{margin-top:-15px}.footer-2 ul>li{margin-left:-15px}.footer .footer-2 .active{color:var(--color-orange)}.footer .footer-2 .dropdown .dropdown-menu .active{background-color:var(--color-orange);color:var(--color-black)}.footer .footer-2 .dropdown .dropdown-item{color:var(--color-black)}.footer .footer-3 span,.footer .footer-4 span{font-weight:700}.footer .copyright{margin-top:50px;font-size:14px}.footer .copyright i{color:var(--color-maroon)}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ripple{0%{width:0;height:0;opacity:.8}to{width:120%;height:120%;opacity:0}}@keyframes shimmerText{0%{background-position:-100%}to{background-position:200%}}.register-layout .price{font-weight:700}@media screen and (max-width: 1199px){.top-bar{margin-top:10px;margin-bottom:10px}.top-bar .description{display:none}.top-bar .container{display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;grid-auto-flow:column;place-items:center left;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top-bar .tooltip-css:hover .tooltiptext{visibility:visible}}@media screen and (max-width: 992px){body{overflow-x:clip}.container{max-width:100%;padding-left:15px;padding-right:15px;overflow-x:hidden}.row{margin-left:0;margin-right:0}.top-bar{display:none}.jumbotron{text-align:center}.jumbotron br{display:none}.footer{min-height:1300px;padding-bottom:50px}.footer .copyright{margin-top:30px;padding-bottom:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.panel-siswa .row{justify-content:center!important}.panel-siswa .col-md-6{display:flex!important;justify-content:center!important;align-items:center!important;margin-bottom:30px}.panel-siswa .figure-siswa{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin:0 auto!important;width:170px!important}.panel-siswa .figure-siswa img{display:block!important;margin:0 auto!important;width:170px!important;height:250px!important;object-fit:cover!important;object-position:center!important;border-radius:10px!important}.panel-siswa .figure-siswa .figure-caption{text-align:center!important;width:100%!important}}@media screen and (max-width: 576px){html,body{overflow-x:clip!important;max-width:100vw!important;width:100%!important;margin:0!important}body>.container{padding-left:10px!important;padding-right:10px!important;max-width:100vw!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important;box-sizing:border-box!important}}@media screen and (max-width: 400px){body>.container{padding-left:8px!important;padding-right:8px!important;max-width:100%!important;width:100%!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}.panel-siswa h3,.panel-siswa h5{animation:fadeInDown .8s ease-out}.panel-siswa .figure-siswa{animation:scaleIn .8s ease-out;transition:all .3s ease}.panel-siswa .figure-siswa:hover{transform:translateY(-10px) scale(1.05);filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.panel-siswa .figure-siswa img{transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.panel-siswa .figure-siswa:hover img{transform:rotate(5deg) scale(1.1);filter:brightness(1.1)}.panel-siswa .figure-siswa .figure-caption h3{transition:all .3s ease}.panel-siswa .figure-siswa:hover .figure-caption h3{color:#1c2652;transform:scale(1.15)}.panel-siswa .figure-siswa .figure-caption p{transition:all .3s ease}.panel-siswa .figure-siswa:hover .figure-caption p{color:maroon;font-weight:600}.panel-harian h3{animation:fadeInDown .8s ease-out}.panel-harian .card{animation:fadeInUp .8s ease-out;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.panel-harian .card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.panel-harian .card:hover:before{left:100%}.panel-harian .card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 20px 40px #0003}.panel-harian .card-img-top{transition:all .5s ease}.panel-harian .card:hover .card-img-top{transform:scale(1.1);filter:brightness(1.1) saturate(1.2)}.panel-harian .card-body{transition:all .3s ease}.panel-harian .card:hover .card-body{background:linear-gradient(135deg,rgba(28,38,82,.05) 0%,rgba(128,0,0,.05) 100%)}.panel-harian .card-title{transition:all .3s ease}.panel-harian .card:hover .card-title{color:maroon;transform:translate(5px)}.panel-harian .col-lg-4:nth-child(1) .card{animation-delay:.1s}.panel-harian .col-lg-4:nth-child(2) .card{animation-delay:.2s}.panel-harian .col-lg-4:nth-child(3) .card{animation-delay:.3s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.button{transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button:hover:before{width:300px;height:300px}.button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #0000004d}.button:active{transform:translateY(-1px) scale(.98)}.navbar-home .login-button{transition:all .3s ease;position:relative;overflow:hidden;color:#2b1606!important;background:linear-gradient(135deg,var(--color-orange) 0%,#ffb457 48%,#ff8f1f 100%)!important;border-color:#ffffff59!important;text-shadow:0 1px 0 rgba(255,255,255,.18),0 1px 1px rgba(92,46,0,.18);box-shadow:inset 0 1px #ffffff47,0 8px 18px #f4963847}.navbar-home .login-button:before{content:"";position:absolute;top:-30%;left:-140%;width:20%;height:150%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.82),transparent);transform:rotate(18deg);animation:navbarButtonShimmer 2.8s linear infinite}@keyframes navbarButtonShimmer{0%{left:-140%}to{left:155%}}.navbar-home .login-button:hover{transform:translateY(-1px) scale(1.02);box-shadow:inset 0 1px #ffffff52,0 10px 20px #f496385c;background:linear-gradient(135deg,#ffb84f 0%,var(--color-orange) 52%,#ff7f11 100%)!important;color:var(--color-white)!important;border-color:#ffffff73!important;text-shadow:0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(92,46,0,.22)}.navbar-home .login-button:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 4px #5c2e0059,0 2px 6px #f496382e;background:linear-gradient(135deg,#d97f2a 0%,#e08a3c 50%,#d97f2a 100%)!important;color:#2b1606!important;transition:transform .08s ease,box-shadow .08s ease,background .08s ease}.navbar-home .login-button:active:before{animation-play-state:paused;opacity:0}.navbar-home .navbar-toggler,.menu-button{transition:all .3s ease;position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f0f0f0 50%,#ffffff 100%)!important;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #0000002e}.navbar-home .navbar-toggler{border-radius:999px;border:1px solid rgba(255,255,255,.6);padding:.4rem .9rem}.navbar-home .navbar-toggler:focus{box-shadow:inset 0 1px #ffffffe6,0 8px 18px #0000002e}.navbar-home .navbar-toggler span,.navbar-home .navbar-toggler i,.menu-button span,.menu-button i{color:var(--color2)!important;text-shadow:0 1px 0 rgba(255,255,255,.6)}.navbar-home .navbar-toggler:before,.menu-button:before{content:"";position:absolute;top:-30%;left:-140%;width:20%;height:150%;background:linear-gradient(115deg,transparent,rgba(255,255,255,1),transparent);transform:rotate(18deg);animation:navbarButtonShimmer 2.8s linear infinite}.navbar-home .navbar-toggler:hover,.menu-button:hover{transform:translateY(-1px) scale(1.02);box-shadow:inset 0 1px #fff,0 10px 20px #0000003d;background:linear-gradient(135deg,#ffffff 0%,#e8e8e8 50%,#ffffff 100%)!important}.navbar-home .navbar-toggler:active,.menu-button:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 4px #00000040,0 2px 6px #0000001f;background:linear-gradient(135deg,#e2e2e2 0%,#d5d5d5 50%,#e2e2e2 100%)!important;transition:transform .08s ease,box-shadow .08s ease,background .08s ease}.navbar-home .navbar-toggler:active:before,.menu-button:active:before{animation-play-state:paused;opacity:0}.settings-button{transition:transform .2s ease,box-shadow .2s ease}.settings-button:active{transform:scale(.88);box-shadow:inset 0 3px 8px #0006!important;transition:transform .08s ease,box-shadow .08s ease}.top-bar .icon{transition:all .3s ease}.top-bar a:hover .icon{transform:scale(1.2) rotate(5deg)}.footer a{transition:all .3s ease;position:relative}.footer a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#f49638;transition:width .3s ease}.footer a:hover:after{width:100%}.footer a:hover{transform:translate(5px)}.navbar-home .dropdown-menu{animation:fadeInDown .3s ease-out}.navbar-home .dropdown-menu .dropdown-item{transition:all .3s ease;position:relative;overflow:hidden}.navbar-home .dropdown-menu .dropdown-item:before{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(128,0,0,.2),transparent);transition:left .5s}.navbar-home .dropdown-menu .dropdown-item:hover:before{left:100%}.jumbotron{animation:fadeIn 1s ease-out;position:relative}.jumbotron:hover{animation-play-state:paused}.jumbotron:hover h1{transform:scale(1.05);transition:transform .3s ease}.jumbotron:hover p{transform:translateY(-5px);transition:transform .3s ease;background:rgba(0,0,0,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.jumbotron h1{animation:fadeInDown .8s ease-out}img{transition:all .3s ease}html{scroll-padding-top:80px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1c2652 0%,#800000 100%);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#800000 0%,#1c2652 100%)}@media screen and (max-width: 992px){.panel-siswa .figure-siswa:hover{transform:translateY(-5px) scale(1.02)}.panel-harian .card:hover{transform:translateY(-8px) scale(1.01)}}@media screen and (max-width: 576px){html,body{overflow-x:clip!important;width:100%;position:relative}.panel-siswa{width:100%!important;padding:0 10px!important}.panel-siswa .row{margin:0!important;justify-content:center!important}.panel-siswa .col-md-6{padding:0 10px!important;display:flex!important;justify-content:center!important;margin-bottom:20px!important}.panel-siswa .figure-siswa{width:170px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:0 auto!important}.panel-siswa .figure-siswa img{max-width:170px!important;max-height:250px!important;width:170px!important;height:250px!important;display:block!important;margin:0 auto!important}.panel-siswa .figure-siswa .figure-caption{text-align:center!important;width:100%!important}.panel-siswa .figure-siswa .figure-caption h3{font-size:1.5rem!important;margin-bottom:5px!important}.panel-siswa .figure-siswa .figure-caption p{font-size:1.2rem!important;margin-top:-15px!important}.panel-harian .card{margin-bottom:20px}.footer{min-height:auto!important;height:auto!important;padding:30px 15px 20px}.footer [class*=footer-]{margin-bottom:30px}}.spmb{--spmb-primary: #1c2652;--spmb-primary-rgb: 28, 38, 82;--spmb-secondary: #28387e;--spmb-secondary-rgb: 40, 56, 126;--spmb-accent: #f49638;--spmb-accent-rgb: 244, 150, 56;--spmb-accent-dark: #e2761b;--spmb-hero-mid: #1f2c66;--spmb-solid-hover: #eef2ff;--spmb-soft: #f5f7fb;--spmb-ink: #241f26;--spmb-muted: #6d6873;--spmb-surface: #ffffff;--spmb-line: rgba(var(--spmb-secondary-rgb), .12);--spmb-line-soft: rgba(var(--spmb-secondary-rgb), .08);--spmb-radius: 18px;--spmb-radius-lg: 24px;--spmb-shadow-sm: 0 4px 14px rgba(var(--spmb-secondary-rgb), .06);--spmb-shadow: 0 12px 32px rgba(var(--spmb-secondary-rgb), .09);--spmb-shadow-lg: 0 22px 55px rgba(var(--spmb-secondary-rgb), .16);color:var(--spmb-ink);padding-bottom:clamp(2.5rem,7vw,5rem);padding-top:clamp(1.75rem,4vw,2.5rem);overflow-x:clip}.spmb *,.spmb *:before,.spmb *:after{box-sizing:border-box}.spmb-section{margin-top:clamp(2.25rem,6vw,4rem)}.spmb-head{display:flex;align-items:center;gap:.9rem;margin-bottom:clamp(1rem,3vw,1.5rem)}.spmb-head__icon{flex:none;width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);display:grid;place-items:center;border-radius:14px;color:#fff;font-size:clamp(1rem,3vw,1.25rem);background:linear-gradient(135deg,var(--spmb-primary) 0%,var(--spmb-secondary) 100%);box-shadow:0 8px 20px rgba(var(--spmb-primary-rgb),.25)}.spmb-head__title{font-family:Fredoka One,cursive;font-size:clamp(1.15rem,3.6vw,1.65rem);line-height:1.25;color:var(--spmb-primary);margin:0}.spmb-head__sub{margin:.15rem 0 0;font-size:clamp(.8rem,2.4vw,.9rem);color:var(--spmb-muted)}.spmb-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--spmb-radius-lg);padding:clamp(1.75rem,5.5vw,3.5rem) clamp(1.25rem,4.5vw,3rem);color:#fff;background:linear-gradient(135deg,var(--spmb-primary) 0%,var(--spmb-hero-mid) 48%,var(--spmb-secondary) 100%);box-shadow:var(--spmb-shadow-lg);text-align:center}.spmb-hero:before{content:"";position:absolute;inset:-40% -20% auto auto;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(var(--spmb-accent-rgb),.35) 0%,rgba(var(--spmb-accent-rgb),0) 65%);z-index:-1;pointer-events:none}.spmb-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;opacity:.5;z-index:-1;pointer-events:none}.spmb-hero__badge{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .95rem;border-radius:999px;font-size:clamp(.72rem,2.2vw,.82rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}.spmb-hero__title{font-family:Fredoka One,cursive;font-size:clamp(1.6rem,6vw,3rem);line-height:1.15;margin:clamp(.75rem,2.5vw,1.1rem) 0 0;text-shadow:0 6px 24px rgba(0,0,0,.28)}.spmb-hero__lead{max-width:62ch;margin:clamp(.65rem,2.5vw,1rem) auto 0;font-size:clamp(.9rem,2.6vw,1.05rem);line-height:1.75;color:#ffffffdb}.spmb-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:clamp(1.25rem,4vw,1.85rem)}.spmb-hero__actions .spmb-btn{animation:spmbPulse 2s ease-in-out infinite}.spmb-hero__actions .spmb-btn:hover,.spmb-hero__actions .spmb-btn:focus-visible{animation:none;transform:scale(1.08)}.spmb-hero__more{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem;margin-top:clamp(1rem,3vw,1.4rem);padding:.55rem 1.35rem;border-radius:999px;font-size:clamp(.76rem,2.2vw,.84rem);font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;color:#ffffffe6;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);animation:spmbGlowPulse 2.6s ease-in-out infinite;transition:color .25s ease,background-color .25s ease,transform .25s ease}.spmb-hero__more:before{content:"";position:absolute;top:-30%;left:-140%;width:22%;height:160%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(18deg);animation:spmbShine 2.8s linear infinite;pointer-events:none}@keyframes spmbShine{0%{left:-140%}to{left:155%}}@keyframes spmbGlowPulse{0%,to{box-shadow:0 0 0 rgba(var(--spmb-accent-rgb),0),0 0 0 rgba(var(--spmb-accent-rgb),0)}50%{box-shadow:0 0 18px rgba(var(--spmb-accent-rgb),.5),0 0 34px rgba(var(--spmb-accent-rgb),.25)}}.spmb-hero__more:hover,.spmb-hero__more:focus-visible{color:var(--spmb-primary);background:#fff;border-color:#fff;text-decoration:none;transform:translateY(-2px)}.spmb-hero__more i{font-size:1rem;animation:spmbArrowBounce 1.8s ease-in-out infinite}.spmb-hero__more:hover i,.spmb-hero__more:focus-visible i{animation:none}@keyframes spmbArrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.spmb-hero__stats{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:clamp(1.5rem,4.5vw,2.25rem);text-align:left}@media (min-width: 576px){.spmb-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.spmb-stat{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}.spmb-stat__icon{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.18);font-size:1.05rem}.spmb-stat__label{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}.spmb-stat__value{display:block;font-weight:700;font-size:clamp(.9rem,2.6vw,1.02rem);line-height:1.3}.spmb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.6rem;border-radius:999px;border:1px solid transparent;font-size:clamp(.85rem,2.4vw,.95rem);font-weight:700;text-decoration:none;line-height:1.2;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}.spmb-btn:hover,.spmb-btn:focus-visible{transform:translateY(-2px);text-decoration:none}.spmb-btn--solid{color:var(--spmb-primary);background:#fff;box-shadow:0 10px 24px #00000038}.spmb-btn--solid:hover,.spmb-btn--solid:focus-visible{color:var(--spmb-primary);background:var(--spmb-solid-hover);box-shadow:0 14px 30px #00000047}.spmb-btn--ghost{color:#fff;border-color:#ffffff8c;background:rgba(255,255,255,.08)}.spmb-btn--ghost:hover,.spmb-btn--ghost:focus-visible{color:var(--spmb-primary);background:#fff;border-color:#fff}.spmb-btn--accent{color:#fff;background:linear-gradient(135deg,var(--spmb-accent) 0%,var(--spmb-accent-dark) 100%);box-shadow:0 12px 28px rgba(var(--spmb-accent-rgb),.4)}.spmb-btn--accent:hover,.spmb-btn--accent:focus-visible{color:#fff;box-shadow:0 16px 34px rgba(var(--spmb-accent-rgb),.5)}.spmb-btn--block{width:100%}.spmb-card{background:var(--spmb-surface);border:1px solid var(--spmb-line-soft);border-radius:var(--spmb-radius);box-shadow:var(--spmb-shadow);padding:clamp(1.1rem,3.5vw,1.75rem)}.spmb-intro{display:grid;grid-template-columns:1fr;gap:clamp(1rem,3vw,1.75rem);align-items:start}@media (min-width: 992px){.spmb-intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.spmb-brochure{border-radius:var(--spmb-radius);overflow:hidden;box-shadow:var(--spmb-shadow);background:var(--spmb-surface);border:1px solid var(--spmb-line-soft)}.spmb-brochure--wide{max-width:860px;margin-left:auto;margin-right:auto}.spmb-brochure .carousel-inner{display:grid;background:var(--spmb-soft)}.spmb-brochure .carousel-item{grid-area:1 / 1;display:block;float:none;width:100%;margin-right:0;align-self:center;pointer-events:none}.spmb-brochure .carousel-item.active{pointer-events:auto}.spmb-brochure .carousel-item img{display:block;width:100%;height:auto}.spmb-brochure .carousel-control-prev,.spmb-brochure .carousel-control-next{width:12%;opacity:.85}.spmb-brochure .carousel-control-prev-icon,.spmb-brochure .carousel-control-next-icon{width:2.25rem;height:2.25rem;padding:.6rem;border-radius:50%;background-color:rgba(var(--spmb-primary-rgb),.75);background-size:55% 55%}.spmb-brochure .carousel-indicators [data-bs-target]{width:9px;height:9px;border-radius:50%;border:0;background-color:#ffffffa6;box-shadow:0 1px 4px #00000059}.spmb-brochure .carousel-indicators .active{background-color:var(--spmb-accent)}.spmb-terms{position:relative;overflow:hidden;scroll-margin-top:90px;border-radius:var(--spmb-radius);padding:clamp(1.25rem,3.5vw,1.9rem);color:#ffffffe6;background:linear-gradient(160deg,var(--spmb-primary) 0%,var(--spmb-hero-mid) 55%,var(--spmb-secondary) 100%);box-shadow:var(--spmb-shadow)}.spmb-terms__title{font-family:Fredoka One,cursive;font-size:clamp(1rem,3vw,1.2rem);line-height:1.4;color:#fff;margin:0 0 1rem}.spmb-terms p{font-size:clamp(.86rem,2.4vw,.94rem);line-height:1.85;text-align:justify;margin-bottom:1rem}.spmb-terms p:last-child{margin-bottom:0}.spmb-terms__list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.55rem}.spmb-terms__list li{position:relative;padding-left:1.6rem;font-size:clamp(.86rem,2.4vw,.94rem);line-height:1.7}.spmb-terms__list li:before{content:"\2713";position:absolute;left:0;top:0;font-size:.9rem;font-weight:700;color:var(--spmb-accent)}.spmb-terms__note{border-radius:14px;padding:1rem 1.1rem;margin-bottom:1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}.spmb-terms__note-title{display:flex;align-items:center;gap:.45rem;font-weight:700;color:var(--spmb-accent);margin-bottom:.5rem;font-size:clamp(.85rem,2.4vw,.95rem)}.spmb-terms__contact{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .9rem;border-radius:999px;font-weight:700;text-decoration:none;color:#fff;background:rgba(37,211,102,.22);border:1px solid rgba(37,211,102,.55);transition:background-color .25s ease,transform .25s ease}.spmb-terms__contact:hover,.spmb-terms__contact:focus-visible{color:#fff;background:#25d366;transform:translateY(-1px);text-decoration:none}.spmb-list{display:grid;gap:.85rem}.spmb-row{display:grid;grid-template-columns:1fr;background:var(--spmb-surface);border:1px solid var(--spmb-line-soft);border-radius:16px;box-shadow:var(--spmb-shadow-sm);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.spmb-row:hover{transform:translateY(-3px);border-color:rgba(var(--spmb-primary-rgb),.22);box-shadow:var(--spmb-shadow)}.spmb-row__head{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;background:linear-gradient(135deg,rgba(var(--spmb-primary-rgb),.07) 0%,rgba(var(--spmb-secondary-rgb),.07) 100%);border-bottom:1px solid var(--spmb-line-soft)}.spmb-row__no{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;font-size:.82rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--spmb-primary) 0%,var(--spmb-secondary) 100%)}.spmb-row__title{font-weight:700;font-size:clamp(.88rem,2.5vw,.98rem);line-height:1.4}.spmb-row__cells{display:grid;grid-template-columns:1fr}.spmb-cell{padding:.8rem 1rem}.spmb-cell+.spmb-cell{border-top:1px dashed var(--spmb-line)}.spmb-cell__label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--spmb-primary);margin-bottom:.2rem}.spmb-cell__value{font-size:clamp(.85rem,2.4vw,.94rem);line-height:1.6;color:var(--spmb-ink)}.spmb-cell__value--muted{color:var(--spmb-muted)}.spmb-cell--wide{grid-column:1 / -1}@media (min-width: 576px){.spmb-row__cells--split{grid-template-columns:repeat(2,minmax(0,1fr))}.spmb-row__cells--split .spmb-cell+.spmb-cell{border-top:0;border-left:1px dashed var(--spmb-line)}}@media (min-width: 992px){.spmb-row{grid-template-columns:minmax(190px,1fr) minmax(0,2.15fr);align-items:stretch}.spmb-row__head{border-bottom:0;border-right:1px solid var(--spmb-line-soft)}}.spmb-fee{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;background:var(--spmb-surface);border:1px solid var(--spmb-line-soft);border-radius:14px;box-shadow:var(--spmb-shadow-sm);transition:transform .25s ease,box-shadow .25s ease}.spmb-fee:hover{transform:translateY(-2px);box-shadow:var(--spmb-shadow)}.spmb-fee__no{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;font-size:.8rem;font-weight:700;color:var(--spmb-primary);background:rgba(var(--spmb-primary-rgb),.09)}.spmb-fee__name{flex:1 1 auto;min-width:0;font-size:clamp(.86rem,2.4vw,.96rem);font-weight:600;line-height:1.45;overflow-wrap:break-word}.spmb-fee__value{flex:none;font-size:clamp(.85rem,2.4vw,.96rem);font-weight:700;color:var(--spmb-primary);white-space:nowrap}.spmb-fee--total{color:#fff;border:0;background:linear-gradient(135deg,var(--spmb-primary) 0%,var(--spmb-secondary) 100%);box-shadow:0 12px 28px rgba(var(--spmb-primary-rgb),.25)}.spmb-fee--total .spmb-fee__no{color:#fff;background:rgba(255,255,255,.16)}.spmb-fee--total .spmb-fee__value{color:#fff;font-size:clamp(.95rem,3vw,1.1rem)}.spmb-grid-cards{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 576px){.spmb-grid-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.spmb-req{display:flex;gap:.85rem;padding:1.05rem 1.1rem;background:var(--spmb-surface);border:1px solid var(--spmb-line-soft);border-radius:16px;box-shadow:var(--spmb-shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.spmb-req:hover{transform:translateY(-3px);border-color:rgba(var(--spmb-primary-rgb),.22);box-shadow:var(--spmb-shadow)}.spmb-req__icon{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:1.15rem;color:var(--spmb-primary);background:rgba(var(--spmb-primary-rgb),.08)}.spmb-req__title{font-weight:700;font-size:clamp(.9rem,2.5vw,1rem);margin-bottom:.25rem}.spmb-req__text{font-size:clamp(.82rem,2.3vw,.9rem);line-height:1.65;color:var(--spmb-muted);margin:0}.spmb-req__text b{color:var(--spmb-ink)}.spmb-steps{position:relative;list-style:none;margin:0;padding:0 0 0 clamp(2rem,6vw,2.5rem);display:grid;gap:clamp(.85rem,2.5vw,1.1rem)}.spmb-steps:before{content:"";position:absolute;left:clamp(.86rem,2.6vw,1.1rem);top:.75rem;bottom:.75rem;width:2px;background:linear-gradient(180deg,var(--spmb-primary) 0%,var(--spmb-secondary) 100%);opacity:.25}.spmb-steps__item{position:relative;background:var(--spmb-surface);border:1px solid var(--spmb-line-soft);border-radius:14px;box-shadow:var(--spmb-shadow-sm);padding:.85rem 1.05rem;font-size:clamp(.85rem,2.4vw,.94rem);line-height:1.7;transition:transform .25s ease,box-shadow .25s ease}.spmb-steps__item:hover{transform:translate(4px);box-shadow:var(--spmb-shadow)}.spmb-steps__item:before{counter-increment:none;content:attr(data-step);position:absolute;left:calc(-1*clamp(2rem,6vw,2.5rem));top:.8rem;width:clamp(1.75rem,5.2vw,2.2rem);height:clamp(1.75rem,5.2vw,2.2rem);display:grid;place-items:center;border-radius:50%;font-size:.78rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--spmb-primary) 0%,var(--spmb-secondary) 100%);box-shadow:0 0 0 4px #fff}.spmb-steps__item a{color:var(--spmb-primary);font-weight:700;overflow-wrap:anywhere}.spmb-notes{list-style:none;margin:1rem 0 0;padding:clamp(.9rem,3vw,1.25rem);display:grid;gap:.6rem;border-radius:16px;background:var(--spmb-soft);border:1px dashed rgba(var(--spmb-primary-rgb),.22)}.spmb-notes .spmb-notes__title{display:flex;align-items:center;gap:.45rem;padding-left:0;font-weight:700;font-size:clamp(.85rem,2.4vw,.95rem);color:var(--spmb-primary)}.spmb-notes .spmb-notes__title:before{content:none}.spmb-notes li{position:relative;padding-left:1.5rem;font-size:clamp(.82rem,2.3vw,.9rem);line-height:1.7;color:var(--spmb-ink)}.spmb-notes li:before{content:"\2713";position:absolute;left:0;top:0;font-size:.85rem;font-weight:700;color:var(--spmb-accent)}.spmb-notes li b{color:var(--spmb-primary)}.spmb-cta{display:grid;grid-template-columns:1fr;gap:clamp(.85rem,3vw,1.5rem)}@media (min-width: 768px){.spmb-cta{grid-template-columns:repeat(2,minmax(0,1fr))}}.spmb-cta__card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;text-align:center;padding:clamp(1.5rem,4.5vw,2.25rem) clamp(1.2rem,4vw,2rem);border-radius:var(--spmb-radius-lg);color:#fff;box-shadow:var(--spmb-shadow);transition:transform .3s ease,box-shadow .3s ease}.spmb-cta__card:hover{transform:translateY(-4px);box-shadow:var(--spmb-shadow-lg)}.spmb-cta__card .spmb-btn{animation:spmbPulse 2s ease-in-out infinite}.spmb-cta__card .spmb-btn:hover,.spmb-cta__card .spmb-btn:focus-visible{animation:none;transform:scale(1.08)}@keyframes spmbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.spmb-cta__card:after{content:"";position:absolute;inset:auto -25% -55% auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12);z-index:-1}.spmb-cta__card--register{background:linear-gradient(135deg,var(--spmb-primary) 0%,var(--spmb-secondary) 100%)}.spmb-cta__card--faq{background:var(--gradient-purple-blue)}.spmb-cta__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;font-size:1.4rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24)}.spmb-cta__title{font-family:Fredoka One,cursive;font-size:clamp(1.05rem,3.4vw,1.45rem);line-height:1.35;margin:0}.spmb-cta__text{margin:0;font-size:clamp(.84rem,2.4vw,.94rem);line-height:1.7;color:#ffffffd9;max-width:42ch}.spmb-confirm{display:grid;gap:clamp(1.25rem,4vw,2rem);max-width:780px;margin:0 auto}.spmb-confirm__card{background:var(--spmb-surface);border:1px solid var(--spmb-line-soft);border-radius:var(--spmb-radius-lg);box-shadow:var(--spmb-shadow);padding:clamp(1.5rem,5vw,2.5rem);text-align:center}.spmb-confirm__icon{width:clamp(56px,15vw,68px);height:clamp(56px,15vw,68px);margin:0 auto clamp(.85rem,3vw,1.15rem);display:grid;place-items:center;border-radius:20px;font-size:clamp(1.5rem,5vw,1.9rem);color:#fff;background:linear-gradient(135deg,var(--spmb-primary) 0%,var(--spmb-secondary) 100%);box-shadow:0 12px 28px rgba(var(--spmb-primary-rgb),.28)}.spmb-confirm__title{font-family:Fredoka One,cursive;font-size:clamp(1.1rem,4vw,1.5rem);line-height:1.35;color:var(--spmb-primary);margin:0 0 .6rem}.spmb-confirm__text{max-width:52ch;margin:0 auto clamp(1.15rem,4vw,1.6rem);font-size:clamp(.86rem,2.5vw,.96rem);line-height:1.75;color:var(--spmb-muted)}.spmb-field{position:relative;display:block;text-align:left;margin-bottom:.9rem}.spmb-field__icon{position:absolute;left:1.05rem;top:50%;transform:translateY(-50%);font-size:1.05rem;color:var(--spmb-primary);pointer-events:none}.spmb-field input{width:100%;padding:.95rem 1.1rem .95rem 2.85rem;font-size:clamp(.9rem,2.6vw,1rem);color:var(--spmb-ink);background:var(--spmb-soft);border:1.5px solid var(--spmb-line);border-radius:14px;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.spmb-field input::placeholder{color:#a49ea9}.spmb-field input:focus{background:#fff;border-color:var(--spmb-primary);box-shadow:0 0 0 4px rgba(var(--spmb-primary-rgb),.12)}.spmb-field input.is-invalid{border-color:#dc3545}.spmb-field__error{display:block;margin-top:.4rem;font-size:.82rem;color:#dc3545}.spmb-confirm__help{margin-top:clamp(1.15rem,4vw,1.6rem);padding-top:clamp(1.15rem,4vw,1.5rem);border-top:1px dashed var(--spmb-line);font-size:clamp(.82rem,2.4vw,.9rem);line-height:1.7;color:var(--spmb-muted)}.spmb-confirm__help-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.85rem}.spmb-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.05rem;border-radius:999px;font-size:.85rem;font-weight:700;text-decoration:none;color:var(--spmb-primary);background:rgba(var(--spmb-primary-rgb),.07);border:1px solid rgba(var(--spmb-primary-rgb),.18);transition:background-color .25s ease,color .25s ease,transform .25s ease}.spmb-chip:hover,.spmb-chip:focus-visible{color:#fff;background:var(--spmb-primary);transform:translateY(-2px);text-decoration:none}.spmb-chip--wa{color:#128c4a;background:rgba(37,211,102,.1);border-color:#25d36659}.spmb-chip--wa:hover,.spmb-chip--wa:focus-visible{color:#fff;background:#25d366}.spmb-confirm__steps{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 768px){.spmb-confirm__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.spmb-ministep{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;border-radius:16px;background:var(--spmb-surface);border:1px solid var(--spmb-line-soft);box-shadow:var(--spmb-shadow-sm)}.spmb-ministep__no{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;font-size:.78rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--spmb-primary) 0%,var(--spmb-secondary) 100%)}.spmb-ministep__text{font-size:clamp(.8rem,2.3vw,.88rem);line-height:1.6;color:var(--spmb-muted)}.spmb-ministep__text b{display:block;color:var(--spmb-ink);margin-bottom:.15rem}.spmb .alert{text-align:left;border-radius:14px}.spmb-reveal{opacity:0;transform:translateY(24px);animation:spmbReveal .7s ease-out forwards}.spmb-reveal--1{animation-delay:.05s}.spmb-reveal--2{animation-delay:.15s}.spmb-reveal--3{animation-delay:.25s}.spmb-reveal--4{animation-delay:.35s}@keyframes spmbReveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.spmb-reveal{opacity:1;transform:none;animation:none}.spmb *,.spmb *:before,.spmb *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sdm{--sdm-primary: #1c2652;--sdm-primary-rgb: 28, 38, 82;--sdm-secondary: #28387e;--sdm-secondary-rgb: 40, 56, 126;--sdm-accent: #f49638;--sdm-accent-rgb: 244, 150, 56;--sdm-hero-mid: #1f2c66;--sdm-soft: #f5f7fb;--sdm-ink: #241f26;--sdm-muted: #6d6873;--sdm-surface: #ffffff;--sdm-line: rgba(var(--sdm-secondary-rgb), .12);--sdm-line-soft: rgba(var(--sdm-secondary-rgb), .08);--sdm-radius: 18px;--sdm-radius-lg: 24px;--sdm-shadow-sm: 0 4px 14px rgba(var(--sdm-secondary-rgb), .06);--sdm-shadow: 0 12px 32px rgba(var(--sdm-secondary-rgb), .09);--sdm-shadow-lg: 0 22px 55px rgba(var(--sdm-secondary-rgb), .16);color:var(--sdm-ink);padding-bottom:clamp(2.5rem,7vw,5rem);padding-top:clamp(1.75rem,4vw,2.5rem);overflow-x:clip}.sdm *,.sdm *:before,.sdm *:after{box-sizing:border-box}.sdm-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--sdm-radius-lg);padding:clamp(1.75rem,5.5vw,3.5rem) clamp(1.25rem,4.5vw,3rem);color:#fff;background:linear-gradient(135deg,var(--sdm-primary) 0%,var(--sdm-hero-mid) 48%,var(--sdm-secondary) 100%);box-shadow:var(--sdm-shadow-lg);text-align:center}.sdm-hero:before{content:"";position:absolute;inset:-40% -20% auto auto;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(var(--sdm-accent-rgb),.35) 0%,rgba(var(--sdm-accent-rgb),0) 65%);z-index:-1;pointer-events:none}.sdm-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;opacity:.5;z-index:-1;pointer-events:none}.sdm-hero__badge{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .95rem;border-radius:999px;font-size:clamp(.72rem,2.2vw,.82rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}.sdm-hero__title{font-family:Fredoka One,cursive;font-size:clamp(1.6rem,6vw,3rem);line-height:1.15;margin:clamp(.75rem,2.5vw,1.1rem) 0 0;text-shadow:0 6px 24px rgba(0,0,0,.28)}.sdm-hero__lead{max-width:64ch;margin:clamp(.65rem,2.5vw,1rem) auto 0;font-size:clamp(.9rem,2.6vw,1.05rem);line-height:1.75;color:#ffffffdb}.sdm-hero__stats{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:clamp(1.5rem,4.5vw,2.25rem);text-align:left}@media (min-width: 576px){.sdm-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.sdm-stat{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}.sdm-stat__icon{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.18);font-size:1.05rem}.sdm-stat__label{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}.sdm-stat__value{display:block;font-weight:700;font-size:clamp(.9rem,2.6vw,1.02rem);line-height:1.3}.sdm-section{margin-top:clamp(2.25rem,6vw,4rem)}.sdm-head{display:flex;align-items:center;gap:.9rem;margin-bottom:clamp(1rem,3vw,1.5rem)}.sdm-head__icon{flex:none;width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);display:grid;place-items:center;border-radius:14px;color:#fff;font-size:clamp(1rem,3vw,1.25rem);background:linear-gradient(135deg,var(--sdm-primary) 0%,var(--sdm-secondary) 100%);box-shadow:0 8px 20px rgba(var(--sdm-primary-rgb),.25)}.sdm-head__title{font-family:Fredoka One,cursive;font-size:clamp(1.15rem,3.6vw,1.65rem);line-height:1.25;color:var(--sdm-primary);margin:0}.sdm-head__sub{margin:.15rem 0 0;font-size:clamp(.8rem,2.4vw,.9rem);color:var(--sdm-muted)}.sdm-foundation{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.85rem,3vw,1.25rem);padding:clamp(1.1rem,3.5vw,1.6rem);border-radius:var(--sdm-radius);background:var(--sdm-surface);border:1px solid var(--sdm-line-soft);box-shadow:var(--sdm-shadow)}.sdm-foundation__icon{flex:none;width:clamp(46px,12vw,56px);height:clamp(46px,12vw,56px);display:grid;place-items:center;border-radius:16px;font-size:clamp(1.15rem,3.5vw,1.45rem);color:#fff;background:linear-gradient(135deg,var(--sdm-primary) 0%,var(--sdm-secondary) 100%);box-shadow:0 10px 24px rgba(var(--sdm-primary-rgb),.28)}.sdm-foundation__text{flex:1 1 220px;min-width:0}.sdm-foundation__label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sdm-primary)}.sdm-foundation__name{margin:.15rem 0 0;font-size:clamp(1rem,3vw,1.2rem);font-weight:700;line-height:1.35}.sdm-foundation__link{position:relative;overflow:hidden;flex:none;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:999px;font-size:clamp(.82rem,2.4vw,.9rem);font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--sdm-primary) 0%,var(--sdm-secondary) 100%);box-shadow:0 12px 26px rgba(var(--sdm-primary-rgb),.3);transition:transform .25s ease,box-shadow .25s ease}.sdm-foundation__link:hover,.sdm-foundation__link:focus-visible{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 32px rgba(var(--sdm-primary-rgb),.4)}.sdm-foundation__link:before{content:"";position:absolute;top:-30%;left:-140%;width:22%;height:160%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.7),transparent);transform:rotate(18deg);animation:sdmShine 2.8s linear infinite;pointer-events:none}@keyframes sdmShine{0%{left:-140%}to{left:155%}}.sdm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:clamp(.75rem,2.5vw,1.25rem)}@media (min-width: 576px){.sdm-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.sdm-grid--lead{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-width:780px}@media (min-width: 576px){.sdm-grid--lead{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.sdm-person{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0;padding:clamp(.9rem,3vw,1.35rem) clamp(.6rem,2.5vw,1rem);border-radius:var(--sdm-radius);background:var(--sdm-surface);border:1px solid var(--sdm-line-soft);box-shadow:var(--sdm-shadow-sm);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.sdm-person:hover{transform:translateY(-6px);border-color:rgba(var(--sdm-primary-rgb),.22);box-shadow:var(--sdm-shadow)}.sdm-person__frame{position:relative;display:grid;place-items:center;width:clamp(88px,26vw,118px);height:clamp(88px,26vw,118px);border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--sdm-primary) 0%,var(--sdm-accent) 55%,var(--sdm-secondary) 100%);box-shadow:0 10px 24px rgba(var(--sdm-primary-rgb),.22)}.sdm-person--lead .sdm-person__frame{width:clamp(104px,30vw,140px);height:clamp(104px,30vw,140px)}.sdm-person__photo{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top center;background:var(--sdm-soft);border:3px solid #fff;transition:transform .4s ease}.sdm-person:hover .sdm-person__photo{transform:scale(1.05)}.sdm-person__body{margin-top:.8rem;width:100%}.sdm-person__name{margin:0;font-size:clamp(.85rem,2.5vw,.98rem);font-weight:700;line-height:1.4;overflow-wrap:break-word}.sdm-person__alias{margin:.2rem 0 0;font-size:clamp(.75rem,2.2vw,.85rem);color:var(--sdm-muted)}.sdm-person__role{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;border-radius:999px;font-size:clamp(.68rem,2vw,.76rem);font-weight:700;letter-spacing:.03em;color:var(--sdm-primary);background:rgba(var(--sdm-primary-rgb),.08);border:1px solid rgba(var(--sdm-primary-rgb),.16)}.sdm-person__class{display:block;margin-top:.4rem;font-size:clamp(.7rem,2.1vw,.78rem);color:var(--sdm-muted)}.sdm-person__class i{color:var(--sdm-accent);margin-right:.25rem}.sdm-empty{padding:clamp(1.1rem,3.5vw,1.75rem);border-radius:var(--sdm-radius);background:var(--sdm-soft);border:1px dashed rgba(var(--sdm-primary-rgb),.22);text-align:center;font-size:clamp(.85rem,2.4vw,.94rem);color:var(--sdm-muted)}.sdm-reveal{opacity:0;transform:translateY(24px);animation:sdmReveal .7s ease-out forwards}.sdm-reveal--1{animation-delay:.05s}.sdm-reveal--2{animation-delay:.15s}.sdm-reveal--3{animation-delay:.25s}@keyframes sdmReveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.sdm-reveal{opacity:1;transform:none;animation:none}.sdm *,.sdm *:before,.sdm *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.profil{--profil-primary: #1c2652;--profil-primary-rgb: 28, 38, 82;--profil-secondary: #28387e;--profil-secondary-rgb: 40, 56, 126;--profil-accent: #f49638;--profil-accent-rgb: 244, 150, 56;--profil-hero-mid: #1f2c66;--profil-soft: #f5f7fb;--profil-ink: #241f26;--profil-muted: #6d6873;--profil-surface: #ffffff;--profil-line: rgba(var(--profil-secondary-rgb), .12);--profil-line-soft: rgba(var(--profil-secondary-rgb), .08);--profil-radius: 18px;--profil-radius-lg: 24px;--profil-shadow-sm: 0 4px 14px rgba(var(--profil-secondary-rgb), .06);--profil-shadow: 0 12px 32px rgba(var(--profil-secondary-rgb), .09);--profil-shadow-lg: 0 22px 55px rgba(var(--profil-secondary-rgb), .16);color:var(--profil-ink);padding-bottom:clamp(2.5rem,7vw,5rem);padding-top:clamp(1.75rem,4vw,2.5rem);overflow-x:clip}.profil *,.profil *:before,.profil *:after{box-sizing:border-box}.profil-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--profil-radius-lg);padding:clamp(1.75rem,5.5vw,3.5rem) clamp(1.25rem,4.5vw,3rem);color:#fff;background:linear-gradient(135deg,var(--profil-primary) 0%,var(--profil-hero-mid) 48%,var(--profil-secondary) 100%);box-shadow:var(--profil-shadow-lg);text-align:center}.profil-hero:before{content:"";position:absolute;inset:-40% -20% auto auto;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(var(--profil-accent-rgb),.35) 0%,rgba(var(--profil-accent-rgb),0) 65%);z-index:-1;pointer-events:none}.profil-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;opacity:.5;z-index:-1;pointer-events:none}.profil-hero__badge{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .95rem;border-radius:999px;font-size:clamp(.72rem,2.2vw,.82rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}.profil-hero__title{font-family:Fredoka One,cursive;font-size:clamp(1.6rem,6vw,3rem);line-height:1.15;margin:clamp(.75rem,2.5vw,1.1rem) 0 0;text-shadow:0 6px 24px rgba(0,0,0,.28)}.profil-hero__lead{max-width:64ch;margin:clamp(.65rem,2.5vw,1rem) auto 0;font-size:clamp(.9rem,2.6vw,1.05rem);line-height:1.75;color:#ffffffdb}.profil-section{margin-top:clamp(2.25rem,6vw,4rem)}.profil-head{display:flex;align-items:center;gap:.9rem;margin-bottom:clamp(1rem,3vw,1.5rem)}.profil-head__icon{flex:none;width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);display:grid;place-items:center;border-radius:14px;color:#fff;font-size:clamp(1rem,3vw,1.25rem);background:linear-gradient(135deg,var(--profil-primary) 0%,var(--profil-secondary) 100%);box-shadow:0 8px 20px rgba(var(--profil-primary-rgb),.25)}.profil-head__title{font-family:Fredoka One,cursive;font-size:clamp(1.15rem,3.6vw,1.65rem);line-height:1.25;color:var(--profil-primary);margin:0}.profil-head__sub{margin:.15rem 0 0;font-size:clamp(.8rem,2.4vw,.9rem);color:var(--profil-muted)}.profil-vision{position:relative;overflow:hidden;border-radius:var(--profil-radius-lg);padding:clamp(1.5rem,5vw,2.5rem);color:#ffffffeb;background:linear-gradient(150deg,var(--profil-primary) 0%,var(--profil-hero-mid) 55%,var(--profil-secondary) 100%);box-shadow:var(--profil-shadow)}.profil-vision:before{content:"\201c";position:absolute;top:-2.5rem;right:.5rem;font-family:Georgia,Times New Roman,serif;font-size:12rem;line-height:1;color:#ffffff1a;pointer-events:none}.profil-vision__label{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .9rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24)}.profil-vision p{margin:1rem 0 0;font-size:clamp(1rem,3.2vw,1.35rem);font-weight:600;line-height:1.7;text-wrap:balance}.profil-vision p+p{margin-top:.85rem}.profil-columns{display:grid;grid-template-columns:1fr;gap:clamp(1rem,3vw,1.75rem);align-items:start}@media (min-width: 768px){.profil-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.profil-card{background:var(--profil-surface);border:1px solid var(--profil-line-soft);border-radius:var(--profil-radius);box-shadow:var(--profil-shadow);padding:clamp(1.1rem,3.5vw,1.75rem);height:100%}.profil-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;counter-reset:profil-item}.profil-list li{counter-increment:profil-item;position:relative;padding:.65rem .85rem .65rem 2.9rem;border-radius:14px;background:var(--profil-soft);border:1px solid var(--profil-line-soft);font-size:clamp(.85rem,2.4vw,.95rem);line-height:1.7;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.profil-list li:hover{transform:translate(4px);border-color:rgba(var(--profil-primary-rgb),.22);box-shadow:var(--profil-shadow-sm)}.profil-list li:before{content:counter(profil-item);position:absolute;left:.7rem;top:.65rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:50%;font-size:.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--profil-primary) 0%,var(--profil-secondary) 100%)}.profil-gallery{columns:1;column-gap:clamp(.85rem,2.5vw,1.5rem)}@media (min-width: 576px){.profil-gallery{columns:2}}@media (min-width: 1200px){.profil-gallery{columns:3}}.profil-facility{break-inside:avoid;margin:0 0 clamp(.85rem,2.5vw,1.5rem);border-radius:var(--profil-radius);overflow:hidden;background:var(--profil-surface);border:1px solid var(--profil-line-soft);box-shadow:var(--profil-shadow-sm);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.profil-facility:hover{transform:translateY(-5px);border-color:rgba(var(--profil-primary-rgb),.22);box-shadow:var(--profil-shadow)}.profil-facility__media{position:relative;overflow:hidden;background:var(--profil-soft)}.profil-facility__img{display:block;width:100%;height:auto;transition:transform .5s ease}.profil-facility:hover .profil-facility__img{transform:scale(1.04)}.profil-facility__body{padding:clamp(.85rem,3vw,1.15rem)}.profil-facility__name{display:flex;align-items:center;gap:.5rem;margin:0;font-size:clamp(.95rem,2.8vw,1.08rem);font-weight:700;line-height:1.4;color:var(--profil-primary)}.profil-facility__name i{color:var(--profil-accent);font-size:.95em}.profil-facility__caption{margin:.5rem 0 0;font-size:clamp(.82rem,2.3vw,.92rem);line-height:1.7;color:var(--profil-muted)}.profil-faq .accordion-item{margin-bottom:clamp(.6rem,2vw,.85rem);border:1px solid var(--profil-line-soft);border-radius:var(--profil-radius)!important;overflow:hidden;background:var(--profil-surface);box-shadow:var(--profil-shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.profil-faq .accordion-item:hover{transform:translateY(-2px);border-color:rgba(var(--profil-primary-rgb),.22);box-shadow:var(--profil-shadow)}.profil-faq .accordion-button{gap:.75rem;padding:clamp(.9rem,3vw,1.15rem) clamp(1rem,3.5vw,1.35rem);font-size:clamp(.88rem,2.6vw,1rem);font-weight:700;line-height:1.5;color:var(--profil-ink);background:transparent;border:0;box-shadow:none}.profil-faq .accordion-button:not(.collapsed){color:#fff;background:linear-gradient(135deg,var(--profil-primary) 0%,var(--profil-secondary) 100%)}.profil-faq .accordion-button:focus{box-shadow:0 0 0 .2rem rgba(var(--profil-primary-rgb),.2)}.profil-faq .accordion-button:before{content:"?";flex:none;width:clamp(26px,7vw,30px);height:clamp(26px,7vw,30px);display:grid;place-items:center;border-radius:50%;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--profil-primary) 0%,var(--profil-secondary) 100%);transition:background .3s ease}.profil-faq .accordion-button:not(.collapsed):before{color:var(--profil-primary);background:#fff}.profil-faq .accordion-button:after{margin-left:auto;background-size:1rem;transition:transform .3s ease}.profil-faq .accordion-button:not(.collapsed):after{filter:brightness(0) invert(1)}.profil-faq .accordion-body{padding:clamp(1rem,3.5vw,1.4rem);font-size:clamp(.85rem,2.4vw,.95rem);line-height:1.8;color:var(--profil-ink);background:var(--profil-soft);border-top:1px solid var(--profil-line-soft)}.profil-faq .accordion-body:before{content:"\201c";float:left;margin:-.35rem .5rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:2.5rem;line-height:1;color:rgba(var(--profil-accent-rgb),.65)}.profil-cta{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center;padding:clamp(1.5rem,4.5vw,2.5rem) clamp(1.2rem,4vw,2rem);border-radius:var(--profil-radius-lg);color:#fff;background:linear-gradient(135deg,var(--profil-primary) 0%,var(--profil-secondary) 100%);box-shadow:var(--profil-shadow)}.profil-cta:after{content:"";position:absolute;inset:auto -25% -55% auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12);z-index:-1}.profil-cta__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;font-size:1.4rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24)}.profil-cta__title{font-family:Fredoka One,cursive;font-size:clamp(1.05rem,3.4vw,1.45rem);line-height:1.35;margin:0}.profil-cta__text{margin:0;max-width:46ch;font-size:clamp(.84rem,2.4vw,.94rem);line-height:1.7;color:#ffffffd9}.profil-cta__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.6rem;border-radius:999px;font-size:clamp(.85rem,2.4vw,.95rem);font-weight:700;text-decoration:none;color:#fff;background:#25d366;box-shadow:0 12px 26px #25d36659;transition:transform .25s ease,box-shadow .25s ease}.profil-cta__btn:hover,.profil-cta__btn:focus-visible{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 32px #25d36673}.profil-empty{padding:clamp(1.25rem,4vw,2rem);border-radius:var(--profil-radius);background:var(--profil-soft);border:1px dashed rgba(var(--profil-primary-rgb),.22);text-align:center;font-size:clamp(.85rem,2.4vw,.94rem);color:var(--profil-muted)}.profil-empty i{display:block;margin-bottom:.5rem;font-size:1.75rem;color:rgba(var(--profil-primary-rgb),.5)}.profil-reveal{opacity:0;transform:translateY(24px);animation:profilReveal .7s ease-out forwards}.profil-reveal--1{animation-delay:.05s}.profil-reveal--2{animation-delay:.15s}.profil-reveal--3{animation-delay:.25s}@keyframes profilReveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.profil-reveal{opacity:1;transform:none;animation:none}.profil *,.profil *:before,.profil *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.live-clock-anchor{position:relative;height:0}.live-clock-float{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem 1.75rem;border-radius:1rem;background:rgba(28,38,82,.55);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,0 0 24px #1c265240;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .6s ease,transform .6s ease}.live-clock-float.is-visible{opacity:1;visibility:visible}.live-clock-time{font-family:Chakra Petch,Courier New,monospace;font-size:clamp(1.35rem,4vw,2.1rem);font-weight:600;letter-spacing:.05em;color:#fff;white-space:nowrap}.live-clock-date{font-family:Poppins,sans-serif;font-size:clamp(.65rem,1.6vw,.85rem);font-weight:400;color:#ffffffbf;text-transform:capitalize;letter-spacing:.03em;white-space:nowrap}#scanAreaWrapper{position:relative;z-index:1;width:100%}#cameraScan .card-body{min-height:clamp(300px,50vw,420px);display:flex;align-items:center;justify-content:center;flex-direction:column}.countdown-overlay{position:absolute;top:0;left:0;width:100%;min-height:100%;height:auto;z-index:9998;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .5s ease-in-out;border-radius:.5rem}.countdown-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(220,53,70,.35) 0%,rgba(153,27,27,.35) 100%)}.countdown-overlay.pickup-countdown .countdown-backdrop{background:linear-gradient(135deg,rgba(40,167,69,.5) 0%,rgba(25,111,45,.5) 100%)}.countdown-content{position:relative;z-index:1;text-align:center;color:#fff;animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55)}.countdown-icon-wrapper{color:#ef0;text-shadow:0 4px 8px rgb(0,0,0);position:relative;margin-bottom:1rem}.countdown-icon{font-size:clamp(1.5rem,5vw,3rem);animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}.countdown-title{color:#ef0;font-size:clamp(.95rem,3.5vw,1.75rem);font-weight:700;margin-bottom:clamp(.5rem,1.5vw,1rem);text-shadow:0 4px 8px rgb(0,0,0);animation:slideDown .8s ease-out}.countdown-timer-wrapper{position:relative;width:clamp(80px,20vw,150px);height:clamp(80px,20vw,150px);margin:0 auto clamp(.5rem,1.5vw,1rem)}.countdown-progress-ring{transform:rotate(-90deg);width:clamp(80px,20vw,150px);height:clamp(80px,20vw,150px)}.countdown-progress-ring-circle{transition:stroke-dashoffset 1s linear;stroke-linecap:round;filter:drop-shadow(0 0 10px currentColor)}.countdown-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1rem,3.5vw,2rem);font-weight:700;text-shadow:0 4px 8px rgba(0,0,0,.3);animation:numberPulse 1s ease-in-out infinite;white-space:nowrap}.countdown-message{font-size:clamp(.8rem,2.5vw,1.25rem);opacity:.9;font-weight:700;animation:fadeInUp 1s ease-out;color:#ef0;text-shadow:0 4px 4px rgb(0,0,0)}.lock-overlay{position:absolute;top:0;left:0;width:100%;min-height:100%;height:auto;background:linear-gradient(135deg,rgba(52,58,64,.98) 0%,rgba(33,37,41,.98) 100%);z-index:9999;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .5s ease-in-out;border-radius:.5rem}.lock-content{text-align:center;color:#fff;animation:lockShake .8s cubic-bezier(.36,.07,.19,.97)}.lock-icon-wrapper{position:relative;display:inline-block;margin-bottom:clamp(.25rem,1.5vw,1rem)}.lock-icon{font-size:clamp(1.5rem,4vw,3rem);color:#dc3545;animation:lockBounce 1s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(220,53,69,.6))}.lock-particles{position:absolute;top:0;left:0;width:100%;height:100%}.lock-particles span{position:absolute;width:8px;height:8px;background:#dc3545;border-radius:50%;animation:particleFloat 3s ease-in-out infinite;box-shadow:0 0 10px #dc3545}.lock-particles span:nth-child(1){top:0;left:50%;animation-delay:0s}.lock-particles span:nth-child(2){top:25%;right:0;animation-delay:.3s}.lock-particles span:nth-child(3){bottom:0;left:50%;animation-delay:.6s}.lock-particles span:nth-child(4){top:25%;left:0;animation-delay:.9s}.lock-particles span:nth-child(5){top:50%;right:10%;animation-delay:1.2s}.lock-particles span:nth-child(6){bottom:25%;right:20%;animation-delay:1.5s}.lock-particles span:nth-child(7){top:75%;left:20%;animation-delay:1.8s}.lock-particles span:nth-child(8){top:60%;left:40%;animation-delay:2.1s}.lock-particles span:nth-child(9){bottom:40%;right:30%;animation-delay:2.4s}.lock-particles span:nth-child(10){top:35%;left:60%;animation-delay:2.7s}.lock-title{font-size:clamp(1rem,3vw,1.5rem);font-weight:700;margin-bottom:clamp(.15rem,.8vw,.4rem);text-shadow:0 4px 8px rgba(0,0,0,.5);color:#dc3545}.lock-message{font-size:clamp(.75rem,1.8vw,.95rem);margin-bottom:clamp(.25rem,1vw,.6rem);opacity:.9}.lock-time{font-size:clamp(1.1rem,4vw,2rem);font-weight:700;font-family:Courier New,monospace;color:#ffc107;text-shadow:0 0 20px rgba(255,193,7,.5);margin-bottom:clamp(.25rem,1vw,.6rem);white-space:nowrap}.lock-next-info{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:clamp(.7rem,1.8vw,.95rem);color:#28a745;text-shadow:0 4px 8px rgba(0,0,0,.5);animation:fadeInUp 1s ease-out;flex-wrap:wrap;padding:0 .5rem}.lock-next-info i{font-size:clamp(.75rem,1.8vw,1rem);animation:pulse 2s ease-in-out infinite;flex-shrink:0}.unlock-overlay{position:absolute;top:0;left:0;width:100%;min-height:100%;height:auto;background:linear-gradient(135deg,rgba(40,167,69,.5) 0%,rgba(25,111,45,.5) 100%);z-index:9998;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .5s ease-in-out;border-radius:.5rem}.unlock-content{text-align:center;color:#fff;animation:zoomIn .6s cubic-bezier(.68,-.55,.265,1.55)}.unlock-icon-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.unlock-icon{font-size:clamp(2rem,6vw,4rem);animation:unlockRotate .8s ease-out;filter:drop-shadow(0 0 30px rgba(255,255,255,.8))}.unlock-rays{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%)}.unlock-rays span{position:absolute;top:50%;left:50%;width:4px;height:60px;background:linear-gradient(to bottom,rgba(255,255,255,.8),transparent);transform-origin:center -30px;animation:rayRotate 2s linear infinite}.unlock-rays span:nth-child(1){transform:translate(-50%,-50%) rotate(0)}.unlock-rays span:nth-child(2){transform:translate(-50%,-50%) rotate(45deg);animation-delay:.125s}.unlock-rays span:nth-child(3){transform:translate(-50%,-50%) rotate(90deg);animation-delay:.25s}.unlock-rays span:nth-child(4){transform:translate(-50%,-50%) rotate(135deg);animation-delay:.375s}.unlock-rays span:nth-child(5){transform:translate(-50%,-50%) rotate(180deg);animation-delay:.5s}.unlock-rays span:nth-child(6){transform:translate(-50%,-50%) rotate(225deg);animation-delay:.625s}.unlock-rays span:nth-child(7){transform:translate(-50%,-50%) rotate(270deg);animation-delay:.75s}.unlock-rays span:nth-child(8){transform:translate(-50%,-50%) rotate(315deg);animation-delay:.875s}.unlock-title{font-size:clamp(1.3rem,4.5vw,3rem);font-weight:700;margin-bottom:clamp(.5rem,1.5vw,1rem);text-shadow:0 4px 8px rgba(0,0,0,.3);animation:bounceIn .8s ease-out}.unlock-message{font-size:clamp(.85rem,2.5vw,1.5rem);margin-bottom:clamp(.75rem,2vw,2rem);opacity:.9}.unlock-countdown{font-size:clamp(2rem,8vw,5rem);font-weight:700;color:#ffc107;text-shadow:0 0 30px rgba(255,193,7,.8);animation:countdownScale 1s ease-in-out infinite}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes numberPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes lockShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes lockBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-30px) scale(1.2);opacity:.5}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes unlockRotate{0%{transform:rotate(-180deg) scale(.5);opacity:0}60%{transform:rotate(20deg) scale(1.1)}to{transform:rotate(0) scale(1);opacity:1}}@keyframes rayRotate{0%{opacity:0}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(360deg)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes countdownScale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.content-hidden{pointer-events:none}.swal-above-countdown,.swal-above-countdown .swal2-container{z-index:10000!important}body.spinner:after{display:none!important}#page-transition-bar{position:fixed;top:0;left:0;width:0;height:3px;z-index:99999;background:var(--color3, #1c3ed2);opacity:0;pointer-events:none;transition:opacity .2s ease}#page-transition-bar.loading{opacity:1;animation:page-transition-progress 1.5s ease-in-out forwards,page-transition-shimmer 1s linear infinite}#page-transition-bar.done{width:100%!important;opacity:0;transition:opacity .3s ease .1s,width 0s;animation:none}@keyframes page-transition-progress{0%{width:0%}20%{width:30%}50%{width:60%}80%{width:80%}to{width:90%}}@keyframes page-transition-shimmer{0%{box-shadow:0 0 6px 1px var(--color3, #1c3ed2)}50%{box-shadow:0 0 12px 2px var(--color3, #1c3ed2)}to{box-shadow:0 0 6px 1px var(--color3, #1c3ed2)}}.chat-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1059;width:52px;height:52px;border-radius:50%;background:var(--gradient-purple-blue-reverse);color:#fff;border:none;box-shadow:0 30px 80px #000000bf,0 6px 20px #00000080 inset;filter:drop-shadow(0 24px 60px rgba(0,0,0,.6));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;transform:translateZ(0)}.chat-fab:hover{transform:scale(1.08) translateZ(0)}.chat-fab:active{transform:scale(.96)}.chat-badge{position:absolute;top:-8px;right:-10px;display:flex;align-items:center;gap:3px;background:#0dcaf0;border:2px solid #fff;border-radius:999px;padding:2px 3px;box-shadow:0 2px 6px #00000059}.chat-badge--tunggal{background:transparent;border:none;padding:0;box-shadow:none;top:-6px;right:-6px}.chat-badge--tunggal .chat-badge-dot{border:2px solid #fff}.chat-badge-dot{border-radius:999px;color:#fff;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 2px}.chat-badge-dot--online{padding:0 4px}.chat-badge-dot--unread{background:#dc3545;width:16px;height:16px;font-size:.58rem}.chat-badge-dot--online{background:#28a745;min-width:16px;height:16px;font-size:.55rem}.chat-overlay{position:fixed;inset:0;z-index:1039}.chat-panel{position:fixed;bottom:5.5rem;right:1.5rem;z-index:1060;width:320px;max-width:calc(100vw - 3rem);animation:fab-panel-in .18s ease;background:var(--gradient-purple-blue);color:#fff;box-shadow:0 40px 100px #000000c7,0 12px 36px #00000080;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(6px);transform:translateZ(0)}.chat-panel .card-header{background:transparent;color:#fff;border-bottom:none}.chat-partner-status{font-size:.66rem;font-weight:500;opacity:.85;line-height:1.15}.chat-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00ff3c;vertical-align:middle;margin-right:1px}.chat-status-dot--off{background:#ff4d5e}.chat-list,.chat-messages{max-height:clamp(240px,42vh,460px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.chat-list::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:10px}.chat-list::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.chat-tabs{border-bottom:1px solid rgba(255,255,255,.12)}.chat-tab{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:#ffffffa6;font-size:.76rem;font-weight:600;padding:.45rem 0;cursor:pointer;transition:color .12s ease,border-color .12s ease}.chat-tab:hover{color:#fff}.chat-tab--active{color:#fff;border-bottom-color:#fff}.chat-search .form-control{font-size:.78rem}.chat-thread-item{background:transparent;border:none;color:#fff;transition:background .12s ease}.chat-thread-item:hover:not(:disabled){background:rgba(255,255,255,.08)}.chat-thread-item:disabled{cursor:default;opacity:.75}.chat-thread-row{border-bottom:1px solid rgba(255,255,255,.08)!important}.chat-thread-row:hover .chat-thread-delete{opacity:1}.chat-thread-delete{width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:#ffffffbf;font-size:.78rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.55;transition:opacity .12s ease,background .12s ease,color .12s ease}.chat-thread-delete:hover{background:rgba(220,53,69,.85);color:#fff}.chat-status-label{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;position:sticky;top:0;z-index:2}.chat-status-label--on{background:rgba(40,167,69,.85);color:#fff}.chat-status-label--off{background:rgba(0,0,0,.3);color:#ffffffd9}.chat-group-label{font-size:.7rem;font-weight:700;letter-spacing:.04em;background:rgba(255,255,255,.12)}.chat-tab-count{display:inline-block;margin-left:.2rem;padding:0 .3rem;border-radius:999px;background:#28a745;color:#fff;font-size:.6rem;line-height:1.4}.chat-tab-count--unread{background:#dc3545}.chat-list .online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;background:#00ff3c;border-radius:50%;border:2px solid #fff}.chat-list .text-online{color:#00ff3c}.chat-bubble{max-width:72%;padding:.4rem .6rem;border-radius:.75rem;font-size:.8rem;line-height:1.35;word-break:break-word}.chat-bubble-text{white-space:normal}.chat-bubble-text .chat-text{white-space:pre-wrap}.chat-link{display:inline-flex;align-items:center;gap:.25rem;max-width:100%;padding:.1rem .4rem;border-radius:.4rem;font-weight:600;text-decoration:none;word-break:break-all}.chat-bubble--mine .chat-link{background:rgba(0,0,0,.08);color:#0d3c8c}.chat-bubble--mine .chat-link:hover{background:rgba(0,0,0,.14);color:#0d3c8c}.chat-bubble--theirs .chat-link{background:rgba(255,255,255,.22);color:#fff}.chat-bubble--theirs .chat-link:hover{background:rgba(255,255,255,.34);color:#fff}.chat-link-blocked{display:inline-flex;align-items:center;gap:.25rem;max-width:100%;padding:.1rem .4rem;border-radius:.4rem;background:rgba(220,53,69,.18);border:1px dashed rgba(220,53,69,.55);opacity:.85;cursor:not-allowed;word-break:break-all}.chat-bubble--mine{background:rgba(255,255,255,.94);color:#1b1b1b;border-bottom-right-radius:.2rem}.chat-bubble--theirs{background:rgba(255,255,255,.18);color:#fff;border-bottom-left-radius:.2rem}.chat-bubble-time{font-size:.6rem;opacity:.6;text-align:right;margin-top:2px}.chat-edited{font-style:italic;margin-right:2px}.chat-msg-edit{width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:#ffffffb3;font-size:.72rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.45;transition:opacity .12s ease,background .12s ease}.chat-msg-row:hover .chat-msg-edit{opacity:1}.chat-msg-edit:hover{background:rgba(255,255,255,.22);color:#fff}.chat-editing{font-size:.68rem;background:rgba(255,193,7,.22);border-top:1px solid rgba(255,255,255,.1)}.chat-editing-cancel{background:transparent;border:none;color:#fff;font-size:.68rem;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.chat-tick{font-size:.78rem;vertical-align:-1px;margin-left:1px}.chat-tick--read{color:#1e90ff;opacity:1}.chat-bubble--mine .chat-bubble-time:has(.chat-tick--read){opacity:.9}.chat-retention{font-size:.68rem;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1);opacity:.9}.chat-retention-select{background:rgba(255,255,255,.16);color:#fff;border:none;border-radius:.35rem;font-size:.68rem;font-weight:600;padding:.1rem .3rem;cursor:pointer}.chat-retention-select option{background:#2b2b3c;color:#fff}.chat-composer{border-top:1px solid rgba(255,255,255,.08)}.chat-input{resize:none;max-height:90px;font-size:.8rem;background:rgba(255,255,255,.12);border:none;color:#fff}.chat-input::placeholder{color:#fff9}.chat-input:focus{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}html[data-placement=horizontal][data-menu-position=bottom] .chat-fab{bottom:calc(1.5rem + var(--nav-size-slim))}html[data-placement=horizontal][data-menu-position=bottom] .chat-panel{bottom:calc(5.5rem + var(--nav-size-slim))}