@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');
        
        body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #f1f5f9; overflow: hidden; }
        
        /* Animasi Modern */
        .fade-in { animation: fadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
        .slide-up { animation: slideUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards; opacity: 0; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        
        /* Floating Labels untuk Form Profesional */
        .floating-input { position: relative; }
        .floating-input input, .floating-input select, .floating-input textarea { 
            border: 1px solid #e2e8f0; background-color: #f8fafc; transition: all 0.3s;
        }
        .floating-input input:focus, .floating-input select:focus, .floating-input textarea:focus {
            border-color: #3b82f6; background-color: #ffffff; box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); outline: none;
        }
        .floating-input label {
            position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #64748b; 
            pointer-events: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); background: transparent; padding: 0 0.25rem;
        }
        .floating-input input:focus ~ label, .floating-input input:not(:placeholder-shown) ~ label,
        .floating-input select:focus ~ label, .floating-input select:not([value=""]) ~ label,
        .floating-input textarea:focus ~ label, .floating-input textarea:not(:placeholder-shown) ~ label {
            top: 0; transform: translateY(-50%) scale(0.85); color: #3b82f6; background-color: white;
        }
        .floating-input textarea ~ label { top: 1.5rem; }
        .floating-input textarea:focus ~ label, .floating-input textarea:not(:placeholder-shown) ~ label { top: 0; }

        /* Togle Form Animasi */
        .hidden-form { opacity: 0; transform: translateX(30px); pointer-events: none; position: absolute; visibility: hidden;}
        .active-form { opacity: 1; transform: translateX(0); pointer-events: all; position: relative; visibility: visible; transition: all 0.5s ease;}

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
        
        .glass-header { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(226, 232, 240, 0.8); }
		
		/* FIX v2: Cegah scroll tanpa ganggu klik */
		#container-siswa input[type="radio"].peer {
			position: fixed !important;
			opacity: 0 !important;
			width: 0 !important;
			height: 0 !important;
			pointer-events: auto !important;
		}