:root{--bodyC:#08102b;--bodyB:#fffdfc;--linkC:#181087;--iconC:#08102b;--headerH:72px;--contentB:#fffdfc;--contentL:#e6e6e6;--contentW:1200px}
/* Source Code Font */

@font-face{font-family:'Nunito';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*{font-family:"Nunito",sans-serif}
::selection{color:#fff;background:var(--linkC)}
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}
h1{font-size:1.9rem}
h2{font-size:1.7rem}
h3{font-size:1.5rem}
h4{font-size:1.4rem}
h5{font-size:1.3rem}
h6{font-size:1.2rem}
a{color:var(--linkC);text-decoration:none}
a:hover{opacity:0.9;transition:opacity 0.1s}
table{border-spacing:0}
iframe{max-width:100%;border:0;margin-left:auto;margin-right:auto}
input,button,select,textarea{font:inherit;font-size:100%;color:inherit;line-height:normal;outline:0}
input::placeholder{color:rgba(0,0,0,0.5)}
img{display:block;position:relative;max-width:100%;height:auto}
svg:not(.svgLanding){width:24px;height:24px}
svg.line,svg .line{fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round;stroke-width:1}

.hidden{display: none !important;}

/* Main Element */
html{scroll-behavior:smooth;overflow-x:hidden}
body{position:relative;margin:0;padding:0!important;width:100%;font-size:14px;color:var(--bodyC);background:var(--bodyB);-webkit-font-smoothing:antialiased}
.secIn{margin:0 auto;padding-left:20px;padding-right:20px;max-width:var(--contentW);width:100%}

/* [ Header Masdhika] */
.header{height:70px;position:fixed;top:0;background:white;left:0;right:0;z-index:1;border-bottom:1px solid #e4e3e1}
.header-nav{display:flex;justify-content:space-between;align-items:center;min-height:70px}
.header-nav-left-heading{display:flex;align-items:baseline;color:inherit;font-size:16px;font-weight:400}
.header-nav-left-heading-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;font-weight:700;font-size:20px}
.header-nav-left-heading-description{margin:0 5px;font-size:11px;opacity:.6}

.header-nav-right-button{display:inline-flex;gap:8px;align-items:center;background-color:#181087;color:white;white-space:nowrap;padding:0 10px;transition:all .2s ease;width:100%;height:40px;border-radius:8px}
.header-nav-right-button:is(:hover,:focus){box-shadow:0 3px 1px -2px rgb(0 0 0 / 0.2),0px 2px 2px 0 rgb(0 0 0 / 0.14),0px 1px 5px 0 rgb(0 0 0 / 0.12)}
.header-nav-right-button svg{fill:white;width:20px;height:20px}
.headP{display:flex;position:relative}
.mnBr ul{list-style:none;margin:0;padding:0}
.mnH .c::before{content:attr(aria-label);font-size:11px;margin:0 8px;opacity:0.6}
.mnH .c::after{content:'\2715';line-height:18px;font-size:14px}
@media screen and (max-width:896px){
  .header-nav-right-menu{display:flex;justify-content:flex-end;left:unset;bottom:unset;position:absolute;top:45px;right:22px;z-index:20;transition:all 0.1s ease;visibility:hidden;opacity:0;margin:0}
  .mnBr{height:100%;margin-right:-480px;transition:inherit;z-index:3;overflow:hidden;position:relative;box-shadow:0 5px 30px 0 rgba(0,0,0,0.05)}
  .mnBrs{padding:50px 0 0;overflow-y:scroll;overflow-x:hidden;width:100%;height:100%;background:var(--contentB)}
  .mnH{padding:0;justify-content:flex-end;display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2}
  .mnH label{padding:15px 20px}
  .navi:checked ~ .header{z-index:13}
  .navi:checked ~ .header .header-nav-right-menu{opacity:1;visibility:visible}
  .navi:checked ~ .header .header-nav-right-menu .mnBr{margin-right:0}
  .navi:checked ~ .header .header-nav-right-menu .fCls{opacity:1;visibility:visible}
  .mnMen{padding:0 10px}
  .mnMn svg{width:20px;height:20px;opacity:0.8}
  .mnMn > li{position:relative;padding:10px 0}
  .mnMn > li.br::after{content:'';display:block;border-bottom:1px solid var(--contentL);margin:12px 5px}
  .mnMn li:not(.drp) .a:hover,.mnMn ul li a:hover{color:var(--linkC)}
  .mnMn li:not(.mr) .a::before{content:'';position:absolute;top:0;bottom:0;left:0;border-left:1px solid var(--linkC);transition:all 0.1s ease;opacity:0}
  .mnMn li:not(.drp) .a:hover::before{opacity:1}
  .mnMn li:not(.mr) ul{position:relative;padding-left:5px}
  .mnMn li:not(.mr) ul::before{content:'';display:block;position:absolute;top:0;bottom:0;border-left:1px solid var(--contentL);height:calc(100% - 19px)}
  .mnMn li ul{display:none;opacity:0;visibility:hidden}
  .mnMn li:not(.mr) li > *{padding:10px 15px;opacity:0.8}
  .mnMn li:not(.mr) li{position:relative}
  .mnMn li:not(.mr) li::before{content:'';width:8px;border-bottom:1px solid var(--contentL);display:block;position:absolute;top:19px}
  .mnMn .a{display:flex;align-items:center;padding:10px 15px;position:relative;width:calc(100% + 30px);left:-15px;right:-15px;transition:all 0.1s ease}
  .mnMn .a > *{margin:0 5px}
  .mnMn .a:hover svg:not(.d){fill:var(--linkC)}
  .mnMn .a:hover svg.line:not(.d){fill:none;stroke:var(--linkC)}
  .mnMn .n,.mnMn ul li > *{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(100% - 64px)}


  .mnH{color:var(--bodyC);border-bottom:1px solid var(--contentL)}
  .mnBr{border-radius:15px}
}
@media screen and (min-width: 897px) {
  .headP{display:none}
  .headP::before{content:'';display:block;margin-left:15px}
  .mnH{display:none}
  .mnMn{display:flex;justify-content:flex-end;position:relative;gap:15px}
  .mnMn > li{display:inline-flex;align-items:center;position:relative;white-space:nowrap;height:var(--headerH)}
  .mnMn > li:hover ul{max-height:100vh;opacity:1;visibility:visible}
  .mnMn > li:last-child ul{left:auto;border-radius:16px 5px 16px 16px}
  .mnMn ul{display:block;position:absolute;top:calc(var(--headerH) - 15px);left:-15px;right:-15px;min-width:180px;max-height:0vh;background:var(--contentB);box-shadow:0 10px 20px -10px rgba(0,0,0,0.1);border-radius:5px 16px 16px 16px;transition:all 0.1s ease;opacity:0;visibility:hidden;z-index:1;overflow:hidden}
  .mnMn ul li > *{display:block;padding:8px 15px;overflow:hidden;text-overflow:ellipsis;opacity:0.8}
  .mnMn ul li > *:hover{background:rgba(0,0,0,0.05)}
  .mnMn ul li:last-child > *{padding-bottom:15px}
  .mnMn .a{display:inline-flex;align-items:center;position:relative}
  .mnMn .a:hover{color:var(--linkC)}
  .mnMn .a:hover::after{opacity:1}
  .mnMn .a::after{content:'';border-bottom:1px solid var(--linkC);position:absolute;bottom:-1px;left:0;right:0;opacity:0;transition:all 0.1s ease}
}

/* [ Main Masdhika] */
.section-svg svg{overflow:hidden;vertical-align:middle}
.bIc{display:flex;align-items:center}.tIc{width:30px;height:30px;justify-content:center}.tIc::after{content:"";background:rgba(0,0,0,0.05);border-radius:12px;position:absolute;left:0;right:0;top:0;bottom:0;transition:all 0.2s ease;opacity:0;visibility:hidden}.tIc:hover::after{opacity:1;visibility:visible;transform:scale(1.3,1.3)}.panel{margin:40px 0}textarea::-webkit-scrollbar{width:0}label{line-height:15px}input{line-height:20px;font-size:14px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 9999s ease-in-out 0s}select{outline:none}select:hover{border-color:#482dff}@media (max-width:6500px){.expiry-control .expiry-controlp{display:none}}.button-container{margin:50px 0;text-align:center}.submit{display:inline-block;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;text-decoration:none;text-align:center;border:0;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;font-weight:500;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;grid-gap:8px;padding:11px 30px;font-size:18px;color:#fff;background:#0454e7;border:none}.button-container svg{fill:none;stroke:#fff;width:15px;height:15px}.private-Expiry,.private-profile,.private-password{display:none}.private-password.active{display:grid}.private-Expiry.active{display:grid}.private-profile.active{display:grid}.ppanel-auth{display:flex;align-items:center;justify-content:center;column-gap:10px;row-gap:16px;flex-wrap:wrap;width:100%;margin:25px 0;padding:10px;border:1.5px solid #cdcdcd;border-radius:5px}.ppanel-auth img{width:25px;height:25px;display:block;border-radius:50px}.ppanel-auth .ga-name,.la-act,.la-a{font-size:14px;font-weight:bold;color:#697a8f}.ddivider{width:2px;height:20px;align-self:center;background-color:#697a8f66}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(184,184,184,0.5)}100%{box-shadow:0 0 0 15px rgba(184,184,184,0)}}.generateArea{background:rgba(255,255,255,0.8);position:relative;overflow:hidden;--mnclr:#181087;font-family:'Product Sans',sans-serif;padding:20px;margin:30px auto;max-width:100%;border-radius:15px;box-shadow:rgb(0 0 0 / 12%) 0 1px 6px 0}.postTabs-nav{display:flex;gap:12px;text-align:center}.postTabs-nav span{display:flex;justify-content:center;background-color:#ffffffcf;align-items:center;width:50%;line-height:32px;cursor:pointer;box-shadow:rgb(0 0 0 / 12%) 0 1px 6px 0;border-radius:12px}.postTabs-nav span img{margin-right:6px;border-radius:10000px;pointer-events:none}.postTabs-nav span.active{background:white;transition:all .3s;animation:pulse 1s infinite}.postTabs-content{margin-top:25px;outline:1px solid var(--border);border-radius:var(--borderR);box-shadow:0 10px 8px -8px var(--border)}.postTabs-contentP{display:none}.postTabs-contentP.active{display:block}.postTabs-SH{background:rgba(255,255,255,0.8);position:relative;overflow:hidden;--mnclr:#181087;font-family:'Product Sans',sans-serif;padding:20px;width:100%;border-radius:15px;box-shadow:rgb(0 0 0 / 12%) 0 1px 6px 0}.postTabs-SH_header{position:relative}.postTabs-SH_header input{padding:10px 35px 10px 55px!important;line-height:unset!important;width:100%!important;border:0!important;background:#f5f5f5!important;border-radius:5px!important;font-size:16px!important;font-weight:500!important}.postTabs-SH_header label{position:absolute;left:0;top:10px;padding:0 10px;border-right:1px dashed #08102b;line-height:1;height:calc(100% - 20px)}.postTabs-SH_header button{position:absolute;top:3px;right:3px;bottom:3px;padding-inline:10px;background-color:#181087;border-radius:4px;border:0;color:#fefefe;cursor:pointer}.section-svg{position:relative}.cArea{font-size:14px;position:relative}.cArea:not(:last-child){margin-bottom:10px}.cArea .label{display:block;margin:18px 0;font-weight:bold;color:#494949}.cArea .label span{color:red}.cArea input,.cArea textarea{display:block;width:100%;border:1px solid #999;border-radius:8px;padding:8px 16px;line-height:1.6em;transition:all .4s ease}.cArea input:hover,.cArea textarea:hover{border-color:#b5b5b5}.cArea input:focus,.cArea textarea:focus{box-shadow:-1px 3px 10px 0 rgb(0 0 0 / 6%)}.cArea input:active,.cArea textarea:active{border-color:#181087;box-shadow:0 0 0 .125em #181087}.cArea input:focus-visible,.cArea textarea:focus-visible{outline-offset:3px;outline:1px dashed #999}.cArea input:focus+label svg{stroke:#181087}.section-page-2-content{display:grid;grid-template-columns:1.4fr 1fr;background-color:white;border:1px solid rgb(236,239,249);border-radius:10px;overflow:hidden}.section-page-2-content-right{padding:20px}.section-page-2-content-left{padding:20px;background-color:#f7f7fc}@media (max-width:960px){.section-page-2-content{grid-template-columns:1fr}}.info-box{color:#272eb5;background:#e8f0fe;padding:10px;text-align:center;font-size:14px;border-radius:6px;line-height:20px}.info-box.error{color:#721c24;background:#f8d7da}.c{opacity:0.4;cursor:not-allowed}.submit{display:inline-flex;gap:8px;align-items:center;background-color:#181087;color:white;white-space:nowrap;padding:0 10px;transition:all .2s ease;height:40px;border-radius:8px;width:100%;justify-content:center;cursor:pointer}.submit:is(:hover,:focus){box-shadow:0 3px 1px -2px rgb(0 0 0 / 0.2),0px 2px 2px 0 rgb(0 0 0 / 0.14),0px 1px 5px 0 rgb(0 0 0 / 0.12)}.fCls{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;transition:all 0.1s ease;background:transparent;opacity:0;visibility:hidden}.private-Expiry,.private-profile,.private-password{display:none}.private-password.active{display:grid}.private-Expiry.active{display:grid}.private-profile.active{display:grid}.pilihansa{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}.pilihansa div{border:1px solid #999;border-radius:8px;padding:8px 16px;line-height:1.6em;transition:all .4s ease;cursor:pointer;background-color:white}.pilihansa div.selected{background-color:#0454E7;border:1px solid #0454E7;color:white;cursor:auto}.asdasdad{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cArea.result{margin:25px 0}.cArea.result button{position:absolute;top:3px;right:3px;bottom:3px;padding-inline:10px;background-color:#0454E7;border-radius:4px;border:0;color:#fefefe;cursor:pointer}.main{padding-top:70px;background-image:linear-gradient(to bottom,rgba(250,251,251,0),#181087);}.section-page-1{padding-top:30px;padding-bottom:30px}.section-page-2{scroll-margin-top:130px;padding-top:30px;padding-bottom:30px}.section-page-1-container{border-radius:12px;overflow:hidden;background-color:#181087}.section-page-1-container-content{display:grid;gap:35px;position:relative;background:url(../assets/header-overlay.png) 0 0/contain no-repeat,url(../assets/header-bg-azure.png) 50% 100%/cover no-repeat;padding:50px;grid-template-columns:1fr;text-align:center;justify-items:center}.section-page-1-container-content-title{font-size:40px;color:white}.section-page-1-container-content-action{position:absolute;bottom:35px;left:0;right:0;margin:auto;display:flex;height:65px;width:20px;justify-content:center;align-items:center}.section-page-1-container-content-action a:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.section-page-1-container-content-action span{display:block;width:15px;height:15px;border-bottom:3px dotted rgba(255,255,255,.85);border-right:3px dotted rgba(255,255,255,.85);transform:rotate(45deg);margin:-16px;animation:animatedown 2s infinite;margin-left:-6.5px}.section-page-1-container-content-action span:nth-child(2){animation-delay:-0.2s;border-color:#181087}.section-page-1-container-content-action span:nth-child(3){animation-delay:-0.4s}@media (max-width:480px){.section-page-1{padding:0 0 40px}.section-page-1-container{border-radius:0}.section-page-1-container-content{padding:40px 20px}.section-page-1-container-content-title{font-size:30px}}@keyframes animatedown{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}100%{opacity:0;transform:rotate(45deg) translate(20px,20px)}}.cArea{font-size:14px}.cArea:not(:last-child){margin-bottom:10px}.cArea .label{display:block;margin:18px 0;font-weight:bold;color:#494949}.cArea .label span{color:red}.cArea input,.cArea textarea{display:block;width:100%;border:1px solid #999;border-radius:8px;padding:8px 16px;line-height:1.6em;transition:all .4s ease}.cArea input:hover,.cArea textarea:hover{border-color:#b5b5b5}.cArea input:focus,.cArea textarea:focus{box-shadow:-1px 3px 10px 0 rgb(0 0 0 / 6%)}.cArea input:active,.cArea textarea:active{border-color:#181087;box-shadow:0 0 0 .125em #181087}.cArea input:focus-visible,.cArea textarea:focus-visible{outline-offset:3px;outline:1px dashed #999}.cArea input:focus+label svg{stroke:#181087}.pilihansa{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}.pilihansa div{border:1px solid #999;border-radius:8px;padding:8px 16px;line-height:1.6em;transition:all .4s ease;cursor:pointer;background-color:white}.pilihansa div.selected{background-color:#0454E7;border:1px solid #0454E7;color:white;cursor:auto}.asdasdad{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.anim-elements{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:-1}
.anim-elements .anim-element{position:absolute}
.anim-elements .anim-element:nth-child(1){background:rgb(16,255,0,1);width:15px;height:15px;border-radius:50%;top:12%;left:15%;animation:animTwo 13s infinite linear}
.anim-elements .anim-element:nth-child(2){border:5px solid rgba(0,153,229,1);width:25px;height:25px;border-radius:50%;top:15%;left:45%;animation:animOne 15s infinite linear}
.anim-elements .anim-element:nth-child(3){border:5px solid rgba(244,34,104,1);width:25px;height:25px;bottom:20%;left:30%;animation:animFour 15s infinite linear alternate}
.anim-elements .anim-element:nth-child(4){background:rgba(252,162,73,1);width:15px;height:15px;border-radius:5px;bottom:15%;right:25%;animation:animFive 15s infinite linear alternate}
.anim-elements .anim-element:nth-child(5){background:rgb(251 255 0);width:3px;height:20px;top:18%;right:25%;animation:animFour 15s infinite linear alternate}
.anim-elements .anim-element:nth-child(5):after,.anim-elements .anim-element:nth-child(5):before{content:'';display:block;width:100%;height:calc(50% - 2px);top:6px;background:inherit;position:absolute;transform:rotate(90deg)}
.anim-elements .anim-element:nth-child(5):before{right:-6px}
.anim-elements .anim-element:nth-child(5):after{left:-6px}
@keyframes animOne{0%{transform:translate(0,0) rotate(0)}20%{transform:translate(73px,-1px) rotate(35deg)}40%{transform:translate(141px,72px) rotate(75deg)}60%{transform:translate(83px,122px) rotate(110deg)}80%{transform:translate(-40px,72px) rotate(145deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes animTwo{0%{transform:translate(0,0) rotate(0) scale(1)}20%{transform:translate(73px,-1px) rotate(36deg) scale(0.9)}40%{transform:translate(141px,72px) rotate(72deg) scale(1)}60%{transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{transform:translate(-40px,72px) rotate(144deg) scale(1.1)}100%{transform:translate(0,0) rotate(0) scale(1)}}
@keyframes animFour{0%{transform:translate(-300px,151px) rotate(0)}100%{transform:translate(251px,-200px) rotate(180deg)}}
@keyframes animFive{0%{transform:translate(61px,-99px) rotate(0)}21%{transform:translate(4px,-190px) rotate(38deg)}41%{transform:translate(-139px,-200px) rotate(74deg)}60%{transform:translate(-263px,-164px) rotate(108deg)}80%{transform:translate(-195px,-49px) rotate(144deg)}100%{transform:translate(-1px,0) rotate(180deg)}}


.toastNotif{position:fixed;left:0;right:0;top:10px;padding-left:15px;padding-right:15px;display:inline-flex;z-index:997;justify-content:center;pointer-events:none;align-items:center;flex-direction:column;gap:10px}.toastNotif .N{width:100%;max-width:680px;padding:10px;border-radius:8px;pointer-events:all;background-color:#242424;color:#fff;animation:toast-open .24s cubic-bezier(.175,.885,.32,1.175) both;overflow:hidden}.toastNotif .N a{color:inherit;text-decoration:underline}.toastNotif .N.success{background-color:#2BC48A}.toastNotif .N.error{background-color:#fb5252}.toastNotif .N.warning{background-color:#FCA120}.toastNotif .N.info{background-color:#3498DB}.toastNotif .N.close{-webkit-animation:toast-close .12s cubic-bezier(.4,0,1,1) both;animation:toast-close .12s cubic-bezier(.4,0,1,1) both}.toastNotif .N .C{display:flex;align-items:center;gap:15px}.toastNotif .N .C .I{position:relative;width:34px;height:34px;border-radius:10px;background-color:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center}.toastNotif .N .C .M{flex:1}.toastNotif .N .C .B{position:relative;display:flex;border:none;border-radius:3px;cursor:pointer;transition:250ms linear;color:#fff;width:34px;height:34px;background:rgba(0,0,0,0);justify-content:center;align-items:center}.toastNotif .N .C svg{width:18px;height:18px}.toastNotif .N .C svg.line{stroke:#ffffff;stroke-width:2px}.toastNotif .N .C .B:hover{background:rgba(255,255,255,0.2)}.toastNotif .N .H{margin-top:15px}.toastNotif .N:not(.noAnimation)::before{position:absolute;content:"";height:3px;width:100%;bottom:0;left:0;animation:progress 5s linear forwards;background:rgb(0 0 0 / 20%)}@keyframes progress{100%{width:0%}}@-webkit-keyframes toast-open{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes toast-open{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes toast-close{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes toast-close{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}

footer{font-size:97%;line-height:1.8em;color:#08102b;padding:40px 0 20px}.footer{padding:20px;background:#fffdfc;box-shadow:rgb(0 0 0 / 12%) 0 1px 6px 0;border-radius:15px}footer .LinkList a,footer .sL li >*{display:inline-block;color:inherit;line-height:20px}footer .LinkList a:hover{text-decoration:underline}footer .LinkList ul:not(.sL) li::before{content:'\2013';opacity:.3;margin-right:8px}footer .sL{display:flex;flex-wrap:wrap;align-items:baseline;font-size:13px;opacity:.8}footer .sL li{display:inline-flex;align-items:baseline}footer .sL li:not(:first-child)::before{content:'/';margin:0 5px}footer .sL li >*::before{content:attr(data-text)}.fotIn ul{list-style:none;margin:0;padding:0}.fotIn{display:flex;flex-wrap:wrap;position:relative;width:calc(100% + 30px);left:-15px;right:-15px}.fotIn >*{width:calc(21.666% - 30px);margin:0 15px}.fotIn >*:first-child{width:calc(35% - 30px)}.fotIn .widget{margin-bottom:30px}.fotIn .widget .title{color:inherit;margin-bottom:12px;font-weight:700;font-size:14px}.abtU{max-width:calc(100% - 25px)}.abtU::before{content:attr(data-text);font-size:13px;opacity:.6;display:block;margin-bottom:3px}.abtU >*{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.abtL{flex:0 0 70px;width:70px;height:70px;background-repeat:no-repeat;background-size:100%;background-position:center;border-radius:10px}.abtT{flex:0 0 calc(100% - 82px)}.abtT .tl{color:inherit;font-size:1.3rem}.abtD{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;line-height:1.4em;margin:4px 0 0;overflow:hidden}footer .credit a{display:inline-flex;align-items:center}footer .credit a svg{width:13px;height:13px;margin:0 3px;fill:var(--linkC)}.cdtIn{display:flex;align-items:baseline;justify-content:space-between;position:relative;width:calc(100% + 20px);left:-10px;right:-10px}.cdtIn >*{margin:0 10px}.cdtIn .HTML{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fotCd{display:inline-flex}.fotCd .creator{opacity:0}.tTop svg{width:20px;height:20px;stroke:#08102b}.toTop{display:flex;align-items:center;white-space:nowrap}.toTop::before{content:attr(data-text);opacity:.7;margin:0 5px}.toTopF{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--linkC);position:fixed;bottom:20px;right:20px}.toTopF svg{stroke:#fffdfc;stroke-width:2}.wvC{position:absolute;bottom:0;width:100%;z-index:-1}.wvS{position:relative}.wvS .waves{position:absolute;bottom:0;width:100%;height:60px;min-height:100px;max-height:150px}.wvH{position:relative;height:0;background:#181087}.plx > use{fill:#181087;animation:waveMove 25s cubic-bezier(.55,.5,.45,.5) infinite}.plx > use:nth-child(1){opacity:.7;animation-delay:-2s;animation-duration:7s}.plx > use:nth-child(2){opacity:.5;animation-delay:-3s;animation-duration:10s}.plx > use:nth-child(3){opacity:.3;animation-delay:-4s;animation-duration:13s}.plx > use:nth-child(4){opacity:1;animation-delay:-5s;animation-duration:20s}@keyframes waveMove{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}@media screen and (max-width:1100px){.fotIn >*,.fotIn >*:first-child{width:calc(50% - 30px)}}@media screen and (max-width:640px){footer{padding-top:30px}}@media screen and (max-width:500px){.fotIn >*,.fotIn >*:first-child{width:calc(100% - 30px)}}

/* Note */
.note{position:relative;padding:16px 20px 16px 50px;background:#181087;color:#fff;font-size:0.85rem;line-height:1.6em;border-radius:10px;overflow:hidden;font-size:10px}
.note::before{content:'';width:60px;height:60px;background:#2b67ff;display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:0.1}
.note::after{content:url('data:image/svg+xml;charset=utf-8,<svg style="width:24px;height:24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z"/></svg>');position:absolute;left:14px;top:14px;font-size:20px;min-width:15px;text-align:center;width:20px;height:20px}


/* Article Style Responsive */
@media screen and (max-width:640px){.note{font-size:13px}}


@media screen and (min-width:768px){
  ::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.35)}::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.35)}
}


/* [popUp] */ .popUp{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;right:0;bottom:0;margin-bottom:-100%;z-index:99;transition:all .1s ease;opacity:0;visibility:hidden}.popUp-container{width:100%;max-width:420px;border-radius:1rem;z-index:3;display:flex;overflow:hidden;position:relative}.popUp-container-content{padding-top:60px;width:100%;background:white;padding:24px}.popUp-container-content-inti{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.popUp-container-content-inti-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:99px}.modalButton .button{display:inline-flex;gap:8px;align-items:center;color:var(--txt1);background:transparent;border:1px solid #999;white-space:nowrap;padding:0 10px;transition:all .2s ease;height:40px;border-radius:8px;justify-content:center;cursor:pointer}.modalButton{display:grid;gap:15px;width:100%}.modalButton .removeProfilYes{background-color:#d21953;color:white;border-color:#d21953}.popUp.open{margin-bottom:0;opacity:1;visibility:visible}.popUp.open .forClose{opacity:1;visibility:visible;background:rgba(0,0,0,.3)}.forClose{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;transition:all .1s ease;background:transparent;opacity:0;visibility:hidden}@media screen and (min-width:641px){.modalButton{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keyframes Animation */


@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
@-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}


.prv_cnt{--mnclr:#181087;font-family:'Product Sans',sans-serif;padding:20px;width:1200px;max-width:100%;border-radius:15px;background:#fff;box-shadow:rgb(0 0 0 / 12%) 0px 1px 6px 0px}
.prv_cnt{margin-top:0}

.prv_cnt{position:relative!important}
.prv_cnt > *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}
.prv_cnt::after{content:'Preview';background:var(--mnclr);color:#FFF;padding:5px 30px;border-radius:0 15px 0 15px;position:absolute;right:0;top:0}

.stu_l_btn{display:flex;flex-wrap:wrap;gap:12px}
.btn_iftr,.stu_b_ftr{--clr:#2d2d30;padding:5px 12px;color:#fff;background-color:var(--clr);border-radius:5px;cursor:pointer;font-size:16px;line-height:1}
.btn_iftr,.stu_b_ftr{border:0;flex-grow:1;display:inline-flex;justify-content:center;align-items:center;gap:10px}
.btn_iftr.a,.stu_b_ftr.a{animation:nudge 0.5s 0s}
.btn_iftr svg,.stu_b_ftr svg{fill:#fff;width:24px;height:24px;background:rgba(0,0,0,.3);border-radius:50%;padding:4px}
.btn_iftr.ics svg,.stu_b_ftr.ics svg{background:rgba(255,255,255,.2)}
.btn_iftr.a{background:rgba(0,0,0,.8)}
.btn_iftr.a svg>:nth-child(1),.btn_iftr svg>:nth-child(2),.stu_b_ftr.a svg>:nth-child(1),.stu_b_ftr svg>:nth-child(2){display:none}
.btn_iftr.a svg>:nth-child(2),.stu_b_ftr.a svg>:nth-child(2){display:block}
.stu_ftr_cnt{margin:20px 0}
.stu_ftr{display:none;position:relative;padding:20px;border-radius:15px;margin:35px 0 0;background:#f5f5f5}
.stu_ftr::before{content:attr(data-text);position:absolute;top:-12px;background:#f5f5f5;border:2px solid #ccc;padding:2px 7px;border-radius:5px;left:50%;transform:translateX(-50%)}
.stu_ftr.a{display:block}
.stu_iftr{display:flex;flex-wrap:wrap;gap:12px}
.stu_ftr_inp{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.stu_rst>div,.stu_ftr_inp label{position:relative;flex-grow:1;transition:0.3s;display:none}
.stu_rst>div{flex-grow:0}
.stu_ftr_inp .grp{display:none;width:100%}
.stu_rst.a>div,.stu_ftr_inp label.a{display:block}
.stu_ftr_inp .grp.a{display:flex;flex-wrap:wrap;gap:12px}
.stu_rst input,.stu_ftr_inp input,.stu_ftr_inp textarea{padding:10px 35px 10px 55px!important;line-height:unset!important;width:100%!important;border:0!important;background:#f5f5f5!important;border-radius:5px!important;font-size:16px!important;font-weight:500!important}
.stu_rst input{padding-right:55px}
.stu_ftr_inp input[type='file']::file-selector-button{border:0;background:var(--clr);font-size:80%;border-radius:3px;color:#fff}
.stu_ftr_inp input[type='file'][data-fill]::file-selector-button{display:none}
.stu_rst input~span,.stu_ftr_inp label>span{position:absolute;left:0;top:10px;padding:0 10px;border-right:1px dashed currentColor;line-height:1;height:calc(100% - 20px)}
.stu_fi~i{display:none;position:absolute;right:7px;top:10px;border-radius:50%;overflow:hidden;width:22px;height:22px;justify-content:center;align-items:center}
.stu_rst input~i{position:absolute;display:flex;border-radius:3px;justify-content:center;align-items:center;right:7px;top:50%;transform:translateY(-50%);background:var(--mnclr);padding:5px 5px;color:#fff;line-height:1;font-style:normal;font-weight:500;cursor:pointer}
.stu_fi.er~i{--iclr:red}
.stu_fi.ok~i{--iclr:green}
.stu_fi.er~i,.stu_fi.ok~i{display:flex;color:var(--iclr)}
.stu_fi~i::before{content:'';background:currentColor;position:absolute;opacity:.2;inset:0}
.stu_fi~i svg{width:14px;height:14px}
.stu_fi~i svg>*{display:none}
.stu_fi.er~i svg>:nth-child(2),.stu_fi.ok~i svg>:nth-child(1){display:block}
.stu_ftr_inp label.a:focus-within{color:var(--clr)}
.stu_fi.ok,.stu_fi.ok~*{color:var(--clr)}
.stu_ftr_btn{display:flex;gap:15px;justify-content:center}

.button-container{margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;}
.button{display: inline-flex;
    gap: 8px;
    align-items: center;
    background-color: var(--mnclr);
    color: white;
    white-space: nowrap;
    padding: 0 10px;
    transition: all .2s ease;
    height: 40px;border:0;
    border-radius: 8px;
    width: 100%;
    justify-content: center;
    cursor: pointer;}
    .button:is(:hover,:focus){box-shadow:0 3px 1px -2px rgb(0 0 0 / 0.2),0px 2px 2px 0 rgb(0 0 0 / 0.14),0px 1px 5px 0 rgb(0 0 0 / 0.12)}
.button svg{display:none;fill:none;stroke:#fff;width:20px;height:20px}
.button.loading svg{display:block}
.circle_animate{animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.ppanel-auth{display:flex;align-items:center;justify-content:center;column-gap:10px;row-gap:16px;flex-wrap:wrap;width:100%;margin:25px 0;padding:10px;border:1.5px solid #cdcdcd;border-radius:5px}.ppanel-auth img{width:25px;height:25px;display:block;border-radius:50px}.ppanel-auth .ga-name,.la-act,.la-a{font-size:14px;font-weight:bold;color:#697a8f}.ddivider{width:2px;height:20px;align-self:center;background-color:#697a8f66}

.xldg{display:flex;justify-content:center;align-items:center;gap:10px;color:inherit}
.xldg svg{fill:currentColor;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.stu_rst{display:none}
.stu_rst.a{display:flex;justify-content:center;margin:20px auto;max-width:540px;flex-direction:column;gap:20px}
.stu-image{display:none;width:100%;justify-content:center;margin:10px 0 0}
.stu-image.a{display:flex}
.stu-image>*{max-height:200px}
.stu_sty{display:flex;justify-content:center;align-items:center;margin:0 0 20px;gap:10px}
.stu_sty select.stu_fi{border:0;background:var(--mnclr);color:#fff;border-radius:3px}
.d_stu{display:none}
.d_stu.a{display:block}
.dcstu{background:#f2f3f7;padding:20px;border-radius:15px}
.dcstu svg{fill:currentColor}
.dcstu>.i{position:relative;padding-top:52.5%;overflow:hidden;border-radius:10px;margin:0 0 20px}
.dcstu>.i img{position:absolute;top:50%;left:50%;max-width:none;max-height:108%;transform:translate(-50%,-50%)}
.dcstu>.t{text-align:center}
.dcstu>.t>*{font-size:24px;line-height:1;margin:0 0 10px;font-weight:400;font-family:inherit}
.dcstu>.t h3{font-size:18px;opacity:.8}
.dcstu>.l .cl,.dcstu>.b{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:20px 0}
.dcstu>.l .cl{margin-bottom:0}
.dcstu>.l .cl i,.dcstu>.b i{display:flex}
.dcstu i svg{width:20px;height:20px}
.dcstu .p{text-align:center;font-weight:700;opacity:.8}
.dcstu>.l .cl>*,.dcstu>.b>*{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:175px;padding:7px 12px;flex-grow:1;border-radius:8px;color:var(--mnclr);font-weight:700;transition:0.1s;min-height:44px;box-shadow:0 0 3px 1px rgba(0,0,0,.2)}
.dcstu a:hover{opacity:1}
.dcstu>.l{position:relative}
.dcstu>.l .cl>*:hover,.dcstu>.b>*:hover{color:var(--clr)}
.dcstu.s2>.l .cl>*,.dcstu.s2>.b>*{box-shadow:0 0 3px 1px rgba(0,0,0,.2);border:2px solid var(--mnclr)}
.dcstu.s2>.l .cl>*:hover,.dcstu.s2>.b>*:hover{color:var(--clr);border:2px solid var(--clr)}
.dcstu.s3>.l .cl>*,.dcstu.s3>.b>*{color:var(--clr);box-shadow:0 0 3px 1px rgba(0,0,0,.2);border:2px solid var(--clr)}
.dcstu.s3>.l .cl>*:hover,.dcstu.s3>.b>*:hover{color:#fff;background:var(--clr)}
.dcstu.s4>.l .cl>*,.dcstu.s4>.b>*{--sclr:#222;background:var(--clr);color:#fff;box-shadow:0 0 3px 1px rgba(0,0,0,.2)}
.dcstu.s4>.l .cl>*:not(:hover),.dcstu.s4>.b>*:not(:hover){padding-bottom:12px;box-shadow:rgba(0,0,0,.5) 0 2px 4px,rgba(0,0,0,.3) 0 7px 13px -10px,var(--sclr) 0 -6px 0 inset}
.dcstu .ex{margin:20px 0 0;text-align:center;opacity:.8}
.dcstu .ex span{font-weight:700}
.dcstu .pb{position:relative;margin:10px 0;background-color:#ddd;border-radius:5px;width:100%;overflow:hidden}
.dcstu .pb>*{background-color:#00ab40;height:10px;width:100%}
.dcstu .pb>*::after{content:'';position:absolute;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:50px 50px;top:0;bottom:0;left:0;right:0;overflow:hidden;animation:movePgrs 2s linear infinite}
@keyframes movePgrs{0%{background-position:0 0}100%{background-position:50px 50px}}
.dcstu>.l.p .cl{pointer-events:none;user-select:none;padding:20px;border-radius:10px;overflow:hidden}
.dcstu>.l.p .cl::before{content:'';position:absolute;background:#f2f3f7;top:0;left:0;bottom:0;right:0}
.dcstu>.l .cp{display:none}
.dcstu>.l.p .cp{position:absolute;display:flex;left:0;top:0;bottom:0;right:0;justify-content:center;align-items:center;flex-direction:column;gap:10px;background:#fff;border-radius:10px}
.dcstu>.l.p .cp::before{content:'Enter password:'}
.dcstu>.l.p .cp form{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.dcstu>.l.p .cp input{width:32px;height:32px;font-size:20px;text-align:center;border:2px solid transparent;outline:0;box-shadow:0 2px 8px -5px rgba(0,0,0,2);border-radius:5px;transition:0.3s}
.dcstu>.l.p input.ok{border-color:green}
.dcstu>.l.p input.er{border-color:red}
.dcstu>.l.p .cp button{display:none}
.d_stu .note{font-family:inherit;font-size:16px;background:#f2f3f7;color:var(--mnclr);margin:0 0 20px}
.d_stu .note::after{content:url("data:image/svg+xml,%3Csvg fill='none' width='25' stroke='%23181087' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z'%3E%3C/path%3E%3Cpath d='M12 8v4'%3E%3C/path%3E%3Cpath d='M12 16h.01'%3E%3C/path%3E%3C/svg%3E")}