:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}body{background:radial-gradient(1000px 1000px at 15% 10%,#00b4c733,#00b4c700 40%),radial-gradient(800px 800px at 85% 25%,#00b4c71f,#00b4c700 45%),linear-gradient(180deg,#f6fbfd,#fff)}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--jelou-primary: #00b4c7;--jelou-primary-hover: #009aab;--jelou-white: #ffffff;--jelou-text-dark: #1a1a1a;--spacing-sm: 12px;--spacing-md: 40px;--spacing-lg: 60px;--border-radius: 6px;--transition-speed: .2s}#root{margin:0;padding:0;width:100%;height:100vh}.login-container{display:flex;height:100vh;width:100vw;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.left-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--jelou-white);padding:var(--spacing-md);position:relative;overflow:hidden}.logo-corner{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:10}.decorative-circle{position:absolute;border-radius:50%;border:2px solid rgba(0,180,199,.12);pointer-events:none}.decorative-circle--top-left{top:-150px;left:-150px;width:400px;height:400px}.decorative-circle--bottom-right{bottom:-250px;right:-250px;width:700px;height:700px}.main-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);max-width:400px}.login-button{padding:var(--spacing-sm) 48px;background-color:var(--jelou-primary);color:var(--jelou-white);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:16px;font-weight:600;transition:all var(--transition-speed) ease;box-shadow:0 2px 8px #00b4c74d}.login-button:hover{background-color:var(--jelou-primary-hover);box-shadow:0 4px 12px #00b4c766;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.right-panel{flex:1;background-image:url(/assets/login-background.webp);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:var(--spacing-lg);color:var(--jelou-white);position:relative}.clock-container{position:relative;z-index:1;text-align:right}.clock-date{font-size:18px;font-weight:600;margin-bottom:var(--spacing-sm);opacity:.95;text-shadow:0 2px 8px rgba(0,0,0,.3)}.clock-time{font-size:96px;font-weight:700;line-height:1;letter-spacing:-2px}