@font-face{font-family:"800";src:url(/assets/fonts/orbitron-v31-latin-800.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"500";src:url(/assets/fonts/orbitron-v31-latin-500.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:regular;src:url(/assets/fonts/orbitron-v31-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal}#install-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:#fff;padding:10px 20px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px;z-index:300}#install-banner.hidden{display:none}#install-button{background:#0fc;color:#000;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:"800",sans-serif;background-color:#ffaba4;background-image:url(/assets/images/bg_start.webp)}header{position:relative;text-align:center;width:100%;padding:20px 0;color:#fff;z-index:10}header h1{font-size:3rem;font-family:"800",sans-serif}#start-button{padding:0;font-size:1.5rem;border-radius:200px;width:150px;height:150px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.2);box-shadow:inset 0 0 20px rgba(255,255,255,.7),0 4px 10px rgba(0,0,0,.2);color:#fff;text-shadow:0px 0px 5px rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease;font-family:regular,sans-serif}#start-button:hover{background:rgba(255,255,255,.9);border:3px;backdrop-filter:blur(10px);color:#ff36b5}.start-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;z-index:2}.scanner-container{position:absolute;width:500px;height:500px;display:flex;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.point-ring{position:absolute;width:300px;height:300px;animation:rotateClockwise 30s linear infinite}.point{position:absolute;border-radius:50%;background-color:#fff;box-shadow:0 0 10px #fff;animation:pulse var(--pulse-duration) infinite alternate,oscillateRadius var(--oscillation-speed) ease-in-out infinite alternate}.trail-ring{position:absolute;width:380px;height:380px;display:flex;justify-content:center;align-items:center;animation:rotateClockwise 60s linear infinite}.trail-point{position:absolute;border-radius:50%;background-color:#fff;box-shadow:0 0 10px #fff;animation:oscillateRadius var(--oscillation-speed-fast) ease-in-out infinite alternate}.trail{position:absolute;background:linear-gradient(to right,rgba(255,255,255,0),#fff);transform-origin:left center;border-radius:2px}@keyframes pulse{0%{box-shadow:0 0 5px #fff;transform:scale(1)}to{box-shadow:0 0 15px #fff;transform:scale(1.2)}}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes oscillateRadius{0%{transform:scale(.85)}to{transform:scale(1.2)}}footer{position:fixed;bottom:20px;text-align:center;width:100%;padding:10px;color:#fff;z-index:10;font-family:regular;font-size:9}footer a{color:#fff;text-decoration:none}footer a:hover{color:#ff00e6}@media (max-width: 768px){header h1{font-size:2rem}#start-button{font-size:1.6rem;width:130px;height:130px}footer{font-size:.6rem}}#permission-overlay{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.permission-box{background:rgba(255,255,255,.3);box-shadow:inset 0 0 20px rgba(255,255,255,.5),0 4px 10px rgba(255,255,255,.2);backdrop-filter:blur(30px) brightness(1);border:1px solid rgb(255,255,255,.5);padding:10px;border-radius:15px;text-align:center;color:#fff;width:90%;max-width:400px}.permission-box p{font-size:.8rem;margin-bottom:15px;font-family:regular,sans-serif;text-shadow:0px 0px 15px rgba(0,0,0,.6)}.permission-box h2{font-family:"800",sans-serif;margin-bottom:0}#grant-permission{padding:10px 20px;margin:10px;background:rgba(255,171,164,.8);border:1px solid rgb(255,255,255,.2);box-shadow:0 1px 10px rgba(255,255,255,.2);color:#fff;border-radius:50px;cursor:pointer;font-size:1rem;font-family:"500",sans-serif}
