.gg-demo{font-family:Poppins,Inter,sans-serif;background:#1a1a2e;border-radius:16px;padding:1.5rem}.gg-demo h1{color:#fff}.gg-panel{background:#202035;border-color:rgba(255,255,255,.12)}.gg-panel h2{color:#4ecca3}.gg-reward{padding:1rem;border:2px dashed #00b894;border-radius:12px;background:linear-gradient(135deg,rgba(0,184,148,.15),rgba(9,132,227,.15));text-align:center}.gg-reward strong,.gg-reward span{color:#4ecca3}.gg-tabs button.active{background:#00b894;color:#141429;border-color:#4ecca3}.gg-question label{display:block;padding:.55rem;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#292940}.gg-question label:has(input:checked){border-color:#4ecca3}.gg-panel #gg-hint{background:#e1b12c;color:#1e1e2f;border-color:#e1b12c;margin-top:1rem}.gg-panel #gg-hint:disabled{opacity:.5}.gg-panel #gg-next{background:#00b894;color:#132322}.gg-panel #gg-next[hidden],.gg-panel #gg-quiz[hidden]{display:none}#gg-feedback{color:#ffeaa7}
.gg-demo{max-width:1050px;margin:3rem auto 5rem;padding:0 1.25rem;color:#e5f3ef;font-family:Inter,sans-serif}.gg-demo *{box-sizing:border-box}.gg-banner{padding:1rem;border:1px solid #328368;background:#12372e;border-radius:12px;color:#b8ffe0;font-size:.75rem;font-weight:700;letter-spacing:.08em}.gg-demo header{padding:2rem 0}.gg-demo h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;color:white}.gg-demo h2{font-size:1.4rem;font-weight:700;color:white;margin-bottom:.7rem}.gg-demo p{color:#b0c5d2;margin:.75rem 0}.gg-kicker{color:#6ee7b7!important;font-size:.75rem;letter-spacing:.15em}.gg-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.gg-tabs button,.gg-panel button{cursor:pointer;border-radius:9px;padding:.75rem 1rem;border:1px solid #416577;background:#142535;color:#e5f3ef}.gg-tabs button.active,.gg-panel button:hover{border-color:#6ee7b7;background:#205044;color:white}.gg-panel{padding:clamp(1.2rem,4vw,2rem);border:1px solid #37536a;background:#101f30;border-radius:14px;min-height:290px}.gg-panel[hidden]{display:none}.gg-panel label{display:block;margin:1rem 0 .5rem}.gg-panel select{display:block;width:min(100%,420px);padding:.75rem;border:1px solid #527189;border-radius:9px;background:#0b1826;color:white}.gg-question{padding:1rem 0;border-bottom:1px solid #37536a}.gg-question fieldset{border:0}.gg-question legend{font-weight:600;margin-bottom:.65rem}.gg-question label{margin:.4rem 0;cursor:pointer}.gg-question input{margin-right:.6rem;accent-color:#34d399}.gg-panel form>button,.gg-panel>button{margin-top:1.3rem;background:#11634d;border-color:#38a886;font-weight:700}#gg-status{min-height:1.5rem;color:#a7f3d0}#gg-results li{margin:.65rem 0}.gg-foot a{color:#8eedd0}
.gg-section{margin-top:25px}.gg-section h2{color:#4ecca3;font-size:1rem}.gg-profile-grid,.gg-subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gg-panel .gg-profile-card{min-height:70px;background:#22283a;border:1px solid #4ecca3;font-weight:700}.gg-panel .gg-profile-card.active,.gg-panel .gg-stream{background:#00b894;color:#10251f;border-color:#00b894}.gg-active-profile{padding:10px;border:1px dashed #4ecca3;border-radius:8px;text-align:center;background:rgba(78,204,163,.08);color:#4ecca3!important}.gg-panel .gg-subject-grid button{background:#11634d;border-color:#38a886;font-weight:700}.gg-panel .gg-subject-grid button:disabled{opacity:.45;cursor:not-allowed}.gg-panel #gg-profile-form[hidden]{display:none}#gg-profile-name{width:min(100%,420px);padding:.75rem;border:1px solid #527189;border-radius:9px;background:#0b1826;color:white}@media(max-width:520px){.gg-profile-grid,.gg-subject-grid{grid-template-columns:1fr}}
.gg-demo{max-width:800px;background:#1e1e2f;padding:26px;border-radius:16px}.gg-demo header{text-align:center}.gg-demo header h1{font-family:Poppins,Inter,sans-serif}.gg-demo header p{color:#dfe6e9}.gg-panel{background:#222236;border-color:rgba(255,255,255,.12)}.gg-panel .gg-profile-card{min-height:150px;background:transparent;border:1px dashed #55556a;color:#dfe6e9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.gg-panel .gg-profile-card.active{background:#254d48;border:2px solid #00b894;color:white}.gg-plus{font-size:2rem;color:#88889c}.gg-panel .gg-stream{width:min(100%,370px);background:#4ecca3;color:#101f30}.gg-panel .gg-subject-grid button{background:#00b894;border:0;color:white}.gg-reward{margin-bottom:35px}.gg-reward strong{color:#00b894}.gg-dashboard[hidden]{display:none}.gg-info{margin:22px 0;padding:20px;background:#191928;border:1px solid #35354b;border-radius:12px}.gg-info h2{font-size:1rem;color:#74b9ff}.gg-info p{text-align:center;font-size:.85rem}.gg-parent{background:#202e4b;border-color:#0984e3;text-align:center}.gg-parent button{background:#e1b12c;color:#1e1e2f;padding:10px 18px;border:0;border-radius:7px;opacity:.7}.gg-chart{height:180px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 34px,#343448 35px,#343448 36px);border-left:1px solid #484860;border-bottom:1px solid #484860}@media(max-width:520px){.gg-demo{padding:16px}.gg-profile-grid,.gg-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gg-panel .gg-profile-card{min-height:115px}}