html,body{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);color:#333}.UI{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;box-sizing:border-box}.UI>div[style*="height: 4%"]{display:none}.msg{font-size:2.5rem;color:#2c3e50;margin-bottom:30px;text-align:center;font-weight:300}#loginAndRegister{width:100%;max-width:400px}.login-container{background:white;padding:40px;border-radius:15px;box-shadow:0 10px 25px #0000001a;width:100%;box-sizing:border-box;transition:transform .3s ease}.login-container:hover{transform:translateY(-5px)}.login-form h2{margin-top:0;margin-bottom:25px;color:#2c3e50;text-align:center;font-size:1.8rem}.login-form input[type=text],.login-form input[type=password]{width:100%;padding:12px 15px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.login-form input[type=text]:focus,.login-form input[type=password]:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.login-form input[type=text]:disabled,.login-form input[type=password]:disabled{background-color:#e9ecef;cursor:not-allowed;color:#7f8c8d}.login-form input[type=submit]{width:100%;padding:12px;background-color:#3498db;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.login-form input[type=submit]:hover{background-color:#2980b9}.login-form input[type=submit]:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.login-form p{text-align:center;margin-top:20px;font-size:.9rem;color:#666}.login-form a{color:#3498db;text-decoration:none;font-weight:500}.login-form a:hover{text-decoration:underline}#msg{margin-top:20px;text-align:center;font-size:1rem;font-weight:500;display:block}.loader{display:flex;flex-direction:column;align-items:center;margin:30px auto}.loader[hidden]{display:none}.cad-loader-svg{width:80px;height:80px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}.draw-path{fill:none;stroke:#3498db;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:250;stroke-dashoffset:250;animation:draw 2.5s ease-in-out infinite}.draw-path.dashed{stroke-width:1;stroke-dasharray:4,4;stroke-dashoffset:0;opacity:0;animation:fade-in-scale 2.5s ease-in-out infinite}.loading-text{margin-top:15px;font-family:Consolas,Monaco,monospace;font-size:.9rem;color:#555;text-transform:uppercase;letter-spacing:1px;animation:pulse 1.5s infinite}@keyframes draw{0%{stroke-dashoffset:250}40%{stroke-dashoffset:0;fill:transparent}60%{stroke-dashoffset:0;fill:#3498db1a}80%{stroke-dashoffset:0;fill:transparent}to{stroke-dashoffset:0}}@keyframes fade-in-scale{0%,30%{opacity:0;transform:scale(.8);transform-origin:center}50%,80%{opacity:1;transform:scale(1);transform-origin:center}to{opacity:0;transform:scale(1);transform-origin:center}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 480px){.msg{font-size:1.8rem}.login-container{padding:30px 20px}.UI{padding:10px}}