: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;display:flex;place-items:center;min-width:320px;min-height:100vh;position:relative;z-index:0}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/images/africa.png) center center / cover no-repeat;opacity:.1;pointer-events:none;z-index:-1}@media (prefers-color-scheme: light){body:before{opacity:.5}}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}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-main: #0E0E10;--bg-surface: #1A1A1E;--accent-primary: #B26EFF;--accent-secondary: #FF4ECB;--text-primary: #EDEDED;--text-secondary: #AAAAAA;--border-color: #2B2B30;--success-color: #00D68F;--error-color: #FF5F5F;--font-family: "Inter", sans-serif;--letter-spacing: .5px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 64px}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);letter-spacing:var(--letter-spacing);margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);position:relative}.split-screen{display:flex;flex:1;min-height:80vh;width:100%;margin:48px 0 32px;box-sizing:border-box}.split-left,.split-right{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.split-left{background:#1a1a1eeb;border-radius:20px 0 0 20px;box-shadow:0 0 24px #b26eff12;padding:48px 24px;margin-right:8px;max-width:500px}.split-right{background:#1a1a1ecc;border-radius:0 20px 20px 0;box-shadow:0 0 24px #b26eff12;padding:48px 24px;margin-left:8px;max-width:700px}@media (max-width: 900px){.split-screen{flex-direction:column;min-height:unset;margin:24px 0 16px}.split-left,.split-right{border-radius:20px;max-width:98vw;margin:0 0 16px;padding:32px 8px}}.app-detail{position:static;background-color:transparent;border-radius:0;gap:36px;padding:0;display:flex;flex-direction:column;align-items:center;max-width:100%;min-width:0;z-index:1}.app-detail-title{font-size:2.8rem;font-weight:800;margin-bottom:18px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;letter-spacing:1.5px}.app-detail-image{max-width:440px;width:100%;border-radius:18px;border:2px solid var(--border-color);box-shadow:0 0 32px #b26eff40}@media (max-width: 900px){.app-detail{position:relative;left:auto;top:auto;transform:none;margin:var(--spacing-xl) auto;max-width:95vw;min-width:0;padding:32px 12px;gap:20px}.app-detail-title{font-size:2rem}.app-detail-image{max-width:98vw}}.logo-container{margin-bottom:var(--spacing-xl);text-align:center}.logo{height:60px;margin-top:var(--spacing-xl);transition:filter .3s ease}.logo:hover{filter:drop-shadow(0 0 8px rgba(178,110,255,.5))}.login-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) 0}.card{background-color:var(--bg-surface);border-radius:16px;box-shadow:0 0 10px #b26eff1a;padding:var(--spacing-lg);width:100%;max-width:400px;text-align:left}.card h1{font-size:28px;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}input{width:100%;padding:12px 16px;background-color:#141417;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-family);font-size:16px;box-sizing:border-box}input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}input.error{border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:14px;margin-top:var(--spacing-sm)}.btn-primary{width:100%;padding:12px 16px;border:none;border-radius:24px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:box-shadow .3s ease;margin-bottom:var(--spacing-md)}.btn-primary:hover{box-shadow:0 0 8px var(--accent-primary)}.btn-primary:focus{outline:none}.forgot-link{text-align:center;margin-top:var(--spacing-md)}.forgot-link a{color:var(--accent-primary);text-decoration:none;font-size:14px;transition:color .3s ease}.forgot-link a:hover{color:var(--accent-secondary);text-decoration:underline}.footer{margin-top:auto;padding:var(--spacing-lg) 0;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:14px}.copyright{color:var(--text-secondary)}.footer-links a{color:var(--text-secondary);text-decoration:none;margin-left:var(--spacing-md);transition:color .3s ease}.footer-links a:hover{color:var(--accent-primary)}@media (max-width: 480px){.card{padding:var(--spacing-md)}.footer-content{flex-direction:column;gap:var(--spacing-md)}.footer-links a:first-child{margin-left:0}}