.tutorial-container.svelte-u163uk.svelte-u163uk{position:relative;margin-bottom:2rem;border-radius:1rem;overflow:hidden}.tutorial-slider.svelte-u163uk.svelte-u163uk{border-radius:1rem}.slide.svelte-u163uk.svelte-u163uk{margin:auto;position:relative;width:90%;height:400px;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5f5f5}.slide.svelte-u163uk.svelte-u163uk:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000000d}.slide-content.svelte-u163uk.svelte-u163uk{position:absolute;z-index:2;width:100%;height:100%;left:100;top:0;display:flex;justify-content:center;align-items:center;color:#fff}.cta-button.svelte-u163uk.svelte-u163uk{background:#fff;color:#ff6f00;border:none;padding:1rem 2rem;border-radius:2rem;font-weight:700;position:absolute;bottom:20%;left:46%}.cta-button.svelte-u163uk.svelte-u163uk:hover{transform:scale(1.05)}.dots-navigation.svelte-u163uk.svelte-u163uk{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.dot.svelte-u163uk.svelte-u163uk{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:background-color .3s}.dot.active.svelte-u163uk.svelte-u163uk{background:#fff}.login-card.svelte-u163uk.svelte-u163uk{background:linear-gradient(135deg,#fec401e6,#feb009cc);border-radius:1rem;padding:3rem;text-align:center;color:#fff;margin-top:0%}.login-card.svelte-u163uk h2.svelte-u163uk{font-size:2rem;margin-bottom:1rem;color:#fff}.login-card.svelte-u163uk p.svelte-u163uk{font-size:1.5rem;margin-bottom:2rem;color:#fff}.button-container.svelte-u163uk.svelte-u163uk{display:flex;gap:1rem;justify-content:center}.login-button.svelte-u163uk.svelte-u163uk,.tutorial-button.svelte-u163uk.svelte-u163uk{padding:1rem 2rem;border-radius:2rem;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s}.login-button.svelte-u163uk.svelte-u163uk{background:#fff;color:#ff5722}.tutorial-button.svelte-u163uk.svelte-u163uk{background:#e6202c;color:#fff}.login-button.svelte-u163uk.svelte-u163uk:hover,.tutorial-button.svelte-u163uk.svelte-u163uk:hover{transform:scale(1.05)}.banner-section.svelte-u163uk.svelte-u163uk{width:100%;margin:0;padding:0;overflow:hidden;position:relative;background-color:#f5f5f5}.banner-image.svelte-u163uk.svelte-u163uk{width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s ease-in-out;margin-top:0%}.banner-image.svelte-u163uk.svelte-u163uk:hover{transform:scale(1.02)}.prakerja-steps.svelte-u163uk.svelte-u163uk{padding:4rem 2rem;background-color:#f8f9fa}.title-prakerja-steps.svelte-u163uk.svelte-u163uk{text-align:center;color:#1a237e;font-size:2rem;font-weight:700;margin-bottom:3rem}.steps-container.svelte-u163uk.svelte-u163uk{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.step-card.svelte-u163uk.svelte-u163uk{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.step-card.svelte-u163uk.svelte-u163uk:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.icon-container.svelte-u163uk.svelte-u163uk{background-color:#e8eaf6;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.icon-container.svelte-u163uk svg{width:40px;height:40px;color:#1a237e}.p-prakerja-steps.svelte-u163uk.svelte-u163uk{color:#666;font-size:.95rem;line-height:1.5}@media (max-width: 768px){.banner-section.svelte-u163uk.svelte-u163uk{margin-top:2rem;margin-bottom:2rem}}@media (min-width: 769px){.banner-section.svelte-u163uk.svelte-u163uk{margin-top:4rem;margin-bottom:4rem}}@media (max-width: 768px){.slide.svelte-u163uk.svelte-u163uk{height:200px;width:100%}.tutorial-container.svelte-u163uk.svelte-u163uk{margin:.5rem}.cta-button.svelte-u163uk.svelte-u163uk{margin-top:90px;padding:.4rem 1rem;font-size:.8rem}}