.login-body{background:linear-gradient(135deg,#1a1f2e 0%,#232a3b 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:mundial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex}.login-container{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:420px;padding:50px 40px}.login-logo{margin-bottom:30px}.login-logo h1{letter-spacing:2px;color:#fff;font-size:28px;font-weight:700}.login-logo .brand-amapola{color:#f7c433}.login-logo .brand-flyg{color:#fff}.login-logo img{object-fit:contain;max-width:200px;max-height:60px}.login-subtitle{color:#ffffff80;margin-top:8px;font-size:14px}.login-form{margin-top:30px}.login-form .form-group{text-align:left;margin-bottom:20px}.login-form .form-group label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.login-form .form-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:14px 16px;font-size:16px;transition:all .2s}.login-form .form-group input:focus{background:#ffffff14;border-color:#6ec4cc;outline:none;box-shadow:0 0 0 3px #6ec4cc26}.login-form .form-group input::placeholder{color:#ffffff4d}.remember-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.remember-me{color:#fff9;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.remember-me input[type=checkbox]{accent-color:#6ec4cc;width:18px;height:18px}.forgot-password{color:#6ec4cc;cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-btn{color:#1a1f2e;cursor:pointer;background:#6ec4cc;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.login-btn:hover{background:#5ab4bc;transform:translateY(-1px);box-shadow:0 4px 12px #6ec4cc4d}.login-btn:active{transform:translateY(0)}.login-btn svg{width:18px;height:18px}.login-btn:disabled{opacity:.7;pointer-events:none}.error-message{color:#ed7354;text-align:left;background:#ed735426;border:1px solid #ed735466;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:14px;display:flex}.error-message svg{flex-shrink:0;width:20px;height:20px}.success-message{color:#29a166;background:#29a16626;border:1px solid #29a16666;border-radius:8px;margin-bottom:20px;padding:14px 16px;font-size:14px}.divider{color:#ffffff4d;align-items:center;margin:30px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.divider:before{margin-right:15px}.divider:after{margin-left:15px}.workshop-btn{color:#f7c433;cursor:pointer;background:0 0;border:1px solid #f7c43366;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.workshop-btn:hover{background:#f7c4331a;border-color:#f7c433}.workshop-btn svg{width:18px;height:18px}.login-footer{color:#fff6;border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px;font-size:13px}.login-footer a{color:#fff9;text-decoration:none}.login-footer a:hover{color:#6ec4cc}.workshop-badge{color:#f7c433;text-transform:uppercase;letter-spacing:1px;background:#f7c43333;border:1px solid #f7c433;border-radius:20px;margin-top:15px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-block}.site-list{flex-direction:column;gap:10px;margin-top:24px;display:flex}.site-card{color:#fff;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.site-card:hover{background:#6ec4cc1a;border-color:#6ec4cc}.site-card-name{font-size:15px;font-weight:600}.site-card-slug{color:#fff6;margin-top:2px;font-size:12px}.site-card-role{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;background:#ffffff14;border-radius:4px;padding:4px 10px;font-size:11px}@media (max-width:480px){.login-container{padding:40px 24px}.remember-row{flex-direction:column;align-items:flex-start;gap:12px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
