@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0}.navigation-bar{height:80px;margin:auto;background-color:#fff}.navigation-bar-container{max-width:1200px;margin:auto;display:flex;justify-content:space-between;font-weight:500;align-items:center}.logo{height:56px;padding:12px}main{margin:auto;width:100%;display:flex;align-items:center;justify-content:center;background-color:#fffdf3;height:100%!important}input{height:2rem;padding:.5rem;margin-top:7px}button{padding:7px 0!important;cursor:pointer}.navigation-bar-links{display:flex;gap:20px;align-items:center}.navigation-bar-links a{text-decoration:none;color:#222325}.navigation-bar-links:hover{text-decoration:underline}.navigation-bar-links img{width:30px;border-radius:30px}@media (max-width: 800px){.navigation-bar-container{font-size:.8em}h3{font-size:1.5rem!important}p{font-size:1rem!important}}main{flex-direction:column;gap:32px;width:100%}section{max-width:1200px;margin:0 auto;padding:1rem}.frameBackground{background:linear-gradient(0deg,#000c,#000c),url(../images/bg-1.jpg);background-size:cover;background-position:center;width:100%}.hero{border-radius:4px;flex-direction:column;justify-content:center;align-items:center;display:flex;width:100%;height:100%}.frameCover{margin:0 auto;max-width:700px;text-align:center;display:flex;gap:1rem;flex-direction:column;padding:1.5rem;color:#fff}.frameText{color:#fff;text-align:center;font-family:Poppins,sans-serif;font-weight:500;font-style:normal;line-height:3.5rem;margin-bottom:1rem}.frameDescription{line-height:1.5rem}.frameButton{background:#3ecf4c;border-radius:10px;padding:.7rem 1rem!important;max-width:20rem;width:100%;text-align:center;margin:auto;font-size:14px}.buttonText{color:#fff;font-size:1rem;text-align:center}.cardSection{align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:32px;display:flex}.cardTitle{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;display:flex}.cardText{color:#222325;font-size:32px;font-family:Poppins,sans-serif;font-weight:500;font-style:normal}.cardTextSubtitle{color:#333;font-size:18px;font-weight:400}.tabs{display:flex;gap:1rem;justify-content:start;align-items:start;flex-wrap:wrap;align-self:stretch;justify-content:flex-start;align-items:flex-start;gap:32px;display:inline-flex}.tabLink{gap:6px;display:flex;flex-direction:column;text-align:left;align-items:start}a{text-decoration:none}.tabLinkTitle{width:100%;height:22px;color:#f64920;font-weight:700}.tabLinkTitle:hover{color:#f64920;font-weight:700}.tabUnderline{width:100%;height:6px;background:#f64920;border-radius:10px}.tabText{color:#333;font-weight:500;font-size:16px}.tabText:hover{color:#f64920;font-weight:700}.customFlex{display:flex;gap:1.75rem;flex:1 1 0;justify-content:flex-start;align-items:flex-start}.admin-button-wrapper{display:flex;justify-content:flex-end;padding:10px 20px;background:#3ecf4c;overflow:hidden;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:inline-flex;margin:4px}.admin-button{background-color:#3ecf4c;color:#fff;font-size:16px;font-weight:500;padding:6px 14px;border:none;border-radius:0;cursor:pointer;transition:background-color .2s ease}.admin-button:hover{background-color:#3ecf4c;color:#fff;font-weight:700}@media (max-width: 600px){.admin-button-wrapper{justify-content:center;padding:10px;width:100%}.admin-button{padding:5px 12px;font-size:16px}}.card-item{width:100%;padding:20px;background:#fff;border-radius:10px;border:1px rgba(58,53,65,.12) solid;flex-direction:column;flex:1;gap:8px;display:flex}.card-image{width:100%;border-radius:10px;object-fit:cover;margin-bottom:1rem;object-position:center;height:13rem}.card-description{align-self:stretch;flex-direction:column;align-items:flex-start;gap:8px;display:flex}.text-title{align-self:stretch;color:#222325;font-size:18px;font-family:Poppins,sans-serif;font-weight:500;font-style:normal}.card-textLittle{width:344px;height:44px;color:#333;font-size:16px;font-weight:300}.card-avatar{display:flex;gap:8px;align-items:center;margin-top:30px}.avatar-img{width:40px;height:40px;border-radius:10px}.avatar-cardLittle{flex:1 1 0;flex-direction:column;align-items:flex-start;display:inline-flex}.avatar-title{align-self:stretch;color:#222325;font-weight:700;font-size:16px}.avatar-little{align-items:flex-start;gap:4px;display:inline-flex}.avatarText-little{color:#333;font-size:14px;font-weight:300;line-height:19.6px}.card-point{align-self:stretch;justify-content:space-between;align-items:center;display:inline-flex}.point-box{align-items:center;gap:8px;display:flex}.point-boxLittle{align-items:center;display:flex}.star-img{width:18px;height:18px}.point-number{color:#333;font-size:14px;font-weight:300;text-decoration:underline;line-height:19.6px}.point-K{width:99px;height:29px;font-size:1.5rem;color:#3ecf4c;font-weight:600;font-size:1rem}.frame2-background{width:100%;height:400px;border-radius:4px;background:linear-gradient(0deg,#000c,#000c),url(../images/bg-2.jpg);background-size:cover;background-position:center;box-shadow:0 12px 45px -10px #003bde33}.heroFooter{flex-direction:column;justify-content:center;align-items:center;display:flex;margin:auto;height:100%}.frame2-cover{padding:0 1rem;flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex;max-width:600px}.frame-textbox{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.frame2-text{text-align:center;color:#c1c2c4;font-size:18px}.frame2-texTitle{color:#fff;font-size:32px;font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.frame2-textLittle{height:44px;text-align:center;color:#f4f5fa;font-weight:400}.frame-Email{align-self:stretch;padding-right:8px;background:#fff;border-radius:10px;align-items:center;gap:20px;display:inline-flex}.frame-Email button{padding:.5rem 1rem!important;background:#ffbd3a;border-radius:10px;border:0;margin:0!important}.description{color:var(--text-dark-secondary);height:22px;font-weight:400;font-size:16px;line-height:22.4px;letter-spacing:.2px}.box-input{display:flex;flex-direction:column;width:100%;font-size:16px;color:#4a505c}.forgotPassword{text-decoration:none;margin-left:auto;color:#4a505c;font-size:16px;font-weight:400;line-height:22.4px;letter-spacing:.2px}.box-login-register{display:flex;flex-direction:column;margin-top:25px;gap:10px}.divider{display:flex;align-items:center;text-align:center;color:#4a505c;padding:5px}.main-box{margin:120px auto;width:100%;max-width:600px;border:1px solid #f1f1f1;border-radius:4px;padding:36px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-box-title{width:100%;padding:15px;text-align:center}form{width:100%}.title{margin:auto;padding:1rem 0;font-family:Poppins,sans-serif;font-weight:500;font-style:normal}.description{color:var(--text-dark-secondary);font-weight:400;font-size:16px;line-height:22.4px;letter-spacing:.2px}.litleicon{color:#d32e1f;font-weight:blod;font-size:20px;padding:5px}.main-box-content{margin-top:24px;display:flex;padding:35.3px;flex-direction:column;gap:37px;border:none;color:var(--text-dark-secondary)}.box-input{display:flex;flex-direction:column;color:#4a505c}.box-input span{text-align:right}.boxformInput{border:1px solid #f1f1f1;font-weight:300;font-size:16px;letter-spacing:.2px;color:#424242;background-color:transparent}.box-input-password{position:relative;display:flex;margin-top:5px}.box-input-password input{width:100%;margin:0}.box-input img{width:1.5rem;position:absolute;right:1rem;top:0;bottom:0;margin:auto}.forgotPassword{text-decoration:none;margin-left:auto;color:var(--text-dark-secondary);font-size:16px;font-weight:400;line-height:22.4px;letter-spacing:.2px}.forgotPassword:hover{text-decoration:underline}.box-login-register{display:flex;flex-direction:column;gap:10px}#tombol-masuk{background-color:#3ecf4c;color:#fff;font-weight:600;font-size:16px;border:0;border-radius:8px;padding:4px 0}#tombol-daftar{background-color:#e2fcd9;color:#3ecf4c;font-weight:600;font-size:16px;border:0;border-radius:8px;padding:4px 0}#tombol-google{border-radius:8px;padding:4px 0;font-weight:600;font-size:16px;background-color:#fff;border:1px solid #f1f1f1;display:flex;align-items:center;justify-content:center;gap:10px;color:#4a505c}#tombol-google img{width:15px}.divider{display:flex;align-items:center;text-align:center;color:#4a505c}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.divider:not(:empty):before{margin-right:.75em}.divider:not(:empty):after{margin-left:.75em}.phone-input{display:flex;gap:10px;align-items:center}.phone-input input{width:100%}.phone-country-flag{display:flex;border:1px solid #f1f1f1;margin-top:7px;height:48px;color:var(--text-dark-secondary);font-weight:400;width:20%}.phone-country-flag img{width:2rem;position:relative;right:0}.phone-country-flag select{display:flex;padding:2px;height:100%;border:0}:root{--primary: #3ecf4c;--primary-100: #e2fcd9;--primary-200: #c0fab4;--primary-300: #94f08b;--primary-400: #6be26b;--secondary: #ffbd3a;--secondary-100: #fee8d2;--secondary-200: #ffecb0;--secondary-300: #ffdf88;--secondary-400: #ffd26b;--tertiary: #f64920;--tertiary-50: #fffdf3;--tertiary-100: #f1d5b8;--tertiary-200: #fecaa5;--tertiary-300: #fca578;--tertiary-400: #f98256;--text-dark-primary: #222325;--text-dark-secondary: #333333;--text-dark-disabled: #3a3541;--text-light-primary: rgba(231, 227, 252, .87);--text-light-secondary: #c1c2c4;--text-light-disabled: #9d9ea1;--primary-background: #ffffff;--body-base-background: #f4f5fa;--secondary-background: #f9fafc;--border: #3a3541;--info: #0980e2;--info-pressed: #044aa2;--info-hover: #0663c2;--info-background: #ebf9fe;--success: #38d189;--success-pressed: #1c9675;--success-hover: #28b380;--success-background: #e0fddf;--warning: #fce91b;--warning-pressed: #b5a40d;--warning-hover: #d8c613;--warning-background: #fcf8ca;--error: #ff5c2b;--error-pressed: #b72315;--error-hover: #db3d1f;--error-background: #fce3d1;--gradients-info: #004ce8 #6f9eff;--gradients-success: #00c247 #73ffa6;--gradients-warning: #ffe16a #ffe580;--gradients-error: #ff3333 #ff8a9b;--greyscale-50: #fafafa;--greyscale-100: #f5f5f5;--greyscale-200: #eeeeee;--greyscale-300: #e0e0e0;--greyscale-400: #bdbdbd;--greyscale-500: #9e9e9e;--greyscale-600: #757575;--greyscale-700: #616161;--greyscale-800: #424242;--greyscale-900: #212121;--greyscale-10: #4a505c;--greyscale-750: #f1f1f1;--error-other: #d32e1f;--border-other10: rgba(0, 0, 0, .8);--border-other20: rgba(0, 59, 222, .2);--border-other30: rgba(51, 51, 51, .68);--border-other40: rgba(58, 53, 65, .12)}*{font-family:Lato,sans-serif}h1{font-weight:700;font-size:48px}h2{font-weight:700;font-size:30px}h3{font-weight:700;font-size:40px}h4{font-weight:700;font-size:24px}h5{font-weight:700;font-size:20px}h6{font-weight:700;font-size:18px}.dropbtn{padding:1rem;font-size:1rem;border:none;background-color:transparent}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 1rem #0003;z-index:1}.dropdown-content a{color:#000;padding:12px 1rem;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd}.frame-background{padding:4rem 0;justify-content:flex-start;align-items:flex-start;gap:36px;display:inline-flex}.frame-boxOne{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;display:inline-flex}.textBox{align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;display:flex}.textHeading{align-self:stretch;color:#222325;font-size:20px;font-family:Poppins;font-weight:600;line-height:24px;word-wrap:break-word}.textLittle{align-self:stretch;color:#333333ad;font-size:1rem;font-family:DM Sans;font-weight:400;line-height:22.4px;letter-spacing:.2px;word-wrap:break-word}.boxSection{width:292px;padding:24px;background:#fff;border-radius:10px;outline:1px rgba(58,53,65,.12) solid;outline-offset:-1px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;display:flex}.sectionLittle-yellow{align-self:stretch;padding:12px;background:#fff7d7cc;border-radius:4px;outline:1px #ffbd3a solid;outline-offset:-1px;justify-content:flex-start;align-items:flex-start;gap:12px;display:inline-flex}.sectionLittle{align-self:stretch;padding:12px;border-radius:4px;justify-content:flex-start;align-items:flex-start;gap:12px;display:inline-flex}.sectionImg{justify-content:flex-start;align-items:flex-start;display:flex}.sectionText-yellow{align-self:stretch;color:#ffbd3a;font-size:18px;font-family:DM Sans;font-weight:700;line-height:25.2px;letter-spacing:.2px;word-wrap:break-word}.sectionText{text-align:center;color:#3a354161;font-size:18px;font-family:DM Sans;font-weight:700;line-height:25.2px;letter-spacing:.2px;word-wrap:break-word}.frame-boxTwo{flex:1 1 0;padding:24px;background:#fff;border-radius:10px;outline:1px rgba(58,53,65,.12) solid;outline-offset:-1px;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:24px;display:inline-flex}.box-profile{align-self:stretch;justify-content:flex-start;align-items:center;gap:1rem;display:inline-flex}.profileImg{width:92px;height:92px;border-radius:4px}.box-profileText{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;display:inline-flex}.profileHeading{text-align:center;color:#222325;font-size:20px;font-family:Poppins;font-weight:600;line-height:24px;word-wrap:break-word}.profileEmail{text-align:center;color:#222325;font-size:18px;font-family:DM Sans;font-weight:400;line-height:25.2px;letter-spacing:.2px;word-wrap:break-word}.profileChange{text-align:center;color:#f64920;font-size:1rem;font-family:DM Sans;font-weight:700;line-height:22.4px;letter-spacing:.2px;word-wrap:break-word}.profileLine{align-self:stretch;height:1px;position:relative;border:1px rgba(58,53,65,.12) solid}.profileForm{gap:1rem;display:flex}.profileFormInput{display:flex;width:100%}.profileForm-fieldset{padding:0 .5rem;height:49px;background:#fff;border-radius:10px;outline:transparent;outline-offset:-1px;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.profileForm-border{padding-left:5px;padding-right:5px;background:#fff;justify-content:flex-start;align-items:center;gap:10px;display:flex}.profileForm-legend{justify-content:center;display:flex;flex-direction:column;font-size:14px;font-family:DM Sans;font-weight:500;line-height:19.6px;letter-spacing:.2px;word-wrap:break-word;position:absolute;background-color:#fff}.profileForm-inputActive{color:#3ecf4c;border-color:#3ecf4c}.profileForm-size{align-self:stretch;overflow:hidden;justify-content:flex-start;align-items:center;gap:8px;display:inline-flex}.profileForm-little{flex:1 1 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:inline-flex;font-size:1rem;font-family:DM Sans;font-weight:400;border:0;outline:0}.profileForm-ColumnTwo{gap:1rem;width:100%;display:flex}.boxButton{height:46px;background:#3ecf4c;overflow:hidden;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;outline:transparent;border-color:#3ecf4c;margin-top:1rem;margin-left:auto}.button{padding:5px 26px 30px;overflow:hidden;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;display:flex}.buttonText{color:#fff;font-size:1rem;font-family:DM Sans;font-weight:700;line-height:22.4px;letter-spacing:.2px;word-wrap:break-word}.footer-title{align-self:stretch;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;display:flex}.footertext-little{color:#222325;font-size:1rem;font-weight:400}.footer-tabText{color:#222325;font-size:1rem;display:flex;justify-content:space-between;width:100%;font-weight:700}@media (max-width: 600px){.frame-background{flex-direction:column;align-items:center}.profileForm{flex-wrap:wrap;flex-direction:column}.profileForm-fieldset{width:100%}.boxButton{margin:0;width:100%}.footer-submenu-container{flex-direction:column}.footer-info{flex-direction:column-reverse;align-items:start}.footer-submenu-links{display:none}.footer-submenu-caret{display:block}}.admin-container{max-width:900px;margin:40px auto;padding:20px}.admin-title{text-align:center;font-size:24px;font-weight:700;margin-bottom:20px}.admin-form{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.input{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px}.btn{padding:10px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn:hover{color:#212121;font-weight:700}.card-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-edit{display:inline-block;background-color:#ffbd3a;color:#212121;padding:10px 16px;border-radius:6px;border:2px solid #e0a800;cursor:pointer;font-weight:600;text-align:center;min-width:100px;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease}.btn-edit:hover{color:#fff;font-weight:700}.btn-delete{display:inline-block;background-color:#f33;color:#fff;padding:10px 16px;border-radius:6px;border:2px solid #cc0000;cursor:pointer;font-weight:600;text-align:center;min-width:100px;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease}.btn-delete:hover{color:#212121;font-weight:700}@media (max-width: 600px){.admin-container{max-width:480px;padding:16px;margin:20px auto}.admin-title{font-size:20px}}.input-field{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:.25rem;margin-bottom:1rem;box-sizing:border-box}footer{margin-top:4rem;border-top:1px rgba(58,53,65,.12) solid;flex-direction:column;align-items:center;display:flex;background:#fff;justify-content:flex-start;gap:20px}.footer-container{max-width:1200px;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:100%}.footer-menu{justify-content:space-between;display:flex;gap:24px}.footer-title{align-self:stretch;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex}.footer-img{margin-left:-20px}.footerbox-title{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;display:flex}.footertext-title{color:#222325;font-size:18px;font-weight:700;line-height:25.2px}.footertext-little{color:#222325;font-size:16px;font-weight:400}.footer-submenu-container{gap:24px;display:flex}.footer-tab{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px;display:flex}.footer-tabText{color:#222325;font-size:16px;display:flex;justify-content:space-between;width:100%;font-weight:700}.footer-submenu-links{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:13px;display:flex}.footer-submenu-caret{display:none;width:12px}.footer-info{justify-content:space-between;align-items:center;display:flex;gap:14px;width:100%}.footer-tabIcon{justify-content:flex-start;align-items:flex-start;gap:15px;display:flex}.footer-icon{width:35px;height:35px;position:relative;border-radius:50%;display:flex;padding:8px}.card-container{width:100%;gap:1rem;display:flex;justify-content:space-between;flex-wrap:wrap}.cardSection{align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;display:flex}@media (max-width: 600px){.card-container{flex-direction:column;align-items:center}.footer-submenu-container{flex-direction:column}.footer-info{flex-direction:column-reverse;align-items:start}.footer-submenu-links{display:none}.footer-submenu-caret{display:block}}@media (max-width: 800px){.footer-container{flex-direction:column}}.dropbtn{padding:16px;font-size:1rem;border:none;background-color:transparent}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#fff}.dropdown:hover .dropdown-content{display:block}