body{font-family:Roboto,sans-serif;font-weight:300;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;font-size:24px;font-family:Roboto,sans-serif;text-align:center;color:#000;box-sizing:border-box;overflow:hidden}#loading-screen .loading-panel{position:absolute;left:0;width:100%;height:50%;background-color:#fff;transition:transform .8s ease-in-out;z-index:1}#loading-screen .loading-panel.top{top:0}#loading-screen .loading-panel.bottom{bottom:0}#loading-screen .loading-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease;z-index:3}#loading-screen.loaded .loading-panel.top{transform:translateY(-100%)}#loading-screen.loaded .loading-panel.bottom{transform:translateY(100%)}#loading-screen.loaded .loading-content{opacity:0}#loading-text{color:#a53c6e;animation:pulse 1.5s ease-in-out infinite}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#a53c6e;border-radius:50%;animation:spin 1s linear infinite;margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#custom-scanning-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;z-index:5000}#custom-scanning-overlay.hidden{visibility:hidden;pointer-events:none}#custom-scanning-overlay.hidden .scan-area:before{animation:none;top:0}#custom-scanning-overlay .scan-instruction{color:#fff;font-size:1.2rem;font-family:Roboto,sans-serif;text-align:center;margin-bottom:20px}#custom-scanning-overlay .scan-area{position:relative;display:flex;align-items:center;justify-content:center;width:60vw;height:60vw;max-width:400px;max-height:400px;border:4px solid #fff;border-radius:0;overflow:hidden}#custom-scanning-overlay .scan-area:before{content:"";position:absolute;top:0;left:0;width:100%;height:15%;background:#fff6;z-index:2;animation:scanbar 4s linear infinite alternate}@keyframes scanbar{0%{top:0}to{top:85%}}#custom-scanning-overlay img{position:relative;z-index:1;max-width:80%;max-height:80%;border-radius:0;opacity:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;font-family:Roboto,sans-serif;color:#000;z-index:10000}#ui-layer .top-overlay{position:absolute;left:0;width:100%;height:145px;background-color:#fff;opacity:.7;pointer-events:none;z-index:0;border-bottom:2px solid #444444}#ui-layer .bottom-overlay{position:absolute;left:0;width:100%;height:80px;background-color:#fff;opacity:.7;pointer-events:none;z-index:0;border-top:2px solid #444444}#ui-layer .top-overlay{top:0}#ui-layer .bottom-overlay{bottom:0}#ui-layer .logo{position:absolute;top:15px;left:5px;width:110px;height:auto}#ui-layer .title{position:absolute;top:70px;left:50%;transform:translate(-50%);text-align:center}#ui-layer .title h1{margin:0;font-size:1.7rem;font-weight:500;color:#444;white-space:nowrap}#ui-layer .title h2{margin:5px 0 0;font-size:1.1rem;font-weight:500;color:#444;white-space:nowrap}#ui-layer .tagline{position:absolute;bottom:20px;left:20px;right:20px;margin:0;font-size:1rem;color:#444}#ui-layer .logo,#ui-layer .title,#ui-layer .tagline,#ui-layer .course-button{z-index:1}.course-button{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:inline-block;padding:10px 20px;background-color:#a53c6e;color:#fff;text-decoration:none;border-radius:0;font-size:1.7rem;font-weight:500;animation:courseButtonPulse 2s ease-in-out infinite}@keyframes courseButtonPulse{0%,to{transform:translate(-50%) scale(1);background-color:#a53c6e}50%{transform:translate(-50%) scale(1.05);background-color:#c04b80}}