.splash-page{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:9999}.splash-logo{width:80vw;max-width:512px;height:auto;opacity:0;animation:fadeInOut 6s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}50%{opacity:1}to{opacity:0;visibility:hidden}}.language-page{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3rem;height:50vh;padding:2rem;background:linear-gradient(135deg,#f9f9f9,#e0e0e0);font-family:Segoe UI,sans-serif;place-items:center}.language-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s ease}.language-option:hover{transform:scale(1.05)}.flag-button{width:160px;height:100px;background-size:cover;background-position:center;border:2px solid #ccc;border-radius:12px;box-shadow:0 4px 12px #0000001a}.label{margin-top:.75rem;font-size:1.2rem;font-weight:500;color:#333}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;background:linear-gradient(to bottom right,#f9f9f9,#e6ecf5);font-family:Segoe UI,sans-serif}.eletapp-title{justify-content:center;width:95%;text-align:center;margin-right:20px;font-size:2.5em;font-weight:900;color:#f9e401;text-shadow:rgb(0,0,0) 1px 0 10px}.login-title{font-size:2rem;color:#333}.login-input{padding:10px 14px;font-size:16px;width:250px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .3s}.login-input:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d433}.login-button{padding:10px 20px;font-size:16px;background-color:#0078d4;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#005ea2}.login-error{color:red;font-size:.9rem;margin-top:-.5rem}.login-logo{width:100px;height:auto;margin-bottom:.5rem}html,body{overflow:hidden;display:flex;justify-content:center;align-items:center;background:#ccc;box-sizing:border-box}.main-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;padding:2vh;box-sizing:border-box;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at center,#fff,#d4d3d3)}.main-logo{height:16vh;width:auto}.partner-logo1{height:6vh;width:auto}.partner-logo2{height:5vh;width:auto}.eletapp-title{font-size:3.5vh;margin:3vh 0}.user-info{display:flex;align-items:center;font-size:3vh;font-weight:700;gap:2vh;height:4vh;padding-bottom:2vh}.user-info .flag{height:3vh;width:auto}.next-limit{font-size:1vh;color:#666}.speed-box.green{background-color:#2ecc71}.speed-box.yellow{background-color:#f1c40f}.speed-box.orange{background-color:#e67e22}.speed-box.red{background-color:#e74c3c}.logout-top{position:relative;align-self:center;margin-top:1vh;transform:translate(90%);padding:1vh;font-size:2.5vh;border:none;background:#555;color:#fff;border-radius:1.5vh;cursor:pointer;z-index:1}.startgps{position:fixed;align-self:center;margin-top:1vh;transform:translate(-90%);padding:1vh;font-size:2.5vh;border:none;background:#555;color:#fff;border-radius:1.5vh;cursor:pointer;z-index:1}.logo-row{display:flex;align-items:center;justify-content:center;gap:4vh;margin-bottom:1vh}.main-speed-row{display:flex;justify-content:center;align-items:flex-start;gap:4vh;margin-top:2vh;flex-wrap:nowrap}.speed-left-column,.speed-right-column{display:flex;flex-direction:column;align-items:center}.speed-label,.next-label{font-size:2vh;font-weight:700;margin-bottom:.4vh;text-align:center;color:#333}.speed-label-distance{margin-top:8vh;margin-bottom:3vh}.speedlimit-circle{width:14vh;height:14vh;font-size:6vh;border:1vh solid red;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#333;position:relative;background:#fff;margin-bottom:6vh}.speedlimit-circle .unit,.next-circle .unit{font-size:2vh;position:absolute;bottom:1vh}.speed-box{width:16vh;height:14vh;font-size:4vh;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:.3vh .3vh .6vh black;border-radius:2vh}.next-row{display:flex;justify-content:center;align-items:flex-start;gap:4vh;margin-top:2vh;flex-wrap:wrap}.next-column{display:flex;flex-direction:column;align-items:center}.next-label{font-size:2vh;font-weight:700;color:#555;margin-bottom:.8vh;text-align:center}.next-circle{width:9vh;height:9vh;font-size:3.5vh;border:.8vh solid gray;border-radius:50%;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;background:#fff}.next-circle .unit{font-size:1.5vh;position:absolute;bottom:1vh}.next-distance{font-size:3vh;margin-top:14vh;font-weight:700;color:#444;text-align:center}.distance-box{font-size:4vh;width:16vh;height:10vh;font-weight:700;padding:6px 10px;margin-top:4px;border:2px solid #ccc;border-radius:8px;background-color:#fff;text-align:center}.yellow-blink{background-color:#ff0;animation:blink 1s infinite;border:2px solid #aaa;border-radius:8px;padding:5px 10px;font-weight:700}.outside-ss-message{position:fixed;bottom:4vh;left:50%;transform:translate(-50%);width:auto;max-width:90vw;font-size:4vh;font-weight:700;text-align:center}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}body{margin:0;font-family:sans-serif;background-color:#f5f5f5}button{padding:10px 20px;font-size:16px;margin:10px;cursor:pointer}