@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300,0,0);:root{--primary-disabled:#79c3ff;--primary:#1d82f9;--primary-darker:#1a87e0}body,html{margin:0}*{font-family:Rubik,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}#appx{margin:0 auto;background:#fafafa}@media screen and (min-width:768px){#appx{min-height:100vh;margin:0 auto;overflow-y:auto}}h1,h3{font-weight:500}input,select,textarea{background:#fff;border:1px solid #ccc;padding:10px;outline:none;border-radius:6px;width:100%;transition:all .3s ease;font-size:14px}input:focus,select:focus,textarea:focus{background:#fff;border:1px solid var(--primary)}textarea{width:calc(100% - 22px)}.btn{background:#eee;border:1px solid #eee;border-radius:6px;outline:none;padding:8px 16px;transition:all .3s ease;cursor:pointer;font-size:14px}.btn.btn-primary{background-color:var(--primary);border-color:var(--primary);color:#fff}.btn.btn-primary:disabled{background-color:var(--primary-disabled);border-color:var(--primary-disabled)}.btn:active{transform:scale(.95)}.btn.btn-outline{background-color:#fff;border-color:var(--primary);color:var(--primary)}.btn.btn-block{width:100%}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:4px;font-size:14px}.form-group input{padding:12px;width:calc(100% - 26px)}.checkbox{cursor:pointer;display:flex;align-items:center;gap:5px}.checkbox input{width:auto}.btn-group{display:flex;justify-content:space-between}.btn-group .btn{min-width:120px}.fade-up{opacity:0;animation:fadeUp .3s ease-in-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.navbar{border-bottom:1px solid #ddd;background:#fff;padding:20px;position:sticky;top:0;font-weight:500;gap:10px;z-index:9}.navbar .title{max-width:900px;margin:0 auto}.notif{max-width:860px;margin:20px auto;font-size:14px;padding:15px;border-radius:5px;background:#fdf3f6;border:1px solid #d91d1d;color:#d91d1d}.notif a{color:#d91d1d;font-weight:500}.content{display:grid;grid-template-columns:200px 1fr;gap:30px;padding:20px;max-width:900px;margin:20px auto}@media screen and (max-width:768px){.content{display:block;margin:0;padding:0}.content .sidebar{display:none}}.content p.submenu{margin-top:30px;text-align:left;color:#333;font-weight:600}.content .menu{padding:10px 0;border-radius:10px;position:sticky;top:30px}.content .menu.logout{margin-top:30px}.content .menu ul{list-style:none;padding:0;margin:0}.content .menu ul li{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#333;padding:10px;transition:all .3s ease;cursor:pointer;font-size:14px;border-radius:6px;margin-bottom:4px}.content .menu ul li.active{background:#dfefff;font-weight:500}.content .menu ul li>div{display:flex;align-items:center;gap:5px}.content .menu ul li:active{transform:scale(.97)}.content .menu ul li:last-child{border:0}.content .menu ul li:hover{background-color:#dfefff}.content .title{margin-bottom:20px}.content .title h3{margin:0}.spinner{width:36px;height:36px;border-radius:50%;border:5px solid;border-color:#d6eafd;border-right-color:var(--primary);animation:spinner-d3wgkg 1s linear infinite;margin:100px auto}@keyframes spinner-d3wgkg{to{transform:rotate(1turn)}}@keyframes softPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05);color:#3b82f6}}.soft-pulse{animation:softPulse 1.5s ease-in-out 3}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9;display:flex;justify-content:center;align-items:flex-start}.modal .modal-body{margin-top:100px;background:#fff;padding:20px;border-radius:6px}.upload-container[data-v-6954dc07]{display:flex;justify-content:center;align-items:center;&.invalid[data-v-6954dc07]{.upload-box[data-v-6954dc07]{border:1px dashed red}}}.upload-box[data-v-6954dc07]{position:relative;width:100%;height:60px;border:1px dashed #ccc;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;&[data-v-6954dc07]:hover{border:1px dashed #999}&[data-v-6954dc07]:active{background:#f7f7f7}&.active[data-v-6954dc07]{height:auto;padding:15px 0}}.plus-sign[data-v-6954dc07]{font-size:24px}.loading-overlay[data-v-6954dc07]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10}.spinner[data-v-6954dc07]{border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;width:24px;height:24px;animation:spin-6954dc07 1s linear infinite}@keyframes spin-6954dc07{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uploaded-image[data-v-6954dc07]{max-width:70%;max-height:100%;-o-object-fit:cover;object-fit:cover}.remove-btn[data-v-6954dc07]{position:absolute;top:0;right:0;padding:8px 12px;background-color:rgba(255,0,0,.7);color:#fff;border:none;cursor:pointer;font-size:12px}.remove-btn[data-v-6954dc07]:hover{background-color:red}.tab{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;border-bottom:1px solid #ccc}.tab.program{grid-template-columns:repeat(2,1fr)}.tab li{font-size:14px;text-align:center;padding:10px 0}.tab li.active{color:var(--primary);font-weight:500;border-bottom:2px solid var(--primary)}.tab li:hover{cursor:pointer;color:var(--primary)}.syarat-pendaftaran{max-width:600px;margin:0 auto 20px}@media screen and (max-width:768px){.syarat-pendaftaran{padding:0 20px}}.syarat{margin:0 auto;padding-left:20px}.syarat li{font-size:14px;line-height:22px}@media screen and (max-width:768px){.kelas-internasional{padding:0 20px}}.kelas-internasional>div{padding:15px 0;max-width:600px;margin:0 auto}.kelas-internasional p{font-size:14px;line-height:20px}.btn-wrapper{max-width:600px;margin:20px auto}@media screen and (max-width:768px){.btn-wrapper{padding:0 20px}}.navbar.nav-daftar>div[data-v-6b3e7b70]{display:flex;justify-content:space-between;max-width:600px;margin:0 auto}.navbar.nav-daftar>div img[data-v-6b3e7b70]{width:120px}.navbar.nav-daftar>div ul[data-v-6b3e7b70]{list-style:none;display:flex;gap:15px}.navbar.nav-daftar>div ul li[data-v-6b3e7b70]{font-weight:400;font-size:14px}.navbar.nav-daftar>div ul li[data-v-6b3e7b70]:hover{color:var(--primary);cursor:pointer}main[data-v-6b3e7b70]:after{content:"";position:fixed;width:100%;height:100%;top:0;background-repeat:no-repeat;background-size:800px;background-position:50%;opacity:.25;filter:blur(50px);z-index:-1}.grid[data-v-6b3e7b70]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.pendaftaran[data-v-6b3e7b70]{margin:30px auto;position:relative}.loading[data-v-6b3e7b70]{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.5);display:flex;align-items:center}.form[data-v-6b3e7b70]{max-width:600px;margin:0 auto;padding:0 20px}@media screen and (min-width:768px){.form[data-v-6b3e7b70]{padding:0}}.form-group small[data-v-6b3e7b70]{font-style:italic;color:red}.home[data-v-6b3e7b70]{margin:0 auto;background:#fff;border-radius:6px}.home h3[data-v-6b3e7b70]{color:var(--primary-darker);font-weight:500}.logo[data-v-6b3e7b70]{text-align:center}.logo img[data-v-6b3e7b70]{width:140px}@media screen and (min-width:768px){.logo img[data-v-6b3e7b70]{width:200px}}.jurusan[data-v-6b3e7b70]{border:1px solid #ccc;border-radius:6px}.jurusan ul[data-v-6b3e7b70]{list-style-type:none;padding:0;margin:0}.jurusan ul li[data-v-6b3e7b70]{padding:15px;border-bottom:1px solid #ccc;display:flex;gap:10px;align-items:center;transition:all .3s ease;font-size:14px;cursor:pointer}.jurusan ul li[data-v-6b3e7b70]:active{background-color:#eee}.jurusan ul li div[data-v-6b3e7b70]{border:1px solid #999;width:15px;height:15px;border-radius:15px;display:flex;justify-content:center;align-items:center}.jurusan ul li div.active span[data-v-6b3e7b70]{display:block;width:9px;height:9px;border-radius:9px;background-color:var(--primary)}.step[data-v-6b3e7b70]{margin:30px 0;position:relative}.step .bar[data-v-6b3e7b70]{width:100%;height:2px;background:#ccc;margin-top:5px}.step .bar span[data-v-6b3e7b70]{display:block;height:2px;background:var(--primary);transition:all .5s ease}.step .bar.jurusan[data-v-6b3e7b70]{border:0}.step .bar.jurusan span[data-v-6b3e7b70]{width:25%}.step .bar.biodata span[data-v-6b3e7b70]{width:50%}.step .bar.pendidikan span[data-v-6b3e7b70]{width:75%}.step .bar.kontak span[data-v-6b3e7b70]{width:100%}.step ul[data-v-6b3e7b70]{display:flex;list-style:none;justify-content:space-around;padding:0;margin:0}.step ul li[data-v-6b3e7b70]{font-size:13px;transition:all .5s ease;cursor:pointer}.step ul li.active[data-v-6b3e7b70]{color:var(--primary)}@media screen and (min-width:768px){.step ul li[data-v-6b3e7b70]{font-size:14px}}form p.login[data-v-6b3e7b70]{text-align:center;margin-top:60px;font-size:14px}form p.login a[data-v-6b3e7b70]{color:#333;text-decoration:none}form p.login a[data-v-6b3e7b70]:hover{text-decoration:underline}form p.login a b[data-v-6b3e7b70]{color:var(--primary)}form .no-hp[data-v-6b3e7b70]{position:relative}form .no-hp span[data-v-6b3e7b70]{position:absolute;font-size:14px;padding:12px 10px;border-right:1px solid #ccc}form .no-hp input[data-v-6b3e7b70]{padding-left:55px;width:calc(100% - 74px)}form .nik[data-v-6b3e7b70]{display:flex;gap:10px}form .tgl-lahir[data-v-6b3e7b70]{display:grid;grid-template-columns:80px 1fr 100px;gap:10px}form .jk label[data-v-6b3e7b70]{display:flex;align-items:center;gap:5px;cursor:pointer}form .jk label input[data-v-6b3e7b70]{width:-moz-fit-content;width:fit-content}form .cb[data-v-6b3e7b70]{margin:20px 0 30px}form .cb.invalid[data-v-6b3e7b70]{color:red;border:0}form .cb.invalid label[data-v-6b3e7b70]{border:1px solid red}form .cb label[data-v-6b3e7b70]{display:flex;font-size:14px;cursor:pointer}form .cb label input[data-v-6b3e7b70]{width:-moz-fit-content;width:fit-content}.tnc h4[data-v-6b3e7b70]{font-weight:500}.tnc ol li[data-v-6b3e7b70]{font-size:14px;padding:2px 0}.tnc p[data-v-6b3e7b70]{line-height:20px;font-size:14px}.invalid[data-v-6b3e7b70]{border:1px solid red}@media screen and (max-width:768px){.btn-daftar[data-v-6b3e7b70]{width:100%}.modal .modal-body[data-v-6b3e7b70]{width:calc(100% - 100px)}}.modal h3[data-v-6b3e7b70]{font-weight:500;margin:0;font-size:16px}.modal table[data-v-6b3e7b70]{border-collapse:collapse}.modal table thead tr th[data-v-6b3e7b70]{font-weight:500;background:#eee}.modal table td[data-v-6b3e7b70],.modal table thead tr th[data-v-6b3e7b70]{font-size:14px;border:1px solid #ccc;padding:4px}