:root{--color-bg:#0a0a0a;--color-primary:#ff8c00;--color-secondary:#4b5320;--color-text:#fff;--color-panel:#141414d9;--font-main:"Inter", sans-serif}*{box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none;color:#fff;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.app-container{-webkit-backdrop-filter:brightness(.4);backdrop-filter:brightness(.4);flex-direction:column;min-height:100vh;display:flex}header{border-bottom:3px solid var(--color-primary);z-index:1000;background:linear-gradient(#000000e6 0%,#000000b3 100%);justify-content:space-between;align-items:center;padding:15px 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000080}.logo-container{align-items:center;gap:30px;display:flex}.logo-item{align-items:center;display:flex;position:relative}.logo-item:after{content:"";background:#fff3;width:1px;height:30px;position:absolute;right:-15px}.logo-item:last-child:after{display:none}.logo-container img{object-fit:contain;filter:drop-shadow(0 0 5px #ff8c004d);height:60px;transition:transform .3s}.logo-container img:hover{transform:scale(1.05)}.header-title{flex-direction:column;margin-left:10px;display:flex}.header-title h1{color:var(--color-primary);text-shadow:2px 2px 4px #00000080;margin:0;font-size:1.4rem;line-height:1}.header-title span{letter-spacing:3px;color:#aaa;text-transform:uppercase;font-size:.7rem}nav{gap:15px;display:flex}button{background:var(--color-secondary);color:#fff;border:1px solid var(--color-primary);cursor:pointer;text-transform:uppercase;padding:10px 20px;font-weight:700;transition:all .3s}button:hover,button.active{background:var(--color-primary);color:#000}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px}.panel{background:var(--color-panel);border:1px solid #333;border-left:5px solid var(--color-primary);margin-bottom:20px;padding:20px}h1,h2,h3{text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}table{border-collapse:collapse;width:100%;margin-top:10px}th,td{text-align:left;border-bottom:1px solid #333;padding:12px}th{color:var(--color-primary);background:#ff8c001a}.input-group{margin-bottom:15px}input,select{color:#fff;background:#1a1a1a;border:1px solid #444;width:100%;padding:10px}.history-page{max-width:800px;margin:0 auto}.history-header{text-align:center;border-bottom:1px solid var(--color-primary);margin-bottom:30px;padding-bottom:15px}.question-card{background:#ffffff08;border:1px solid #333;border-radius:8px;margin-bottom:25px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.question-card:before{content:"";background:var(--color-primary);opacity:.5;width:4px;height:100%;position:absolute;top:0;left:0}.question-card:hover{border-color:var(--color-primary);background:#ff8c000d}.question-text{gap:15px;margin-bottom:20px;font-size:1.2rem;font-weight:700;display:flex}.question-number{color:var(--color-primary);font-family:Courier New,Courier,monospace}.options-grid{gap:12px;display:grid}.option-label{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0006;border:1px solid #444;border-radius:4px;align-items:center;padding:15px;transition:all .2s;display:flex}.option-label:hover{background:#ffffff1a;border-color:#666}.option-label.selected{border-color:var(--color-primary);background:#ff8c0026;box-shadow:inset 0 0 10px #ff8c001a}.option-checkbox{appearance:none;border:2px solid var(--color-primary);flex-shrink:0;width:20px;height:20px;margin-right:15px;position:relative}.option-checkbox:checked:after{content:"✕";color:var(--color-primary);font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.submit-container{text-align:center;margin-top:40px}.btn-submit{letter-spacing:2px;padding:15px 50px;font-size:1.2rem;box-shadow:0 0 20px #ff8c0033}.success-message{text-align:center;padding:50px}.success-icon{color:var(--color-primary);margin-bottom:20px;font-size:4rem}@media (aspect-ratio<=1){header{flex-direction:column;gap:20px;margin-bottom:75px;padding:20px 10px}.logo-container{justify-content:center;gap:15px;width:100%;margin-bottom:20px}.logo-item:after{right:-8px}.logo-container img{height:45px}.header-title h1{font-size:1.1rem}nav{background:#ffffff0d;border:1px solid #ff8c004d;border-radius:5px;justify-content:center;width:100%;margin-bottom:-100px;padding:10px}nav button{flex:1;padding:12px 5px;font-size:.8rem}.team-tabs-container{flex-direction:column}.team-tabs-list{white-space:nowrap;-webkit-overflow-scrolling:touch;border-bottom:1px solid #333;gap:10px;padding-bottom:15px;border-right:none!important;flex-direction:row!important;width:100%!important;padding-right:0!important;display:flex!important;overflow:auto hidden!important}.team-tabs-list button{white-space:normal;text-align:center;flex:none;justify-content:center;align-items:center;min-width:160px;padding:10px 5px;font-size:.75rem;line-height:1.2;display:flex}.team-tabs-list::-webkit-scrollbar{height:6px}.team-tabs-list::-webkit-scrollbar-track{background:#0003}.team-tabs-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}}.team-tabs-list,.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-primary) #0003}.custom-scrollbar::-webkit-scrollbar{height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0003}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}
