*{box-sizing:border-box}html,body,#root{height:100%}a{color:#fff;text-decoration:None}body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center}.app-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.logo{margin:8px 0 0;text-align:center}.logo img{max-width:160px;height:auto}.card{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(241,90,34,.3);border-radius:20px;filter:drop-shadow(0 0 20px rgba(241,90,34,.3));padding:15px;max-width:1200px}.title{color:#f15a22;font-weight:700;margin:0 0 12px}.subtitle{color:#ccc;margin:0 0 18px}.group{margin-bottom:16px}label{display:block;margin-bottom:6px;color:#f15a22;font-weight:600}input,select,button{font-size:16px}input,select{width:100%;padding:14px 16px;background:#ffffff0f;border:2px solid transparent;border-radius:12px;color:#fff;outline:none}input:focus,select:focus{border-color:#f15a22;box-shadow:0 0 16px #f15a2240}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text!important;-webkit-text-fill-color:#ffffff!important;transition:background-color 5000s ease-in-out 0s!important;box-shadow:inset 0 0 20px 20px #ffffff0f!important}.btn{padding:12px 16px;border-radius:12px;border:1px solid rgba(241,90,34,.3);cursor:pointer}a.btn{text-decoration:none}.btn.primary{background:#f15a22;color:#fff;border:none;font-weight:700}.btn.secondary{background:transparent;color:#fff}.btn[disabled]{opacity:.65;cursor:not-allowed}.row{display:flex;gap:12px}.row>.col{flex:1}.notice{margin-top:12px;padding:12px 14px;border-radius:10px;font-size:.95rem}.notice.success{background:#4caf501f;border:1px solid rgba(76,175,80,.4)}.notice.error{background:#f443361f;border:1px solid rgba(244,67,54,.4)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:10}.modal{background:#000000eb;border:1px solid rgba(241,90,34,.35);border-radius:16px;width:min(520px,92vw);box-shadow:0 20px 40px #f15a2226;overflow:hidden}.modal-header{padding:14px 18px;background:#f15a2214;border-bottom:1px solid rgba(241,90,34,.25);display:flex;align-items:center;justify-content:space-between}.modal-title{color:#f15a22;font-weight:700}.modal-body{padding:18px}.modal-footer{padding:14px 18px;border-top:1px solid rgba(241,90,34,.25);display:flex;justify-content:flex-end;gap:10px}.upper{text-transform:uppercase}