@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes blobFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.03)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}body{animation:fadeIn .5s ease-out both}nav{animation:slideDown .55s ease-out both}.auth-left-panel{animation:slideInLeft .65s .1s ease-out both}.auth-right-panel{animation:slideInRight .65s .15s ease-out both}.auth-header{animation:fadeInUp .5s .3s ease-out both}.auth-form .form-group{animation:fadeInUp .45s .38s ease-out both}.btn-auth-primary{animation:fadeInUp .45s .5s ease-out both}.auth-divider{animation:fadeIn .4s .55s ease-out both}.btn-auth-google{animation:fadeInUp .45s .6s ease-out both}.auth-actions-grid{animation:fadeInUp .45s .65s ease-out both}.auth-footer-note{animation:fadeInUp .45s .6s ease-out both}.auth-hero-content{animation:fadeInUp .6s .3s ease-out both}.auth-footer-logos{animation:fadeIn .5s .6s ease-out both}.stepper{animation:fadeInUp .5s .3s ease-out both}.auth-illustration-wrapper{animation:scaleIn .6s .35s ease-out both}#hero-section .hero-content .badge{animation:fadeInUp .5s .2s ease-out both}#hero-section .hero-content h1{animation:fadeIn .3s .2s ease-out both}#hero-section .hero-content h1 .typewriter-cursor{display:inline-block;width:3px;margin-left:2px;background-color:currentColor;animation:cursorBlink .7s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}#hero-section .hero-content .hero-desc{animation:fadeInUp .5s .4s ease-out both}#hero-section .hero-content .cta-group{animation:fadeInUp .5s .5s ease-out both}#hero-section .hero-content .floating-features{animation:fadeInUp .5s .6s ease-out both,featureFloat 5s 1s ease-in-out infinite}.blob{animation:blobFloat1 8s ease-in-out infinite}.blob-2{animation:blobFloat2 10s ease-in-out infinite}@keyframes blobFloat1{0%{transform:translate(0) scale(1)}25%{transform:translate(120px,-80px) scale(1.15)}50%{transform:translate(-80px,-150px) scale(.9)}75%{transform:translate(-150px,-50px) scale(1.1)}to{transform:translate(0) scale(1)}}@keyframes blobFloat2{0%{transform:translate(0) scale(1)}25%{transform:translate(-100px,100px) scale(.9)}50%{transform:translate(80px,150px) scale(1.15)}75%{transform:translate(150px,50px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes featureFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .55s ease-out,transform .55s ease-out;transition-delay:var(--reveal-delay, 0s)}.reveal.revealed{opacity:1;transform:translateY(0)}#pengumuman .announcement-grid.reveal,#pengumuman .main-announcement-card.reveal{transform:translate(-50px)}#pengumuman .history-timeline.reveal{transform:translate(50px)}#pengumuman .announcement-grid.reveal.revealed,#pengumuman .main-announcement-card.reveal.revealed,#pengumuman .history-timeline.reveal.revealed{transform:translate(0)}.btn,.btn-auth-primary,.btn-auth-google,.btn-uji-coba,.btn-hubungkan,.btn-generate-qr,.btn-filter-faq,.search-btn,.filter-btn,.settings-tab-btn,.btn-logout-all,.btn-delete-session{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease,opacity .22s ease}.btn:hover,.btn-auth-primary:hover,.btn-auth-google:hover,.btn-uji-coba:hover,.btn-hubungkan:hover,.btn-generate-qr:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001f}.btn:active,.btn-auth-primary:active,.btn-auth-google:active{transform:translateY(0)}.nav-icon-btn{transition:transform .2s ease,background-color .2s ease,color .2s ease}.nav-icon-btn:hover{transform:scale(1.1)}.service-card{transition:transform .28s ease,box-shadow .28s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000001a}.action-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.action-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.history-card{transition:transform .25s ease,box-shadow .25s ease}.history-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.settings-card{transition:transform .25s ease,box-shadow .25s ease}.settings-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.profile-card{transition:transform .25s ease,box-shadow .25s ease}.profile-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.help-card{transition:transform .25s ease,box-shadow .25s ease}.help-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.accordion-item{transition:transform .2s ease,box-shadow .2s ease}.accordion-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.session-item{transition:transform .2s ease,box-shadow .2s ease}.session-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}footer a{transition:color .2s ease,opacity .2s ease}footer a:hover{opacity:.8}.social-links a{transition:transform .2s ease,color .2s ease}.social-links a:hover{transform:scale(1.15)}.nav-link{transition:color .2s ease,background-color .2s ease,transform .2s ease}.form-input{transition:border-color .25s ease,box-shadow .25s ease}.form-input:focus{box-shadow:0 0 0 3px #2563eb1a}.modal-overlay{transition:opacity .3s ease,visibility .3s ease}.modal-card{transition:transform .35s ease,opacity .35s ease}.search-glow,.filter-glow{transition:opacity .3s ease}.settings-tab-btn{transition:color .2s ease,border-color .2s ease,background-color .2s ease}.filter-btn{transition:background-color .2s ease,color .2s ease,transform .15s ease}.filter-btn:hover{transform:translateY(-1px)}.slider{transition:background-color .3s ease}.slider:before{transition:transform .3s ease}.main-announcement-card{transition:transform .25s ease,box-shadow .25s ease}.main-announcement-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.timeline-item{transition:transform .2s ease}.timeline-item:hover{transform:translate(4px)}.dropdown-list{transition:opacity .2s ease,transform .2s ease}.dropdown-arrow{transition:transform .25s ease}.method-2-card{transition:transform .25s ease,box-shadow .25s ease}.method-2-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.history-header,.settings-header,.profile-header,.help-hero-content{animation:fadeInUp .55s .2s ease-out both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}