body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.menu{align-items:center;color:#0c2285;display:flex;gap:20px;list-style:none;margin:0;padding:0;position:relative;z-index:1050}.menu li{cursor:pointer;font-weight:600;padding:10px 0;text-align:left}.menu :hover{color:#fff;text-decoration:underline}.nav-link{color:#0c2285;text-decoration:none}.nav-link:hover{-webkit-text-decoration:wavy;text-decoration:wavy}.login-btn{background-color:#0c2285;border-radius:10px;font-family:Segoe UI,sans-serif;padding:9px 17px;transition:background-color .3s ease}.login-btn:hover{background-color:#5170ff}.hamburger{cursor:pointer;display:none;font-size:24px;position:relative;z-index:1100}.logout-btn{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.logout-btn:hover{background-color:#d32f2f}.nav-user-menu{gap:10px;position:relative}.dropdown-menu{box-shadow:0 4px 8px #ffffff1a}@media (max-width:768px){.hamburger{display:block}.menu{align-items:center;background-color:#66e7d4;display:flex;flex-direction:column;left:0;max-height:0;overflow:hidden;position:absolute;text-align:center;top:60px;transition:max-height .3s ease;width:100%;z-index:999}.menu.open{max-height:500px}.menu li{padding:10px;width:auto}.login-btn{width:100%}.nav-user-wrapper{align-items:center;flex-direction:row;gap:8px;justify-content:flex-end;padding-right:15px;position:relative;width:100%}.nav-name{font-size:14px;white-space:nowrap}.dots-icon{color:#fff;font-size:20px}.dropdown-menu{background-color:#fff;box-shadow:0 4px 8px #0000001a;font-size:13px;min-width:150px;position:absolute;right:0;top:140%;z-index:2000}}.hero{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);color:#fff;display:flex;flex-wrap:wrap;font-family:Segoe UI,sans-serif;gap:2rem;height:80vh;justify-content:space-between;padding:30px 50px}.hero-text{flex:1 1;max-width:600px}.hero-text h1{font-size:2.3rem;font-weight:700;margin-bottom:0}.hero-text h3{font-size:1rem;font-weight:lighter;margin-bottom:0}.hero-text p{font-weight:400;margin-bottom:10px}.cta-btn{background-color:#f524a5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:bolder;margin-top:20px;padding:18px 36px;transition:background-color .3s ease}.cta-btn:hover{background-color:#ff66c4}.hero-image{display:flex;flex:1 1;justify-content:center}.hero-image img{border-radius:1rem;height:auto;max-width:600px;width:100%}@media (max-width:768px){.hero{flex-direction:column;height:auto;padding:20px;text-align:center}.hero-text{max-width:100%}.hero-text h1{font-size:1.7rem}.hero-text p{font-size:1rem}.cta-btn{font-size:.95rem;padding:14px 28px}.hero-image img{margin-top:1.5rem;max-width:100%}}@media (max-width:480px){.hero-text h1{font-size:1.4rem}.cta-btn{font-size:.9rem;padding:12px 24px}}.login-container{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);display:flex;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:10px;box-shadow:0 0 10px #0003;padding:2rem;text-align:center;width:350px}.login-toggle{display:flex;justify-content:space-between;margin-bottom:5px}.login-toggle button{border:none;cursor:pointer;font-weight:700;padding:10px;width:50%}.login-toggle .active{background-color:hotpink;color:#fff}.login-toggle .inactive{background-color:#fff;border:1px solid #ccc}.login-form{display:flex;flex-direction:column;gap:5px;text-align:left}.login-form input{border:1px solid #ccc;border-radius:5px;padding:10px}.login-form a{color:blue;font-size:12px;margin-top:5px;text-align:right;text-decoration:none}.submit-btn{margin-bottom:0;margin-top:15px}.register-container{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);display:flex;justify-content:center;min-height:100vh}.register-box{background:#fff;border-radius:10px;box-shadow:0 0 10px #0003;padding:2rem;text-align:center;width:350px}.logoDD{margin-bottom:20px;width:100px;width:150px}.register-toggle{display:flex;justify-content:space-between;margin-bottom:20px}.register-toggle button{border:none;cursor:pointer;font-weight:700;padding:10px;width:50%}.register-toggle .active{background-color:hotpink;color:#fff}.register-toggle .inactive{background-color:#fff;border:1px solid #ccc}.register-form{display:flex;flex-direction:column;gap:2px;text-align:left}.register-form input,.register-form select{border-radius:5px;font-size:16px;line-height:1.3;padding:8px 10px}.inactive{color:#000;text-decoration:none}.submit-btn{background-color:hotpink;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:10px}.bottom-text{font-size:14px;margin-top:0}.program-kami{background:linear-gradient(180deg,#1d2be6,#4bb8e8);color:#fff;padding:2rem;text-align:center}.program-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.program-subtitle{font-size:1rem;margin:0 auto 2rem;max-width:800px}.program-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-top:1rem}.program-card{background:linear-gradient(135deg,#d1f4ff,#a2f0c3);border-radius:1rem;box-shadow:0 4px 10px #0000001a;color:#000;padding:1rem 1.5rem;text-align:left;transition:transform .3s ease}.program-card:hover{transform:translateY(-5px)}.program-icon{height:50px;margin-bottom:1rem;width:50px}@media screen and (max-width:600px){.program-title{font-size:1.5rem}.program-subtitle{font-size:.95rem;margin-bottom:1.5rem}.program-grid{grid-template-columns:1fr}.program-card{padding:1rem}}.kontak-section{background:linear-gradient(180deg,#1d2be6,#4bb8e8);color:#fff;min-height:100vh;padding:4rem 2rem;text-align:center}.kontak-title{color:red;font-size:2rem;margin-bottom:1rem}.kontak-subtitle{font-size:1rem;margin:0 auto 2.5rem;max-width:700px}.kontak-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.kontak-card{background:linear-gradient(135deg,#d1f4ff,#a2f0c3);border-radius:1rem;box-shadow:0 4px 12px #0000001a;color:#000;padding:1.5rem 2rem;text-align:center;transition:transform .3s ease;width:250px}.kontak-card:hover{transform:translateY(-5px)}.kontak-icon{height:50px;margin-bottom:1rem;width:50px}@media screen and (max-width:768px){.kontak-title{font-size:1.5rem}.kontak-subtitle{font-size:.95rem;margin-bottom:2rem}.kontak-grid{align-items:center;flex-direction:column}.kontak-card{max-width:300px;width:90%}}.tentang-container{background-color:#2563eb;color:#fff;padding:3rem 1.5rem}.tentang-top{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.tentang-image img{border-radius:.75rem;height:auto;max-width:90%}.tentang-text p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}@media (min-width:768px){.tentang-top{align-items:center;flex-direction:row}.tentang-image{flex:1 1;padding-right:2rem}.tentang-text{flex:1 1}}.misi-container,.visi-container{align-items:center;background:linear-gradient(90deg,#c7f9ff,#b3e6f7);border-radius:1rem;color:#000;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem;padding:1.5rem;text-align:center}.misi h2,.visi h2{color:#dc2626;font-size:1.5rem;margin-bottom:.5rem}.misi ul{list-style-type:decimal;padding-left:1.5rem;text-align:left}.tim-kami{padding:2rem 1rem;text-align:center}.tim-kami h2{color:#f87171;font-size:1.8rem;margin-bottom:1rem;margin-top:4rem}.tim-kami p{font-size:1rem;line-height:1.6;margin:0 auto 2rem;max-width:800px}.struktur-img{border-radius:.5rem;display:block;height:auto;margin:0 auto;max-width:600px;width:100%}@media screen and (max-width:600px){.tentang-text p{font-size:1rem}.misi h2,.visi h2{font-size:1.3rem}.misi ul{font-size:.95rem;padding-left:1rem}.tim-kami h2{font-size:1.5rem}.tim-kami p{font-size:.95rem;padding:0 1rem}.struktur-img{max-width:100%}}.dashboard-container{padding:10px}.card-title2{color:#000;font-size:25px;font-weight:700;margin-bottom:20px;margin-left:5px;text-align:left}.card-button.locked{background-color:#aaa;color:#fff;cursor:not-allowed}.wa-container{align-items:center;background:linear-gradient(to top right,#2b9eff,#6c63ff);color:#fff;display:flex;flex-wrap:wrap;font-family:Segoe UI,sans-serif;justify-content:space-between;min-height:100vh;padding-left:5rem}.wa-left{flex:1 1;min-width:280px;padding-right:1rem}.wa-left h2{font-size:1.8rem;margin-bottom:1rem}.wa-sub{font-weight:700;margin-bottom:.5rem}.wa-desc{color:#e0e0e0;margin-bottom:1.5rem}.wa-button{cursor:pointer;height:50px;transition:transform .2s ease}.wa-button:hover{transform:scale(1.05)}.wa-button2{cursor:pointer;height:400px;max-width:100%;transition:transform .2s ease}.wa-button2:hover{transform:scale(1.05)}.wa-right{display:flex;flex:1 1;justify-content:center;margin-top:1rem;min-width:280px}@media (max-width:768px){.wa-container{flex-direction:column;text-align:center}.wa-left,.wa-right{padding:0;width:100%}.wa-button2{height:auto;width:80%}}.dashboard-container{background:linear-gradient(to bottom right,#6debd7,#5f70e6);font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px;text-align:center}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.class-card{background-position:50%;background-size:cover;border-radius:15px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;flex-direction:column;height:210px;justify-content:flex-end;padding:20px;position:relative;width:260px}.card-title{color:#000;font-size:25px;font-weight:700;margin-bottom:20px;margin-left:5px;text-align:left}.card-button{background-color:#4c72f0;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:8px 12px;transition:all .3s ease}.card-button:hover{background-color:#333;color:#fff}.logout-button{align-items:center;background-color:#5f70e6;border:solid;border-radius:50px;bottom:20px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:6px;padding:12px 16px;position:fixed;right:40px;transition:all .3s ease}.logout-button:hover{background-color:#fff;color:#af1111}.tutor-navbar{align-items:center;background:linear-gradient(to top right,#6debd7,#5f70e6);color:#000;display:flex;flex-wrap:wrap;font-family:Segoe UI,sans-serif;height:60px;justify-content:space-between;padding:10px 30px;position:fixed;position:relative;z-index:1000}@media (max-width:768px){.nav-user-wrapper{align-items:center;flex-direction:row;gap:8px;justify-content:flex-end;padding-right:15px;position:relative;width:100%}.nav-name{font-size:14px;white-space:nowrap}.dots-icon{color:#fff;font-size:20px}.dropdown-menu{background-color:#fff;box-shadow:0 4px 8px #0000001a;font-size:13px;min-width:150px;position:absolute;right:0;top:140%;z-index:2000}}.copywriting-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}.copywriting-main1 h1,.copywriting-main1 p{color:#fff;text-align:center}.copywriting-hasil,.copywriting-kelas,.copywriting-latihan,.copywriting-modul,.copywriting-ujian{background:#fff;border-radius:20px;box-shadow:0 8px 20px #0003;margin:2rem auto;max-width:800px;padding:2rem;text-align:center;width:90%}.copywriting-hasil h3,.copywriting-kelas h3,.copywriting-modul h3{color:#333;margin-bottom:1rem}@media (max-width:600px){body{padding:0}.copywriting-container{padding:1rem}.copywriting-main1 h1{font-size:1.5rem}.copywriting-main1 p{font-size:1rem}.copywriting-hasil,.copywriting-kelas,.copywriting-latihan,.copywriting-modul,.copywriting-ujian{padding:1rem;width:95%}.materi-list{padding:0}.materi-item{padding:1rem;width:100%}.upload-form{padding:1.2rem;width:95%}.upload-form .form-buttons{flex-direction:column;gap:1rem}.jawaban-list,.nilai-list,.soal-list{grid-template-columns:1fr}.back-btn{bottom:16px;font-size:.85rem;padding:10px 14px;right:16px}.card1{height:auto;padding:1.2rem}.card1 img{height:60px;width:60px}.card1 p{font-size:.95rem}.card1 button{font-size:.85rem;padding:6px 14px}.soal-item{padding:1rem}.soal-item h4{font-size:1rem}.soal-item textarea{font-size:.95rem}.download-btn,.edit-btn,.gmeet-btn,.hapus-btn,.jawab-btn,.send-btn{font-size:.85rem;padding:8px 12px}}.englishspeaking-container{justify-content:center;padding:10px}.englishspeaking-main1 h1,.englishspeaking-main1 p{color:#fff;text-align:center}.englishspeaking-hasil,.englishspeaking-kelas,.englishspeaking-latihan,.englishspeaking-modul,.englishspeaking-ujian{background:#fff;border-radius:20px;box-shadow:0 8px 20px #0003;margin:2rem auto;max-width:1000px;padding:2rem;text-align:center;width:90%}.englishspeaking-hasil h3,.englishspeaking-kelas h3,.englishspeaking-modul h3{color:#333;margin-bottom:1rem}@media (max-width:600px){body{padding:0}.englishspeaking-container{padding:1rem}.englishspeaking-main1 h1{font-size:1.5rem}.englishspeaking-main1 p{font-size:1rem}.englishspeaking-hasil,.englishspeaking-kelas,.englishspeaking-latihan,.englishspeaking-modul,.englishspeaking-ujian{padding:1rem;width:95%}.materi-list{padding:0}.materi-item{padding:1rem;width:100%}.upload-form{padding:1.2rem;width:95%}.upload-form .form-buttons{flex-direction:column;gap:1rem}.jawaban-list,.nilai-list,.soal-list{grid-template-columns:1fr}.back-btn{bottom:16px;font-size:.85rem;padding:10px 14px;right:16px}.card1{height:auto;padding:1.2rem}.card1 img{height:60px;width:60px}.card1 p{font-size:.95rem}.card1 button{font-size:.85rem;padding:6px 14px}.soal-item{padding:1rem}.soal-item h4{font-size:1rem}.soal-item textarea{font-size:.95rem}.download-btn,.edit-btn,.gmeet-btn,.hapus-btn,.jawab-btn,.send-btn{font-size:.85rem;padding:8px 12px}}.publicspeaking-container1{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}.publicspeaking-main1 h1,.publicspeaking-main1 p{color:#fff;text-align:center}.publicspeaking-hasil,.publicspeaking-kelas,.publicspeaking-latihan,.publicspeaking-modul,.publicspeaking-ujian{background:#fff;border-radius:20px;box-shadow:0 8px 20px #0003;margin:2rem auto;max-width:1000px;padding:2rem;text-align:center;width:90%}.publicspeaking-hasil h3,.publicspeaking-kelas h3,.publicspeaking-modul h3{color:#333;margin-bottom:1rem}@media (max-width:600px){body{padding:0}.publicspeaking-container{padding:1rem}.publicspeaking-main1 h1{font-size:1.5rem}.publicspeaking-main1 p{font-size:1rem}.publicspeaking-hasil,.publicspeaking-kelas,.publicspeaking-latihan,.publicspeaking-modul,.publicspeaking-ujian{padding:1rem;width:95%}.materi-list{padding:0}.materi-item{padding:1rem;width:100%}.upload-form{padding:1.2rem;width:95%}.upload-form .form-buttons{flex-direction:column;gap:1rem}.jawaban-list,.nilai-list,.soal-list{grid-template-columns:1fr}.back-btn{bottom:16px;font-size:.85rem;padding:10px 14px;right:16px}.card1{height:auto;padding:1.2rem}.card1 img{height:60px;width:60px}.card1 p{font-size:.95rem}.card1 button{font-size:.85rem;padding:6px 14px}.soal-item{padding:1rem}.soal-item h4{font-size:1rem}.soal-item textarea{font-size:.95rem}.download-btn,.edit-btn,.gmeet-btn,.hapus-btn,.jawab-btn,.send-btn{font-size:.85rem;padding:8px 12px}}.copywriting-tutor-container{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);color:#000;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.copywriting-tutor-container h2{color:#fff;font-size:30px;margin-bottom:20px;text-align:center}.copywriting-main{padding:30px;text-align:center}@media (max-width:600px){.copywriting-tutor-container{padding:10px}.copywriting-tutor-container h2{font-size:24px;margin-bottom:15px}.upload-form{padding:16px;width:95%}.upload-form h3{font-size:18px;text-align:center}.upload-form input[type=text],.upload-form textarea{font-size:14px;padding:8px}.form-buttons{align-items:stretch;flex-direction:column;gap:10px}.form-buttons button{font-size:14px;padding:10px;width:100%}.upload-toggle-btn{font-size:14px;text-align:center;width:100%}.module-list{padding:0 10px;width:100%}.module-card{align-items:flex-start;flex-direction:column;padding:16px;width:100%}.module-card h4{font-size:16px;margin-bottom:6px}.module-card p{font-size:13px;margin-bottom:6px}.module-card a{font-size:12px;margin-bottom:8px;margin-right:0}.delete-btn,.view-btn{font-size:14px;padding:10px;width:100%}.back-btn{bottom:20px;font-size:14px;padding:10px 14px;right:20px}.copywriting-main{padding:20px}}.copywriting-main{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.copywriting-main h1{font-size:35px;margin-bottom:8px;text-align:center}.copywriting-main p{font-size:18px;margin:0;text-align:center}.englishwriting-container{background:linear-gradient(to bottom right,#6debd7,#5f70e6);color:#000;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.englishwriting-container h2{color:#fff;font-size:30px;margin-bottom:20px;text-align:center}.englishwriting-main{padding:30px;text-align:center}@media (max-width:600px){.englishwriting-container{padding:12px}.englishwriting-container h2{font-size:22px;margin-bottom:16px}.upload-form{padding:18px;width:95%}.upload-form h3{font-size:18px;text-align:center}.upload-form label{font-size:14px}.upload-form input[type=file],.upload-form input[type=text],.upload-form textarea{font-size:14px;padding:8px}.form-buttons{align-items:stretch;flex-direction:column;gap:10px}.form-buttons button,.upload-toggle-btn{font-size:14px;padding:10px;width:100%}.upload-toggle-btn{text-align:center}.module-list{padding:0 10px;width:100%}.module-card{align-items:flex-start;flex-direction:column;padding:16px;width:100%}.module-card h4{font-size:16px;margin-bottom:6px}.module-card p{font-size:13px;margin-bottom:6px}.module-card a{font-size:12px;margin-bottom:8px}.delete-btn,.view-btn{font-size:14px;padding:10px;text-align:center;width:100%}.back-btn{bottom:20px;font-size:14px;padding:10px 14px;right:20px}.englishwriting-main{padding:20px}}.englishwriting-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}.englishwriting-main1 h1,.englishwriting-main1 p{color:#fff;text-align:center}.cards-container1{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.card1{align-items:center;background:#fff;border-radius:20px;box-shadow:0 6px 12px #0000001a;display:flex;flex-direction:column;height:200px;justify-content:space-between;padding:1rem;text-align:center;transition:transform .2s ease;width:200px}.card1 img{height:80px;margin-bottom:1rem;object-fit:contain;width:80px}.card1 p{color:#333;font-size:1rem;font-weight:600;margin-bottom:.5rem}.card1 button{background-color:#ff4eb5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:background-color .3s ease}.card1 button:hover{background-color:#d43d9b}.englishwriting-hasil,.englishwriting-kelas,.englishwriting-latihan,.englishwriting-modul,.englishwriting-ujian{background:#fff;border-radius:20px;box-shadow:0 8px 20px #0003;margin:2rem auto;max-width:1000px;padding:2rem;text-align:center;width:90%}.englishwriting-hasil h3,.englishwriting-kelas h3,.englishwriting-modul h3{color:#333;margin-bottom:1rem}.kelas-list{grid-gap:1rem;align-content:center;border:1px solid #000;border-radius:30px;display:grid;gap:1rem;margin-top:1rem;padding:10px}.kelas-list li,.materi-list{list-style:none}.materi-list{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:5px 20px}.materi-container{align-content:center;text-align:center;width:100%}.materi-item{background:#f8f9ff;border-radius:12px;box-shadow:0 4px 10px #0000001a;max-width:600px;padding:1rem;text-align:left;width:100%}.jawaban-list,.nilai-list,.soal-list{grid-gap:1rem;display:grid;gap:1rem;list-style:none;margin-top:1rem;padding:0}.jawaban-list li,.nilai-list li,.soal-list li{background:#f8f9ff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:1rem;text-align:left}.download-btn,.edit-btn,.gmeet-btn,.hapus-btn,.jawab-btn,.send-btn{background-color:#ff4eb5;border:none;border-radius:10px;color:#000;cursor:pointer;font-weight:700;margin-top:.5rem;padding:8px 16px}.download-btn:hover,.edit-btn:hover,.gmeet-btn:hover,.hapus-btn:hover,.jawab-btn:hover,.send-btn:hover{background-color:#be1a7a}.back-btn{bottom:20px}.upload-form{border-radius:20px;box-shadow:0 8px 20px #0003;margin:2rem auto;max-width:700px;padding:2rem;width:100%}.upload-form label{font-weight:500;margin:.8rem 0 .3rem}.upload-form input,.upload-form textarea{border:1px solid #ccc;border-radius:10px;padding:.6rem;width:100%}.upload-form .form-buttons{display:flex;justify-content:space-between;margin-top:1.2rem}.upload-form button{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 16px}.upload-form button[type=submit]{background-color:#5f70e6;color:#fff}.upload-form button[type=button]{background-color:#ccc;color:#333}.file-label{color:#666;display:block;font-style:italic;margin-top:.5rem}.soal-item{background:#f8f9ff;border-radius:16px;box-shadow:0 6px 14px #0000001a;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.soal-item h4{color:#333;font-size:1.1rem;margin-bottom:1rem}.soal-item textarea{border:1px solid #ccc;border-radius:10px;font-family:inherit;margin-bottom:1rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.soal-item input[type=file]{margin-bottom:1rem}.soal-item button{background-color:#5f70e6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px}.soal-item button:hover{background-color:#4b59c3}.jawaban-terkirim{background:#e6f7ec;border:1px solid #b2dfdb;border-radius:10px;color:#2e7d32;font-weight:500;margin-top:1rem;padding:1rem}@media (max-width:600px){body{padding:0}.englishwriting-container{padding:1rem}.englishwriting-main1 h1{font-size:1.5rem}.englishwriting-main1 p{font-size:1rem}.englishwriting-hasil,.englishwriting-kelas,.englishwriting-latihan,.englishwriting-modul,.englishwriting-ujian{padding:1rem;width:95%}.materi-list{padding:0}.materi-item{padding:1rem;width:100%}.upload-form{padding:1.2rem;width:95%}.upload-form .form-buttons{flex-direction:column;gap:1rem}.jawaban-list,.nilai-list,.soal-list{grid-template-columns:1fr}.back-btn{bottom:16px;font-size:.85rem;padding:10px 14px;right:16px}.card1{height:auto;padding:1.2rem}.card1 img{height:60px;width:60px}.card1 p{font-size:.95rem}.card1 button{font-size:.85rem;padding:6px 14px}.soal-item{padding:1rem}.soal-item h4{font-size:1rem}.soal-item textarea{font-size:.95rem}.download-btn,.edit-btn,.gmeet-btn,.hapus-btn,.jawab-btn,.send-btn{font-size:.85rem;padding:8px 12px}}.englishspeaking-main{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.englishspeaking-main h1{font-size:35px;margin-bottom:8px;text-align:center}.englishspeaking-main p{font-size:18px;margin:0;text-align:center}.englishspeaking-container{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);color:#000;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.englishspeaking-container h2{color:#fff;font-size:30px;margin-bottom:20px;text-align:center}.englishspeaking-main{padding:30px;text-align:center}@media (max-width:600px){.englishspeaking-container{padding:12px}.englishspeaking-container h2{font-size:22px;margin-bottom:16px}.upload-form{padding:18px;width:95%}.upload-form h3{font-size:18px;text-align:center}.upload-form label{font-size:14px}.upload-form input[type=file],.upload-form input[type=text],.upload-form textarea{font-size:14px;padding:8px}.form-buttons{align-items:stretch;flex-direction:column;gap:10px}.form-buttons button,.upload-toggle-btn{font-size:14px;padding:10px;width:100%}.upload-toggle-btn{text-align:center}.module-list{padding:0 10px;width:100%}.module-card{align-items:flex-start;flex-direction:column;padding:16px;width:100%}.module-card h4{font-size:16px;margin-bottom:6px}.module-card p{font-size:13px;margin-bottom:6px}.module-card a{font-size:12px;margin-bottom:8px}.delete-btn,.view-btn{font-size:14px;padding:10px;text-align:center;width:100%}.back-btn{bottom:20px;font-size:14px;padding:10px 14px;right:20px}.englishspeaking-main{padding:20px}}.publicspeaking-main{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.publicspeaking-main h1{font-size:35px;margin-bottom:8px;text-align:center}.publicspeaking-main p{font-size:18px;margin:0;text-align:center}.cards-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:50px auto 0;max-width:750px}.row-bottom{display:flex;gap:16px;grid-column:1/-1;justify-content:center}.card button:hover{background-color:#e557ad}@media (max-width:768px){.cards-container{grid-template-columns:repeat(2,1fr);max-width:500px}.row-bottom{align-items:center;flex-direction:column}}@media (max-width:500px){.cards-container{grid-template-columns:1fr;max-width:300px}.row-bottom{align-items:center;flex-direction:column}}.publicspeaking-container{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);color:#000;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.publicspeaking-container h2{color:#fff;font-size:30px;margin-bottom:20px;text-align:center}.upload-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;margin:20px auto;max-width:600px;padding:25px;width:90%}.upload-form h3{color:#4b4bea;margin-bottom:20px}.upload-form label{display:block;font-weight:700;margin-bottom:5px}.upload-form input[type=file],.upload-form input[type=text],.upload-form textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.upload-form textarea{height:100px;resize:vertical}.upload-form p{color:#555;font-size:12px;margin-bottom:15px}.form-buttons{display:flex;gap:10px;justify-content:flex-end}.form-buttons button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 16px;transition:.3s ease}.form-buttons button[type=reset]{background-color:#f2f2f2;border:#000;border-style:solid;border-width:1px;color:#333}.upload-toggle-btn{align-items:center;background-color:#ff66b2;border:#000;border-radius:15px;border-style:solid;border-width:1px;color:#fff;margin-top:10px;padding:10px 20px}.upload-toggle-btn:hover{background-color:#d6084d}.form-buttons [type=submit]{background-color:#ff66b2;border:#000;border-style:solid;border-width:1px;color:#fff}.module-list{flex-direction:column;gap:16px;margin-top:30px}.module-card,.module-list{align-items:center;display:flex}.module-card{background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #00000026;color:#000;gap:10px;justify-content:space-between;margin-bottom:16px;padding:20px;position:relative;width:500px}.delete-btn{background-color:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:6px 12px}.delete-btn:hover{background-color:#d9363e}.module-card h4{font-size:18px;margin:0 0 10px}.module-card p{font-size:14px;margin-bottom:10px}.module-card a{color:#03284d;display:inline-block;font-size:13px;margin-right:15px;text-decoration:underline}.publicspeaking-main{padding:30px;text-align:center}.view-btn{background-color:#add8e6;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-btn:hover{background-color:#3a7ca5;color:#fff}@media (max-width:600px){.publicspeaking-container{padding:10px}.publicspeaking-container h2{font-size:22px;margin-bottom:16px}.upload-form{padding:16px;width:95%}.upload-form h3{font-size:18px;text-align:center}.upload-form label{font-size:14px}.upload-form input[type=file],.upload-form input[type=text],.upload-form textarea{font-size:14px;padding:8px}.form-buttons{align-items:stretch;flex-direction:column;gap:10px}.form-buttons button,.upload-toggle-btn{font-size:14px;padding:10px;width:100%}.upload-toggle-btn{text-align:center}.module-list{padding:0 10px;width:100%}.module-card{align-items:flex-start;flex-direction:column;padding:16px;width:100%}.module-card h4{font-size:16px;margin-bottom:6px}.module-card p{font-size:13px;margin-bottom:6px}.module-card a{font-size:12px;margin-bottom:8px}.delete-btn,.view-btn{font-size:14px;padding:10px;text-align:center;width:100%}.back-btn{bottom:20px;font-size:14px;padding:10px 14px;right:20px}.publicspeaking-main{padding:20px}}.laporan-container{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.laporan-container h2{color:#333;font-size:30px;margin-bottom:20px}.laporan-list{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.laporan-card{background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 10px #0000001f;padding:20px;width:480px}.laporan-card h4{font-size:20px;margin:0 0 10px}.laporan-card p{font-size:14px;margin:5px 0}.upload-nilai-btn{background-color:#ff66b2;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:20px;padding:10px 22px}.upload-nilai-btn:hover{background-color:#d6134e}.upload-nilai-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;margin-bottom:30px;max-width:520px;padding:25px;width:90%}.upload-nilai-form h3{color:#4b4bea;margin-bottom:20px}.upload-nilai-form label{display:block;font-weight:700;margin-bottom:5px}.upload-nilai-form input,.upload-nilai-form select,.upload-nilai-form textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.upload-nilai-form textarea{height:80px;resize:vertical}.laporan-buttons{display:flex;gap:10px;justify-content:flex-end}.laporan-buttons button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 16px;transition:.3s ease}.laporan-buttons button[type=button]{background-color:#f2f2f2;border:1px solid #000;color:#333}.laporan-buttons button[type=submit]{background-color:#f35ba7;border:1px solid #000;color:#fff}.no-data{color:#555;font-size:14px}.laporan-card{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:16px;position:relative}.laporan-card-buttons{bottom:12px;display:flex;gap:8px;position:absolute;right:16px}.laporan-card-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:.2s ease-in-out}.laporan-card-buttons button:hover{opacity:.5}.laporan-card-buttons button:first-child{background-color:#111cb8;color:#fff}.laporan-card-buttons button:last-child{background-color:#dc3545;color:#fff}@media screen and (max-width:768px){.cards-container{align-items:center;flex-direction:column}.card{width:90%}.module-card{padding:12px}h2{font-size:1.4rem}.delete-btn,.upload-toggle-btn,.view-btn{font-size:.9rem;padding:10px;width:100%}.laporan-card{padding-bottom:60px}.laporan-card-buttons{bottom:10px;flex-direction:column;right:10px}.laporan-card-buttons button{padding:8px;width:100px}}body{background:linear-gradient(to bottom right,#6debd7,#5f70e6);font-family:Segoe UI,sans-serif;margin:0;min-height:100vh;padding:0}.siswa-container{margin:auto;max-width:1000px;padding:20px}.siswa-container h2{color:#333;margin-bottom:24px;text-align:center}.siswa-list{display:flex;flex-direction:column;gap:20px}.siswa-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:16px;position:relative}.siswa-card h4{color:#222;margin:0}.siswa-card p{color:#555;margin:4px 0 12px}.siswa-card button{background:#ff69b4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-right:8px;padding:6px 12px}.siswa-card button:hover{opacity:.9}.form-edit input{border:1px solid #ccc;border-radius:6px;display:block;margin-bottom:8px;padding:6px;width:100%}.data-tutor-container{color:#333;padding:20px;text-align:center}.form-tutor{align-items:center;display:flex;flex-direction:column;gap:10px;margin:20px auto;max-width:400px}.form-tutor input{border:1px solid #ccc;border-radius:8px;font-size:16px;padding:10px;width:100%}.button-group{display:flex;gap:10px;justify-content:left}.btn-simpan{background-color:#90ee90}.btn-batal,.btn-simpan{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:10px 20px}.btn-batal{background-color:#ff6b6b}.card-tutor{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0003;margin:10px auto;max-width:1000px;padding:20px;text-align:left}.btn-edit,.btn-hapus,.btn-status{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:5px 10px}.btn-edit,.btn-hapus,.btn-status{background-color:#ff69b4}.btn-hapus{color:#fff}.btn-tambah{background-color:#b2f2bb;border:none;border-radius:5px;color:#333;cursor:pointer;font-weight:700;margin-bottom:20px;padding:10px 15px}.btn-tambah:hover{background-color:#8ce99a}.kelas-toggle-group{display:flex;flex-direction:column;gap:10px}.toggle-item{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;position:relative;width:250px}.toggle-item input{display:none}.slider{background-color:#ccc;border-radius:20px;height:20px;position:relative;transition:background-color .3s;width:40px}.slider:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s;width:16px}.toggle-item input:checked+.slider{background-color:#4caf50}.toggle-item input:checked+.slider:before{transform:translateX(20px)}.navbar{background:linear-gradient(to top right,#6debd7,#5f70e6);color:#000;flex-wrap:wrap;font-family:Segoe UI,sans-serif;height:60px;justify-content:space-between;padding:10px 30px;position:fixed;position:relative;z-index:1000}.logo,.navbar{align-items:center;display:flex}.logo{font-size:18px;font-weight:700;gap:10px;white-space:nowrap}.logo-img{width:50px}.logo2-img{width:70px}.nav-user-wrapper{align-items:center;display:flex;position:relative;z-index:1500}.nav-user-menu{align-items:center;color:#fff;display:flex;gap:8px}.nav-name{color:#fff;font-weight:700;margin-right:10px}.dots-icon{color:#fff;cursor:pointer;font-size:20px}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin-top:5px;min-width:160px;padding:5px 0;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu button{background:#0000;border:none;color:#333;cursor:pointer;font-size:14px;padding:10px 16px;text-align:left;width:100%}.dropdown-menu button:hover{background-color:#f0f0f0;color:#000}@media (max-width:768px){.nav-user-wrapper{align-items:center;flex-direction:row;gap:8px;justify-content:flex-end;padding-right:15px;position:relative;width:100%}.nav-name{white-space:nowrap}.dots-icon{color:#fff;font-size:20px}.dropdown-menu{background-color:#000;box-shadow:0 4px 8px #0000001a;font-size:13px;min-width:150px;position:absolute;right:0;top:140%;z-index:3000}.logo{font-size:12px;gap:6px}.logo-img{width:40px}.logo2-img{width:50px}.nav-name{font-size:14px}.dropdown-menu button{font-size:12px;padding:8px 12px}.hamburger{color:#000;cursor:pointer;font-size:22px;margin-left:auto;padding:10px}.menu{display:none;flex-direction:column;padding:10px;position:absolute;right:0;top:60px;width:100%;z-index:1500}.menu.open{display:flex}}.tutor-login-container{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);font-family:Segoe UI;height:100vh;justify-content:center}.tutor-login-container,form{display:flex;flex-direction:column}form{background:#fff;border-radius:12px;padding:30px;width:300px}input{border:1px solid #ccc;border-radius:6px;margin:8px 0 16px;padding:8px}.login-btn{background-color:#f524a5;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px}.login-btn:hover{background-color:#ec1a60}.password-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-wrapper input{flex:1 1}.toggle-password{background:#0000;border:none;color:#0c2285;cursor:pointer;font-size:13px;padding:5px;position:absolute;right:10px}.register-link{color:#555;font-size:14px;margin-top:10px;text-align:center}.register-link span{color:#007bff;cursor:pointer;text-decoration:underline}.register-link span:hover{color:#0056b3}@media (max-width:768px){.password-wrapper{flex-direction:row}.toggle-password{font-size:12px;right:10px}}.admin-dashboard-main{align-items:center;background:linear-gradient(to bottom right,#6debd7,#5f70e6);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.admin-dashboard-main h1{color:#000;font-size:35px;margin-bottom:8px;text-align:center}.admin-dashboard-main p{color:#000;font-size:18px;margin:0;text-align:center}.cards-container-admin{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;margin-top:50px;max-width:750px}.card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 8px #0003;color:#000;display:flex;flex-direction:column;gap:12px;height:150px;justify-content:center;padding:20px;text-align:center;width:200px}.card img{height:45px;width:40px}.card p{font-size:16px;font-weight:600;margin:0;text-align:center}.card button{background-color:#ff66b2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px}.card button:hover{background-color:#d30e84}.back-btn{align-items:center;background-color:#5f70e6;border:solid;border-radius:50px;bottom:30px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:6px;padding:12px 16px;position:fixed;right:40px;transition:all .3s ease}.back-btn:hover{background-color:#fff;color:#af1111}@media (max-width:768px){.cards-container-admin{grid-template-columns:repeat(2,1fr);max-width:500px}}@media (max-width:500px){.cards-container-admin{grid-template-columns:1fr;max-width:300px}}
/*# sourceMappingURL=main.b234440a.css.map*/