body { font-family: 'Arial', sans-serif; margin: 0; }
.login-bg { background: url('assets/img/bg-kelas.jpg') no-repeat center; background-size: cover; height: 100vh; display: flex; align-items: center; justify-content: center; }
.login-box { background: rgba(255,255,255,0.9); padding: 30px; border-radius: 15px; border: 4px solid #fbc02d; text-align: center; width: 300px; }
input { width: 90%; padding: 10px; margin: 10px 0; border: 1px solid #ddd; border-radius: 5px; }
button { background: #fbc02d; color: #000; border: none; padding: 10px 20px; font-weight: bold; border-radius: 5px; cursor: pointer; width: 100%; }

/* UI Guru Nano */
#nano-teacher { position: fixed; bottom: 20px; right: 20px; text-align: center; z-index: 1000; }
.bubble { background: white; border: 3px solid #fbc02d; border-radius: 15px; padding: 10px; margin-bottom: 10px; font-size: 14px; max-width: 200px; display: none; }