@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";body{color:#fff;background:#0f0f1a;margin:0;padding:0;overflow-x:hidden}.title{font-family:Orbitron,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.app{flex-direction:column;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.split-section{cursor:pointer;flex:1;justify-content:center;align-items:center;min-height:50vh;transition:filter .3s;display:flex;position:relative;background-position:50%!important;background-size:cover!important}.split-section.left{border-bottom:3px solid #fff}.split-section.right{border-top:3px solid #fff}@media (width>=768px){.app{flex-direction:row}.split-section{border-bottom:none;border-right:3px solid #fff;min-width:50vw;min-height:100vh}.split-section.right{border-left:3px solid #fff;border-right:none}}.split-section:hover{filter:brightness(1.1)}.overlay{background:#00000040;transition:background .3s;position:absolute;inset:0}.split-section:hover .overlay{background:#00000026}.content{z-index:2;text-align:center;color:#fff;max-width:90%;padding:2rem;position:relative}.title{text-shadow:0 4px 20px #0006;letter-spacing:-2px;margin-bottom:1rem;font-size:clamp(3rem,12vw,6rem);font-weight:800}.subtitle{opacity:.95;text-shadow:0 2px 10px #0000004d;margin-bottom:2rem;font-size:clamp(1rem,3vw,1.5rem)}.cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;border-radius:50px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-block}.split-section:hover .cta-badge{color:#1a1a2e;background:#fff;transform:scale(1.05)}.footer{text-align:center;color:#ffffffb3;background:#1a1a2e;padding:1rem;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title,.subtitle,.cta-badge{animation:.6s forwards fadeIn}.code-button{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #fffc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;text-decoration:none;transition:all .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000004d}.code-button svg{width:28px;height:28px;margin-bottom:4px}.code-button-text{letter-spacing:.5px;opacity:.9;font-size:.7rem;font-weight:600}.code-button:hover{background:#ffffff40;border-color:#fff;box-shadow:0 12px 40px #0006}.code-button:hover .code-button-text{opacity:1}@media (width<=768px){.code-button{width:60px;height:60px}.code-button svg{width:24px;height:24px}.code-button-text{font-size:.65rem}}.main-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0000004d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:#fff;font-size:1.3rem;font-weight:700}.auth-controls{align-items:center;gap:12px;display:flex}.user-info{color:#94a3b8;font-size:.9rem}.login-btn,.logout-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-weight:600;transition:all .2s}.login-btn{color:#fff;background:#8b5cf6}.login-btn:hover{background:#7c3aed}.logout-btn{color:#fca5a5;background:#ef444433;border:1px solid #ef4444}.logout-btn:hover{color:#fff;background:#ef444466}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#1e1e2ef2;border:1px solid #4a4a6a;border-radius:16px;width:90%;max-width:400px;padding:24px;position:relative}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:12px;right:16px}.modal-close:hover{color:#fff}.modal-content h2{text-align:center;color:#fff;margin:0 0 20px}.modal-content input{color:#fff;background:#1e1e2e;border:1px solid #4a4a6a;border-radius:8px;width:100%;margin:8px 0;padding:12px;font-size:1rem}.modal-content button[type=submit]{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-weight:600}.modal-content button[type=submit]:hover{background:#7c3aed}.modal-content button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.error{color:#fca5a5;text-align:center;margin:8px 0;font-size:.9rem}.switch-auth{text-align:center;color:#94a3b8;margin-top:16px;font-size:.9rem}.switch-auth button{color:#8b5cf6;cursor:pointer;background:0 0;border:none;font-weight:600}.switch-auth button:hover{text-decoration:underline}.locked-badge{color:#fca5a5;background:#ef444433;border:1px solid #ef4444;border-radius:20px;align-items:center;gap:4px;margin:12px 0;padding:6px 12px;font-size:.85rem;display:inline-flex}@media (width<=768px){.main-header{padding:12px 16px}.logo{font-size:1.1rem}.modal-content{width:95%;padding:20px}}.user-role{color:#c4b5fd;text-transform:uppercase;background:#8b5cf64d;border-radius:12px;margin-left:6px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}