:root{--hde-blue:#1d4ed8;--hde-blue-dark:#1e3a8a;--hde-accent:#60a5fa;--hde-gray-bg:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1e293b;background-color:#ffffff;margin:0;padding:0}.bg-hde{background-color:var(--hde-blue)}.text-hde{color:var(--hde-blue)}.btn-primary{background-color:var(--hde-blue);color:white;padding:.875rem 2rem;border-radius:9999px;font-weight:700;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.btn-primary:hover{background-color:var(--hde-blue-dark);transform:translateY(-2px);box-shadow:0 10px 20px rgba(29,78,216,.25)}.hde-card{background:white;border-radius:2rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px rgba(0,0,0,.03);transition:transform .3s ease,box-shadow .3s ease}.hde-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(29,78,216,.08)}.custom-scroll::-webkit-scrollbar{width:5px}.custom-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;align-items:center;justify-content:center;text-decoration:none;animation:wa-float-move 3s ease-in-out infinite}.whatsapp-content{display:flex;align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);color:white;padding:12px;border-radius:50px;box-shadow:0 8px 25px rgba(37,211,102,.4);position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.2)}.whatsapp-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:26px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.whatsapp-text{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .5s ease,padding .3s ease,opacity .3s ease;font-weight:700;opacity:0;font-size:14px}@media (min-width:769px){.whatsapp-float:hover .whatsapp-content{padding:12px 22px;transform:translateY(-5px);box-shadow:0 12px 30px rgba(37,211,102,.6)}.whatsapp-float:hover .whatsapp-text{max-width:200px;padding-right:12px;opacity:1}}@media (max-width:768px){.whatsapp-float{bottom:20px;right:20px;animation:none}.whatsapp-content{padding:10px;border-radius:50%;width:55px;height:55px;justify-content:center}.whatsapp-text{display:none}.whatsapp-icon{width:30px;height:30px;font-size:24px}}.whatsapp-pulse{position:absolute;width:100%;height:100%;background-color:#25d366;border-radius:50px;z-index:-1;animation:wa-pulse 2s infinite}@keyframes wa-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes wa-float-move{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 4s ease-in-out infinite}.logo-neon-glow{filter:drop-shadow(0 0 4px rgba(37,99,235,.4));animation:smooth-neon 3s cubic-bezier(.45,.05,.55,.95) infinite alternate}@keyframes smooth-neon{0%{filter:drop-shadow(0 0 3px rgba(37,99,235,.3)) drop-shadow(0 0 8px rgba(37,99,235,.1));opacity:.9}to{filter:drop-shadow(0 0 6px rgba(37,99,235,.8)) drop-shadow(0 0 15px rgba(37,99,235,.4));transform:scale(1.02)}}@media print{body *{visibility:hidden}#hasilValidasi,#hasilValidasi *{visibility:visible}#hasilValidasi{position:absolute;left:0;top:30px;width:100%;border:none!important;box-shadow:none!important}.print-hidden,.whatsapp-float,button,footer,nav{display:none!important}@page{size:A4;margin:20mm}}