@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringPulse{0%{opacity:.65;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}.demo-app-shell{--demo-lime:#bbdb00;--demo-lime-35:#bbdb0059;--demo-lime-20:#bbdb0033;--demo-white:#fff;--demo-white-80:#fffc;--demo-white-65:#ffffffa6;--demo-white-55:#ffffff8c;--demo-white-45:#ffffff73;--demo-white-25:#ffffff40;--demo-white-15:#ffffff26;--demo-white-10:#ffffff1a;--demo-surface:#0b0b0b;--demo-surface-2:#101010;--demo-radius:12px;--demo-radius-lg:18px;background:radial-gradient(900px 500px at 0 -20%,#bbdb0024,#0000 60%),radial-gradient(900px 500px at 100% 120%,#bbdb001a,#0000 60%),#060606;justify-content:center;align-items:center;min-height:100dvh;padding:12px;display:flex;position:relative;overflow:hidden}.demo-app-shell :where(section){padding:0}.demo-app-glow{pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.demo-phone{z-index:2;aspect-ratio:9/16;border:1px solid var(--demo-white-15);background:var(--demo-surface);border-radius:30px;flex-direction:column;max-width:calc(100vw - 16px);height:min(94dvh,860px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000008c,0 0 0 1px #bbdb001a}.demo-phone-top{border-bottom:1px solid var(--demo-white-10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080808e6;justify-content:space-between;align-items:center;gap:10px;height:56px;padding:10px 14px;display:flex}.demo-phone-brand{color:var(--demo-white);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:2px 0;font-size:.62rem;font-weight:700;display:inline-flex}.demo-top-right{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.demo-top-pill{color:var(--demo-lime);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#bbdb001f;border:1px solid #bbdb0052;border-radius:999px;padding:4px 8px;font-size:.54rem;font-weight:700}.demo-top-pill-btn{cursor:pointer;font-family:inherit}.demo-top-icon-btn{border:1px solid var(--demo-white-15);width:28px;height:28px;color:var(--demo-white-80);cursor:pointer;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.demo-top-icon-btn svg{width:14px;height:14px}.demo-top-icon-dot{background:#ffffff59;border-radius:999px;width:6px;height:6px;position:absolute;top:5px;right:5px}.demo-top-icon-dot.is-live{background:var(--demo-lime);box-shadow:0 0 8px #bbdb0073}.demo-notifications-layer{z-index:8;position:absolute;inset:56px 0 58px}.demo-notifications-backdrop{background:#00000057;border:0;padding:0;position:absolute;inset:0}.demo-notifications-popover{border:1px solid var(--demo-white-15);background:radial-gradient(140% 120% at 0 0,#bbdb0024,#0000 55%),#090909f5;border-radius:14px;flex-direction:column;gap:9px;padding:10px;display:flex;position:absolute;top:8px;left:10px;right:10px;box-shadow:0 18px 40px #0000006b}.demo-notifications-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-notifications-head strong{color:var(--demo-white);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.demo-notifications-head button{color:var(--demo-lime);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:.62rem;font-weight:700}.demo-notifications-list{flex-direction:column;gap:6px;display:flex}.demo-notifications-list article{border:1px solid var(--demo-white-10);background:#ffffff08;border-radius:10px;align-items:flex-start;gap:7px;padding:8px;display:flex}.demo-dot-live{background:var(--demo-lime);border-radius:999px;flex-shrink:0;width:7px;height:7px;margin-top:3px;box-shadow:0 0 8px #bbdb0061}.demo-notifications-list p{color:var(--demo-white-80);margin:0;font-size:.67rem;line-height:1.35}.demo-step-pills{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.demo-step-pill{background:#bbdb009e;border-radius:999px;width:8px;height:8px;transition:width .22s,opacity .22s,background-color .22s;box-shadow:0 0 0 1px #bbdb0033}.demo-step-pill.is-active{background:var(--demo-lime);width:24px;box-shadow:0 0 14px #bbdb004d}.demo-phone-content{background:var(--demo-surface);flex:1;min-height:0;position:relative;overflow:hidden}.demo-step-screen{height:100%}.demo-phone-nav{border-top:1px solid var(--demo-white-10);background:#080808f2;grid-template-columns:repeat(4,1fr);align-items:center;height:58px;padding:0 8px;display:grid}.demo-phone-nav span,.demo-phone-nav button{text-align:center;color:var(--demo-white-55);text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;padding:0;font-family:inherit;font-size:.62rem;font-weight:600;display:inline-flex}.demo-phone-nav button{cursor:pointer}.demo-phone-nav button:focus-visible{outline-offset:-2px;border-radius:8px;outline:1px solid #bbdb00cc}.demo-phone-nav span.active,.demo-phone-nav button.active{color:var(--demo-white)}.demo-phone-nav svg{flex-shrink:0;width:14px;height:14px}.demo-screen{height:100%;padding:10px}.demo-screen-splash{justify-content:center;align-items:center;padding:0;display:flex}.demo-screen.solid{flex-direction:column;justify-content:flex-start;gap:12px;padding-bottom:12px;display:flex}.demo-screen.reel{padding:0}.demo-screen-form{justify-content:center;padding-top:12px;padding-bottom:12px}.demo-screen-form .demo-panel{justify-content:center}.demo-panel{border:1px solid var(--demo-white-10);background:radial-gradient(120% 100% at 0 0,#bbdb000f 0%,#0000 45%),linear-gradient(#ffffff08,#ffffff03);border-radius:18px;flex-direction:column;justify-content:flex-start;gap:12px;height:100%;padding:16px 14px 14px;display:flex}.demo-panel--scroll{overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto}.demo-panel--scroll::-webkit-scrollbar{width:0;height:0;display:none}.demo-screen-header{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.demo-screen-header--center{text-align:center;align-items:center}.demo-screen-header--compact{gap:7px}.demo-screen-header h2{letter-spacing:-.015em;margin:0;font-size:1.2rem;line-height:1.2}.demo-screen-header p{color:var(--demo-white-55);max-width:36ch;margin:0;font-size:.76rem;line-height:1.45}.demo-chip{border:1px solid var(--demo-lime-35);color:var(--demo-lime);letter-spacing:.08em;text-transform:uppercase;background:#bbdb001a;border-radius:999px;margin:0;padding:4px 9px;font-size:.6rem;font-weight:700;display:inline-flex}.demo-simple-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100%;display:flex}.demo-simple-center h2{letter-spacing:-.015em;margin:0;font-size:1.3rem;line-height:1.2}.demo-simple-center p{color:var(--demo-white-55);margin:0;font-size:.82rem;line-height:1.45}.demo-screen-header--center .demo-chip{margin:0 auto}.demo-splash-wrap{justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.demo-splash-core-glow{filter:blur(6px);background:radial-gradient(circle,#bbdb0033 0%,#0000 70%);border-radius:999px;width:170px;height:170px;position:absolute}.demo-splash-ring{border:1px solid #bbdb0038;border-radius:999px;position:absolute}.demo-splash-ring--outer{border-style:dashed;width:200px;height:200px;animation:32s linear infinite rotateSlow}.demo-splash-ring--inner{border-color:var(--demo-white-25);width:148px;height:148px;animation:24s linear infinite reverse rotateSlow}.demo-splash-ring--pulse{border:1px solid #bbdb0066;width:88px;height:88px;animation:2.8s ease-out infinite ringPulse}.demo-splash-logo{z-index:1}.demo-intro-screen{flex-direction:column;justify-content:center;gap:16px;height:100%;display:flex}.demo-intro-visual{justify-content:center;align-items:center;min-height:140px;max-height:220px;display:flex;position:relative}.demo-intro-core-glow{filter:blur(8px);background:radial-gradient(circle,#bbdb002e 0%,#0000 70%);border-radius:999px;width:180px;height:180px;position:absolute}.demo-intro-ring{border:1px solid #bbdb0038;border-radius:999px;position:absolute}.demo-intro-ring--outer{border-style:dashed;width:190px;height:190px;animation:38s linear infinite rotateSlow}.demo-intro-ring--inner{border-color:var(--demo-white-25);width:140px;height:140px;animation:26s linear infinite reverse rotateSlow}.demo-intro-ring--pulse{border:1px solid #bbdb0066;width:92px;height:92px;animation:3.6s ease-out infinite ringPulse}.demo-intro-logo{z-index:1}.demo-intro-content{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.demo-intro-content h1{letter-spacing:-.015em;margin:0;font-size:1.42rem;line-height:1.2}.demo-intro-content p{color:var(--demo-white-55);max-width:30ch;margin:0;font-size:.86rem;line-height:1.45}.demo-role-grid{grid-template-columns:1fr;gap:10px;margin-top:2px;display:grid}.demo-role-card{text-align:left;border:1px solid var(--demo-white-10);cursor:pointer;background:#ffffff08;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:13px;transition:border-color .2s,background .2s;display:grid}.demo-role-card:hover{background:#ffffff0d}.demo-role-card.is-active{border-color:var(--demo-lime-35);background:#bbdb0017}.demo-role-icon{border:1px solid var(--demo-white-15);width:36px;height:36px;color:var(--demo-white-65);border-radius:10px;justify-content:center;align-items:center;display:flex}.demo-role-icon svg{width:18px;height:18px}.demo-role-card.is-active .demo-role-icon{border-color:var(--demo-lime-35);color:var(--demo-lime);background:#bbdb0014}.demo-role-title-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.demo-role-content h3{margin:0;font-size:.92rem;line-height:1.2}.demo-role-content p{color:var(--demo-white-55);font-size:.74rem;line-height:1.4}.demo-reco-badge{background:var(--demo-lime);color:#000;letter-spacing:.08em;text-transform:uppercase;border-radius:5px;padding:2px 5px;font-size:.5rem;font-weight:700}.demo-role-check{background:var(--demo-lime);color:#000;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.demo-role-check svg{width:11px;height:11px}.demo-form-stack{flex-direction:column;gap:14px;margin-top:4px;display:flex}.demo-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--demo-lime);margin-bottom:7px;font-size:.64rem;font-weight:700;display:block}.demo-field input{border:1px solid var(--demo-white-10);width:100%;height:46px;color:var(--demo-white);background:#ffffff08;border-radius:14px;padding:0 14px;font-family:inherit;font-size:.92rem}.demo-field input::placeholder{color:var(--demo-white-45)}.demo-field input:focus{border-color:var(--demo-lime-35);background:#ffffff0f;outline:none;box-shadow:0 0 0 3px #bbdb001f}.demo-sport-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.demo-sport-card{border:1px solid var(--demo-white-10);min-height:94px;color:var(--demo-white);text-align:left;cursor:pointer;background:#ffffff08;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:8px;padding:10px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.demo-sport-card.is-active{background:linear-gradient(#bbdb0029,#bbdb0012);border-color:#bbdb0075;box-shadow:inset 0 0 0 1px #bbdb0047}.demo-sport-card:hover:not(:disabled){border-color:var(--demo-lime-35);transform:translateY(-1px)}.demo-sport-card.is-disabled{opacity:.5;cursor:not-allowed}.demo-sport-top{justify-content:space-between;align-items:center;display:flex}.demo-sport-icon{font-size:1.2rem;line-height:1}.demo-sport-state{border:1px solid var(--demo-white-15);color:var(--demo-white-65);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border-radius:999px;padding:2px 6px;font-size:.5rem;font-weight:700}.demo-sport-state.is-open{color:var(--demo-lime);background:#bbdb0024;border-color:#bbdb0061}.demo-sport-content{flex-direction:column;gap:4px;display:flex}.demo-sport-label{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.demo-sport-note{color:var(--demo-white-65);font-size:.64rem;line-height:1.35}.demo-reel-card{width:100%;height:100%;position:relative;overflow:hidden}.demo-reel-video{object-fit:cover;width:100%;height:100%}.demo-reel-overlay-top,.demo-reel-overlay-bottom{z-index:2;position:absolute;left:0;right:0}.demo-reel-overlay-top{background:linear-gradient(#0000008c,#0000);flex-direction:column;gap:6px;padding:12px 10px;display:flex;top:0}.demo-reel-overlay-top span{color:var(--demo-white);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:700}.demo-reel-kicker{margin-bottom:0;display:inline-flex;color:var(--demo-lime)!important;font-size:.62rem!important}.demo-reel-overlay-bottom{background:linear-gradient(#0000,#000000c7);flex-direction:column;gap:10px;padding:12px;transition:padding .2s,background .2s;display:flex;bottom:0}.demo-reel-overlay-bottom.is-collapsed{background:linear-gradient(#0000 30%,#00000085);gap:6px;padding:8px 10px}.demo-overlay-toggle{border:1px solid var(--demo-white-25);width:fit-content;color:var(--demo-white);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0000008f;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 9px;font-family:inherit;font-size:.54rem;font-weight:700;display:flex}.demo-overlay-toggle:hover{border-color:var(--demo-lime-35);background:#bbdb0026}.demo-overlay-toggle:focus-visible{outline-offset:1px;outline:1px solid #bbdb00d1}.demo-overlay-toggle svg{flex-shrink:0;width:13px;height:13px}.demo-overlay-collapsed-copy{color:var(--demo-white-80);margin:0;font-size:.62rem;line-height:1.3}.demo-reel-context{color:var(--demo-white-80);margin-bottom:0;font-size:.78rem;line-height:1.42}.demo-question-title{margin-bottom:0;font-size:.94rem;line-height:1.3}.demo-reel-wait{flex-direction:column;gap:8px;display:flex}.demo-reel-phase-tag{width:fit-content;color:var(--demo-lime);letter-spacing:.08em;text-transform:uppercase;background:#bbdb0024;border:1px solid #bbdb0059;border-radius:999px;padding:3px 8px;font-size:.58rem;font-weight:700}.demo-option-list{flex-direction:column;gap:9px;display:flex}.demo-reel-question-shell,.demo-reel-question-stack{flex-direction:column;gap:10px;display:flex}.demo-option-btn{width:100%;color:var(--demo-white);text-align:left;cursor:pointer;background:#0f0f0fb8;border:1px solid #fff3;border-radius:14px;align-items:center;gap:10px;padding:9px 11px;font-family:inherit;font-size:.8rem;transition:border-color .2s,background .2s;display:flex}.demo-option-btn:hover{border-color:var(--demo-lime-35);background:#bbdb0029}.demo-option-index{border:1px solid var(--demo-white-25);width:24px;height:24px;color:var(--demo-white-80);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.58rem;font-weight:700;display:inline-flex}.demo-feedback-card.is-success{border:1px solid #bbdb0066}.demo-feedback-card.is-neutral{border:1px solid var(--demo-white-15)}.demo-field-card{background:#141a14;flex-direction:column;display:flex}.demo-field-card .demo-reel-overlay-top,.demo-field-card .demo-reel-overlay-bottom{z-index:auto;background:0 0;position:static}.demo-field-card .demo-reel-overlay-top{background:linear-gradient(#000000b3 0%,#141a14f2 100%);flex-shrink:0;padding:10px 12px 8px}.demo-field-card .demo-reel-overlay-bottom{background:#0e120ef5;border-top:1px solid #ffffff12;flex-shrink:0;padding:10px 12px}.demo-field-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;padding:6px 10px;display:flex;overflow:hidden}.demo-field-svg{cursor:default;border-radius:6px;flex-shrink:1;width:auto;max-width:100%;height:100%;min-height:0;box-shadow:0 4px 24px #0000008c}.demo-field-svg--feedback{opacity:.88}.demo-field-feedback-bg{background:#141a14;flex:1;justify-content:center;align-items:center;min-height:0;padding:6px 10px;display:flex;overflow:hidden}.demo-field-legend{color:#ffffff8c;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:14px;font-size:.6rem;font-weight:600;display:flex}.demo-field-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.demo-field-dot--lime{background:#bbdb00}.demo-field-dot--red{background:#e53e3e}.demo-field-dot--orange{background:#f6ad55}.demo-field-hint{color:#ffffff80;letter-spacing:.03em;margin:0;font-size:.65rem;font-style:italic}.demo-feedback-banner{border:1px solid var(--demo-white-15);background:#080808ad;border-radius:14px;flex-direction:column;gap:4px;padding:10px 11px;display:flex}.demo-feedback-banner.is-success{background:linear-gradient(#bbdb0038,#000000a3);border-color:#bbdb0066}.demo-feedback-banner.is-neutral{background:linear-gradient(#ffffff1f,#000000a3);border-color:#fff3}.demo-feedback-banner span{color:var(--demo-white-80);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:700}.demo-feedback-banner strong{color:var(--demo-white);letter-spacing:-.01em;font-size:.84rem;line-height:1.2}.demo-selected-pill{border:1px solid var(--demo-white-15);background:#0000009e;border-radius:14px;flex-direction:column;gap:5px;padding:10px 11px;display:flex}.demo-selected-pill span{color:var(--demo-white-65);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.demo-selected-pill strong{color:var(--demo-white);font-size:.77rem;line-height:1.35}.demo-feedback-explainer{border:1px solid var(--demo-white-10);background:#ffffff12;border-radius:14px;flex-direction:column;gap:5px;padding:10px 11px;display:flex}.demo-feedback-explainer span{color:var(--demo-lime);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:700}.demo-feedback-explainer p{color:var(--demo-white);margin:0;font-size:.78rem;line-height:1.38}.demo-feedback-metrics{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.demo-feedback-metric{border:1px solid var(--demo-white-15);background:#0000008c;border-radius:12px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.demo-feedback-metric.is-success{background:#bbdb001f;border-color:#bbdb005c}.demo-feedback-metric span{color:var(--demo-white-65);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem}.demo-feedback-metric strong{color:var(--demo-white);letter-spacing:.01em;font-size:.72rem}.demo-feedback-hold{color:var(--demo-white-65);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.6rem}.demo-feedback-wait{flex-direction:column;gap:6px;display:flex}.demo-feedback-progress{background:#ffffff29;border-radius:999px;width:100%;height:5px;overflow:hidden}.demo-feedback-progress span{border-radius:inherit;background:linear-gradient(90deg, #7c9300, var(--demo-lime));height:100%;display:block}.demo-fifa-stage{flex-direction:column;justify-content:flex-start;gap:12px;min-height:100%;display:flex}.demo-fifa-hero{background:radial-gradient(120% 100% at 0 0,#bbdb0033 0%,#0000 55%),radial-gradient(120% 100% at 100% 100%,#bbdb0014 0%,#0000 60%),linear-gradient(#ffffff0d,#ffffff03);border:1px solid #bbdb0047;border-radius:16px;padding:12px;box-shadow:inset 0 0 0 1px #bbdb001f}.demo-fifa-hero-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.demo-fifa-chip{color:var(--demo-lime);letter-spacing:.08em;text-transform:uppercase;background:#bbdb0026;border:1px solid #bbdb006b;border-radius:999px;padding:3px 8px;font-size:.52rem;font-weight:700}.demo-fifa-chip--ghost{border-color:var(--demo-white-15);color:var(--demo-white-80);background:#ffffff0f}.demo-fifa-value-wrap{flex-direction:column;gap:4px;display:flex}.demo-fifa-value-wrap p{color:var(--demo-white-65);margin:0;font-size:.72rem;line-height:1.35}.demo-fifa-value{color:#fff;letter-spacing:-.02em;text-shadow:0 0 26px #bbdb0040;font-size:2rem;font-weight:800;line-height:1}.demo-progress-track{border:1px solid var(--demo-white-10);background:#ffffff08;border-radius:14px;padding:10px}.demo-progress-track-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.demo-progress-track-head span{color:var(--demo-white-65);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.demo-progress-track-head strong{color:var(--demo-white);font-size:.78rem}.demo-fifa-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.demo-fifa-tile{border:1px solid var(--demo-white-10);background:#ffffff08;border-radius:14px;flex-direction:column;justify-content:center;gap:4px;min-height:74px;padding:12px;display:flex}.demo-fifa-tile span{color:var(--demo-white-65);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.demo-fifa-tile strong{color:var(--demo-white);font-size:.94rem}.demo-profile-stage{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100%;display:flex}.rw-scene{background:#08090a;justify-content:center;align-items:center;height:100%;padding:16px;display:flex;position:relative;overflow:hidden}.rw-burst{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:0 28px;display:flex;position:relative}.rw-slash-bar{transform-origin:0;border-radius:2px;width:48px;height:3px;margin-bottom:10px;transform:skew(-18deg)}.rw-slash-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#ffffff61;margin-bottom:6px;font-size:.58rem;font-weight:500}.rw-slash-word{letter-spacing:-.04em;font-size:clamp(3.8rem,16vw,5.2rem);font-weight:300;line-height:1}.rw-corner{pointer-events:none;border:1.5px solid;width:14px;height:14px;position:absolute}.rw-corner--tl{border-bottom:none;border-right:none;top:20px;left:20px}.rw-corner--br{border-top:none;border-left:none;bottom:20px;right:20px}.rw-xp-screen{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;display:flex;position:relative}.rw-glow{pointer-events:none;filter:blur(4px);border-radius:50%;width:340px;height:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rw-hline{pointer-events:none;height:1.5px;position:absolute}.rw-hline--top{transform-origin:50%;top:18%;left:-30%;right:-30%;transform:rotate(-14deg)}.rw-hline--top-b{opacity:.6;transform-origin:50%;height:1px;top:calc(18% + 7px);left:0%;right:0%;transform:rotate(-14deg)}.rw-hline--top-c{opacity:.35;transform-origin:50%;height:1px;top:calc(18% + 13px);left:20%;right:20%;transform:rotate(-14deg)}.rw-hline--bottom{transform-origin:50%;bottom:18%;left:-30%;right:-30%;transform:rotate(-14deg)}.rw-hline--bottom-b{opacity:.6;transform-origin:50%;height:1px;bottom:calc(18% + 7px);left:0%;right:0%;transform:rotate(-14deg)}.rw-hline--bottom-c{opacity:.35;transform-origin:50%;height:1px;bottom:calc(18% + 13px);left:20%;right:20%;transform:rotate(-14deg)}.rw-count-label{z-index:2;letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px;font-size:.56rem;font-weight:500;position:relative}.rw-xp-number{z-index:2;letter-spacing:-.05em;text-align:center;font-size:clamp(5.8rem,24vw,8rem);font-weight:200;line-height:1;position:relative}.rw-xp-badge{z-index:2;letter-spacing:.22em;text-transform:uppercase;border:1px solid;border-radius:999px;margin-top:14px;padding:4px 12px;font-size:.58rem;font-weight:600;position:relative}.rw-xp-headline{z-index:2;color:#ffffff6b;letter-spacing:.02em;text-align:center;max-width:220px;margin-top:26px;font-size:clamp(.78rem,3.2vw,.92rem);font-weight:400;position:relative}.rw-progress-track{z-index:2;background:#ffffff1a;border-radius:99px;width:140px;height:3px;margin-top:20px;position:relative;overflow:hidden}.rw-progress-fill{border-radius:99px;height:100%}.rw-result{flex-direction:column;gap:12px;width:100%;display:flex}.rw-card{border-radius:18px;flex-direction:column;gap:14px;padding:16px 15px;display:flex}.rw-card--best{background:radial-gradient(130% 110% at 0 0,#bbdb0029 0%,#0000 55%),linear-gradient(#ffffff0f,#ffffff05);border:1px solid #bbdb0052;box-shadow:inset 0 0 0 1px #bbdb001a}.rw-card--neutral{background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff2e}.rw-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.rw-tag{letter-spacing:.12em;text-transform:uppercase;color:#fff9;border:1px solid #ffffff2e;border-radius:999px;padding:4px 10px;font-size:.58rem;font-weight:700}.rw-tag--best{color:#bbdb00;background:#bbdb0014;border-color:#bbdb0061}.rw-gain{letter-spacing:.04em;color:#ffffffa6;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:999px;padding:4px 11px;font-size:.8rem;font-weight:700}.rw-gain--best{color:#f6ffd7;background:linear-gradient(#bbdb002e,#bbdb0012);border-color:#bbdb005c;box-shadow:0 0 14px #bbdb0033}.rw-card-copy h2{letter-spacing:-.02em;color:#fff;margin:0 0 5px;font-size:1.15rem;line-height:1.18}.rw-card-copy p{color:#ffffff8c;margin:0;font-size:.76rem;line-height:1.5}.rw-stats-row{background:#0000004d;border:1px solid #ffffff17;border-radius:12px;align-items:center;display:flex;overflow:hidden}.rw-stat{flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 6px;display:flex}.rw-stat span{color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-size:.56rem}.rw-stat strong{color:#fff;letter-spacing:-.01em;font-size:.84rem;font-weight:600}.rw-stat-divider{background:#ffffff14;flex-shrink:0;width:1px;height:36px}.demo-profile-stage--scan{justify-content:flex-start;align-items:stretch;width:100%;padding-right:0;overflow:visible}.demo-panel--scroll .demo-profile-stage{justify-content:flex-start;align-items:stretch;width:100%;min-height:auto}.demo-profile-header{background:radial-gradient(140% 120% at 0 0,#bbdb0029,#0000 58%),linear-gradient(#ffffff0f,#ffffff05);border:1px solid #bbdb003d;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:12px;display:flex}.demo-profile-badge{color:var(--demo-lime);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:#bbdb0029;border:1px solid #bbdb006b;border-radius:999px;align-self:center;padding:4px 8px;font-size:.56rem;font-weight:700}.demo-profile-hero{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-profile-head{text-align:left;align-items:center;gap:12px;display:flex}.demo-profile-avatar{width:42px;height:42px;color:var(--demo-lime);letter-spacing:.06em;background:radial-gradient(circle at 30% 25%,#bbdb0047,#bbdb001a);border:1px solid #bbdb0073;border-radius:999px;justify-content:center;align-items:center;font-size:.76rem;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #bbdb002e}.demo-profile-avatar-image{object-fit:cover}.demo-profile-avatar--large{width:76px;height:76px;font-size:1.22rem}.demo-profile-identity{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.demo-profile-identity--center{text-align:center;align-items:center}.demo-profile-identity span{color:var(--demo-white-55);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem}.demo-profile-identity .demo-profile-bio{color:var(--demo-white-65);text-transform:none;letter-spacing:0;font-size:.66rem;line-height:1.35}.demo-profile-identity strong{color:var(--demo-white);letter-spacing:.01em;font-size:.96rem}.demo-profile-identity p{color:var(--demo-white-65);margin:0;font-size:.66rem}.demo-profile-rating-card{background:radial-gradient(130% 110% at 50% 0,#bbdb0033,#0000 62%),#090909b8;border:1px solid #bbdb0066;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:74px;padding:8px 9px;display:flex;box-shadow:inset 0 0 0 1px #bbdb001f}.demo-profile-rating-card span{color:var(--demo-lime);letter-spacing:.12em;text-transform:uppercase;font-size:.52rem;font-weight:700}.demo-profile-rating-card strong{color:var(--demo-white);letter-spacing:-.02em;font-size:1.28rem;font-weight:800;line-height:1}.demo-profile-rating-card p{color:var(--demo-white-80);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.52rem;font-weight:700}.demo-profile-quickline{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.demo-profile-quickline>div{border:1px solid var(--demo-white-10);background:#00000057;border-radius:10px;flex-direction:column;gap:2px;padding:7px 8px;display:flex}.demo-profile-quickline span{color:var(--demo-white-65);text-transform:uppercase;letter-spacing:.08em;font-size:.52rem}.demo-profile-quickline strong{color:var(--demo-white);font-size:.74rem;line-height:1.15}.demo-profile-level{text-align:right;background:#bbdb0024;border:1px solid #bbdb0057;border-radius:12px;min-width:88px;padding:7px 10px}.demo-profile-level span{color:var(--demo-lime);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:700;display:block}.demo-profile-level strong{color:var(--demo-white);letter-spacing:.01em;margin-top:2px;font-size:.8rem;display:block}.demo-profile-highlight,.demo-profile-track{border:1px solid var(--demo-white-10);background:#ffffff0a;border-radius:14px;flex-direction:column;gap:7px;padding:10px;display:flex}.demo-profile-highlight{background:#bbdb0014;border-color:#bbdb0038}.demo-profile-highlight p{color:var(--demo-white-80);margin:0;font-size:.68rem;line-height:1.35}.demo-profile-track-note{color:var(--demo-white-65);margin:0;font-size:.66rem;line-height:1.35}.demo-profile-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.demo-profile-block{border:1px solid var(--demo-white-10);background:#ffffff08;border-radius:13px;flex-direction:column;gap:11px;padding:12px;display:flex}.demo-profile-block--actions{background:0 0;border-color:#0000;padding:0}.demo-profile-block-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-profile-block-head h3{color:var(--demo-white);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.74rem;line-height:1.2}.demo-profile-block-head span{color:var(--demo-white-55);text-transform:uppercase;letter-spacing:.08em;font-size:.56rem}.demo-profile-link-btn{width:fit-content;color:var(--demo-lime);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:.68rem;font-weight:700}.demo-profile-link-btn:hover{color:#d8f853}.demo-profile-achievements{flex-wrap:wrap;gap:6px;display:flex}.demo-profile-achievement{color:var(--demo-white);background:#bbdb001a;border:1px solid #bbdb0047;border-radius:999px;padding:5px 9px;font-size:.62rem;line-height:1}.demo-profile-inline-copy{color:var(--demo-white-65);margin:0;font-size:.67rem;line-height:1.35}.demo-profile-benefits{grid-template-columns:1fr;gap:6px;display:grid}.demo-profile-benefit{border:1px solid var(--demo-white-10);color:var(--demo-white-80);background:#00000059;border-radius:10px;padding:8px 9px;font-size:.68rem;line-height:1.3}.demo-profile-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-profile-tile{border:1px solid var(--demo-white-10);background:#ffffff0a;border-radius:14px;flex-direction:column;justify-content:center;gap:3px;min-height:64px;padding:10px;display:flex}.demo-profile-tile--wide{grid-column:span 2}.demo-profile-tile--accent{background:#bbdb001a;border-color:#bbdb0042}.demo-profile-tile span{color:var(--demo-white-65);text-transform:uppercase;letter-spacing:.08em;font-size:.57rem}.demo-profile-tile strong{color:var(--demo-white);font-size:.8rem}.demo-profile-tile p{color:var(--demo-white-80);margin:0;font-size:.67rem;line-height:1.35}.demo-reward-burst{width:fit-content;color:var(--demo-lime);border:1px solid var(--demo-lime-35);letter-spacing:.03em;background:#bbdb0024;border-radius:100px;margin:0 auto;padding:8px 16px;font-size:.95rem;font-weight:700}.demo-reward-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.demo-stat-tile{border:1px solid var(--demo-white-10);background:#ffffff08;border-radius:14px;flex-direction:column;justify-content:center;gap:4px;min-height:74px;padding:12px;display:flex}.demo-stat-tile span{color:var(--demo-white-65);text-transform:uppercase;letter-spacing:.08em;font-size:.64rem}.demo-stat-tile strong{color:var(--demo-white);font-size:.92rem}.demo-progress-bar{background:var(--demo-white-10);border-radius:999px;width:100%;height:10px;overflow:hidden}.demo-progress-fill{background:linear-gradient(90deg, #7c9300, var(--demo-lime));border-radius:inherit;height:100%;transition:width .45s}.demo-progress-page{flex-direction:column;gap:12px;width:100%;display:flex}.demo-progress-header{background:radial-gradient(120% 100% at 0 0,#bbdb0024,#0000 55%),#ffffff08;border:1px solid #bbdb0038;border-radius:14px;padding:12px}.demo-progress-block{border:1px solid var(--demo-white-10);background:#ffffff08;border-radius:14px;flex-direction:column;gap:12px;padding:12px;display:flex}.demo-progress-block--chart{background:radial-gradient(130% 120% at 100% 0,#bbdb001f,#0000 64%),#ffffff08;border-color:#bbdb0047}.demo-progress-block-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-progress-block-head h3{color:var(--demo-white);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.74rem;line-height:1.2}.demo-progress-block-head span{color:var(--demo-white-65);letter-spacing:.06em;text-transform:uppercase;font-size:.58rem}.demo-progress-main-chart{border:1px solid var(--demo-white-10);background:#00000059;border-radius:12px;flex-direction:column;gap:8px;padding:10px 9px 8px;display:flex}.demo-progress-overview-chart{border:1px solid var(--demo-white-10);background-color:#00000052;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:10px;grid-template-columns:repeat(6,1fr);align-items:end;gap:7px;height:132px;padding:8px 8px 6px;display:grid}.demo-progress-overview-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.demo-progress-overview-fill{background:linear-gradient(#bbdb00eb,#6d800094);border-radius:8px 8px 4px 4px;width:100%;min-height:12px;box-shadow:0 0 14px #bbdb0033}.demo-progress-overview-col strong{color:var(--demo-white);font-size:.58rem;line-height:1}.demo-progress-overview-labels{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.demo-progress-overview-labels span{text-align:center;color:var(--demo-white-55);text-transform:uppercase;letter-spacing:.06em;font-size:.52rem}.demo-progress-trend-list{grid-template-columns:1fr;gap:7px;display:grid}.demo-progress-trend-item{border:1px solid var(--demo-white-10);background:#ffffff05;border-radius:10px;flex-direction:column;gap:6px;padding:7px 8px;display:flex}.demo-progress-trend-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-progress-trend-head span{color:var(--demo-white-65);text-transform:uppercase;letter-spacing:.08em;font-size:.56rem}.demo-progress-trend-head strong{color:var(--demo-white);font-size:.72rem}.demo-progress-trend-track{background:#ffffff1f;border-radius:999px;width:100%;height:8px;overflow:hidden}.demo-progress-trend-fill{border-radius:inherit;background:linear-gradient(90deg, #7c9300, var(--demo-lime));height:100%;display:block}.demo-progress-chart-note{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-progress-chart-note span{color:var(--demo-white-65);letter-spacing:.04em;font-size:.6rem}.demo-progress-chart-note strong{color:var(--demo-white);font-size:.72rem}.demo-progress-chart-toggle{width:fit-content;color:var(--demo-lime);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:.66rem;font-weight:700}.demo-progress-chart-toggle:hover{color:#d8f853}.demo-progress-chart-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-progress-chart-summary>div{border:1px solid var(--demo-white-10);background:#ffffff08;border-radius:10px;flex-direction:column;gap:2px;padding:8px;display:flex}.demo-progress-chart-summary span{color:var(--demo-white-65);text-transform:uppercase;letter-spacing:.08em;font-size:.54rem}.demo-progress-chart-summary strong{color:var(--demo-white);font-size:.82rem}.demo-progress-stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-progress-stat-card{border:1px solid var(--demo-white-10);background:#0000004d;border-radius:11px;flex-direction:column;gap:4px;padding:10px 9px;display:flex}.demo-progress-stat-card span{color:var(--demo-white-65);text-transform:uppercase;letter-spacing:.08em;font-size:.56rem}.demo-progress-stat-card strong{color:var(--demo-white);font-size:.86rem}.demo-progress-timeline{flex-direction:column;gap:10px;display:flex}.demo-progress-timeline-item{border:1px solid var(--demo-white-10);background:#00000042;border-radius:11px;flex-direction:column;gap:4px;padding:9px;display:flex}.demo-progress-timeline-item strong{color:var(--demo-white);font-size:.76rem}.demo-progress-timeline-item p{color:var(--demo-white-65);margin:0;font-size:.67rem;line-height:1.35}.demo-progress-timeline-tag{border:1px solid var(--demo-white-15);width:fit-content;color:var(--demo-white-80);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0f;border-radius:999px;padding:3px 7px;font-size:.5rem;font-weight:700}.demo-progress-timeline-tag.is-training{color:var(--demo-lime);background:#bbdb0029;border-color:#bbdb0059}.demo-progress-timeline-tag.is-mission{border-color:#ffffff3d}.demo-progress-timeline-tag.is-achievement{background:#bbdb0014;border-color:#bbdb0038}.demo-progress-missions-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-progress-mission-col{flex-direction:column;gap:7px;display:flex}.demo-progress-mission-col>span{color:var(--demo-white-65);letter-spacing:.08em;text-transform:uppercase;font-size:.54rem}.demo-progress-mission-card{border:1px solid var(--demo-white-10);background:#00000047;border-radius:10px;flex-direction:column;gap:3px;padding:8px;display:flex}.demo-progress-mission-card.is-active{border-color:#bbdb0052}.demo-progress-mission-card.is-completed{border-color:#ffffff2e}.demo-progress-mission-card strong{color:var(--demo-white);font-size:.72rem}.demo-progress-mission-card p{color:var(--demo-white-65);margin:0;font-size:.64rem;line-height:1.35}.demo-progress-insights{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-progress-insight-card{background:radial-gradient(120% 110% at 0 0,#bbdb0024,#0000 65%),#ffffff08;border:1px solid #bbdb004d;border-radius:11px;flex-direction:column;gap:3px;padding:10px 9px;display:flex}.demo-progress-insight-card span{color:var(--demo-white-65);letter-spacing:.08em;text-transform:uppercase;font-size:.54rem}.demo-progress-insight-card strong{color:var(--demo-white);font-size:.8rem;line-height:1.3}.demo-home-stage{flex-direction:column;gap:12px;width:100%;display:flex}.demo-home-hero{background:radial-gradient(140% 120% at 0 0,#bbdb0033,#0000 55%),radial-gradient(120% 120% at 100% 100%,#bbdb0014,#0000 62%),linear-gradient(#ffffff0d,#ffffff05);border:1px solid #bbdb0057;border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #bbdb001f}.demo-home-hero-head{flex-direction:column;gap:4px;display:flex}.demo-home-hero-head span{color:var(--demo-white-80);letter-spacing:.04em;font-size:.7rem}.demo-home-hero-head strong{color:var(--demo-white);font-size:1rem;line-height:1.2}.demo-home-hero-metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-home-hero-metrics article{border:1px solid var(--demo-white-10);background:#00000047;border-radius:11px;flex-direction:column;gap:2px;padding:8px;display:flex}.demo-home-hero-metrics span{color:var(--demo-white-65);text-transform:uppercase;letter-spacing:.08em;font-size:.54rem}.demo-home-hero-metrics strong{color:var(--demo-white);font-size:.76rem}.demo-home-hero p{color:var(--demo-white-80);margin:0;font-size:.72rem}.demo-home-card{border:1px solid var(--demo-white-10);background:#ffffff08;border-radius:14px;flex-direction:column;gap:9px;padding:11px;display:flex}.demo-home-card--mission{background:radial-gradient(130% 120% at 100% 0,#bbdb001f,#0000 60%),#ffffff08;border-color:#bbdb0047}.demo-home-card--light{opacity:.94}.demo-home-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-home-card-head h3{color:var(--demo-white);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.74rem}.demo-home-card-head span{color:var(--demo-lime);text-transform:uppercase;letter-spacing:.08em;background:#bbdb001f;border:1px solid #bbdb0059;border-radius:999px;padding:3px 8px;font-size:.56rem}.demo-home-card p{color:var(--demo-white-65);margin:0;font-size:.68rem;line-height:1.35}.demo-home-progress-track{background:#ffffff24;border-radius:999px;width:100%;height:8px;overflow:hidden}.demo-home-progress-track span{border-radius:inherit;background:linear-gradient(90deg, #7c9300, var(--demo-lime));height:100%;display:block}.demo-home-card-actions{grid-template-columns:1fr;gap:8px;display:grid}.demo-home-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.demo-home-quick-btn{border:1px solid var(--demo-white-10);text-align:left;min-height:56px;color:var(--demo-white);cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;font-family:inherit;display:flex}.demo-home-quick-btn strong{font-size:.78rem;line-height:1.25}.demo-home-quick-btn span{color:var(--demo-white-65);font-size:.64rem;line-height:1.3}.demo-home-quick-btn:focus-visible{outline-offset:-2px;outline:1px solid #bbdb00cc}.demo-home-quick-btn:hover{background:radial-gradient(140% 120% at 0 0,#bbdb001c,#0000 65%),#ffffff0a;border-color:#bbdb0059}.demo-home-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-home-grid article{border:1px solid var(--demo-white-10);background:#00000047;border-radius:10px;flex-direction:column;gap:2px;padding:8px;display:flex}.demo-home-grid span{color:var(--demo-white-65);letter-spacing:.08em;text-transform:uppercase;font-size:.54rem}.demo-home-grid strong{color:var(--demo-white);font-size:.78rem}.demo-home-list{flex-direction:column;gap:8px;display:flex}.demo-home-list article{border:1px solid var(--demo-white-10);background:#00000047;border-radius:10px;flex-direction:column;gap:4px;padding:8px;display:flex}.demo-home-list strong{color:var(--demo-white);font-size:.72rem}.demo-home-list p{color:var(--demo-white-65);margin:0;font-size:.64rem}.demo-home-benefit-state{letter-spacing:.02em;margin:0;font-weight:700;color:var(--demo-lime)!important;font-size:.62rem!important}.demo-benefits-page{flex-direction:column;gap:12px;width:100%;display:flex}.demo-benefits-hero{background:radial-gradient(130% 120% at 100% 0,#bbdb001f,#0000 62%),#ffffff08;border:1px solid #bbdb0047;border-radius:14px;flex-direction:column;gap:6px;padding:11px;display:flex}.demo-benefits-hero span{color:var(--demo-lime);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem;font-weight:700}.demo-benefits-hero strong{color:var(--demo-white);font-size:.9rem;line-height:1.2}.demo-benefits-hero p{color:var(--demo-white-65);margin:0;font-size:.68rem;line-height:1.35}.demo-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.demo-benefit-card{border:1px solid var(--demo-white-10);background:#ffffff08;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.demo-benefit-card-media{aspect-ratio:1;border:1px solid var(--demo-white-10);background:radial-gradient(120% 120% at 50% 0,#ffffff24,#0000 68%),#0000004d;border-radius:10px;width:100%;min-height:0;position:relative;overflow:hidden}.demo-benefit-card-image{object-fit:cover}.demo-benefit-card.is-unlocked{border-color:#bbdb0057;box-shadow:inset 0 0 0 1px #bbdb001a}.demo-benefit-card.is-locked{opacity:.82}.demo-benefit-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-benefit-card-head strong{color:var(--demo-white);font-size:.74rem;line-height:1.25}.demo-benefit-card-head span{border:1px solid var(--demo-white-15);color:var(--demo-white-80);text-transform:uppercase;letter-spacing:.06em;background:#ffffff12;border-radius:999px;padding:3px 7px;font-size:.52rem;font-weight:700}.demo-benefit-card p{color:var(--demo-white-65);margin:0;font-size:.66rem;line-height:1.35}.demo-benefit-card-foot span{color:var(--demo-lime);letter-spacing:.02em;font-size:.62rem;font-weight:700}.demo-home-recent{flex-direction:column;gap:7px;display:flex}.demo-home-recent p{color:var(--demo-white-65);border-left:2px solid #bbdb004d;margin:0;padding-left:8px;font-size:.67rem;line-height:1.35}.demo-home-carousel{flex-direction:column;gap:8px;display:flex}.demo-home-carousel-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;grid-auto-columns:min(90%,320px);grid-auto-flow:column;gap:10px;padding:1px 1px 2px;scroll-padding-left:2px;display:grid;overflow-x:auto}.demo-home-carousel-track::-webkit-scrollbar{width:0;height:0;display:none}.demo-home-swipe-card{scroll-snap-align:start;border:1px solid var(--demo-white-10);background:#ffffff08;border-radius:14px;flex-direction:column;gap:8px;min-height:0;padding:9px;display:flex}.demo-home-swipe-card--light{opacity:.94}.demo-home-benefit-row{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:9px;display:grid}.demo-benefit-card-media--compact{aspect-ratio:1;min-height:82px}.demo-home-benefit-content{flex-direction:column;gap:5px;display:flex}.demo-home-benefit-content .demo-home-card-head h3{font-size:.68rem;line-height:1.2}.demo-home-benefit-content .demo-home-card-head span{padding:2px 6px;font-size:.5rem}.demo-home-benefit-content p{font-size:.62rem;line-height:1.3}.demo-home-carousel-hint{color:var(--demo-white-55);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem}.demo-inline-actions{gap:12px;width:100%;margin-top:8px;display:flex}.demo-inline-actions>*{flex:1}.demo-screen-form .demo-inline-actions{margin-top:12px}.demo-app-shell .btn-primary,.demo-btn-secondary{letter-spacing:.08em;text-transform:uppercase;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 14px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.demo-app-shell .btn-primary{border-radius:14px;box-shadow:0 6px 16px #bbdb0033}.demo-app-shell .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #bbdb0047}.demo-btn-secondary{border:1px solid var(--demo-white-15);color:var(--demo-white-80);cursor:pointer;background:#00000073;font-family:inherit}.demo-btn-secondary:hover{border-color:var(--demo-white-25);color:var(--demo-white);background:#ffffff12}.demo-btn-secondary--overlay{margin-top:2px}.demo-app-shell .btn-primary svg,.demo-btn-secondary svg{flex-shrink:0;width:14px;height:14px}@media (min-width:900px){.demo-phone{height:min(92dvh,860px)}}@media (max-width:600px){.demo-app-shell{padding:0}.demo-phone{border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh}.demo-phone-top{gap:8px;height:52px;padding:8px 10px}.demo-top-pill{padding:4px 7px;font-size:.62rem}.demo-notifications-layer{inset:52px 0 54px}.demo-notifications-popover{left:8px;right:8px}.demo-screen{padding:8px}.demo-screen.solid{gap:10px;padding-bottom:10px}.demo-panel{border-radius:14px;gap:10px;padding:11px}.demo-screen-header{gap:8px}.demo-screen-header h2{font-size:1.08rem}.demo-screen-header p{max-width:30ch;font-size:.76rem}.demo-phone-nav{height:54px}.demo-phone-nav span{letter-spacing:.06em;font-size:.58rem}.demo-inline-actions{gap:10px}.demo-app-shell .btn-primary,.demo-btn-secondary{border-radius:12px;min-height:44px;padding:8px 12px;font-size:.72rem}.demo-overlay-toggle{gap:5px;padding:4px 8px;font-size:.5rem}.demo-overlay-collapsed-copy{font-size:.58rem}.demo-profile-hero{flex-direction:column;align-items:flex-start;gap:8px}.demo-profile-level{text-align:left;width:100%;min-width:0}.demo-profile-highlight p,.demo-profile-track-note,.demo-profile-tile p{font-size:.64rem}.demo-profile-grid{gap:8px}.demo-profile-tile{min-height:60px;padding:9px}.demo-profile-tile strong{font-size:.76rem}.demo-profile-header{gap:8px;padding:10px}.demo-profile-head{gap:9px}.demo-profile-rating-card{min-width:66px;padding:7px 8px}.demo-profile-rating-card strong{font-size:1.14rem}.demo-profile-quickline{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-profile-actions,.demo-progress-stats-grid,.demo-progress-missions-grid,.demo-progress-insights,.demo-progress-chart-summary,.demo-home-card-actions,.demo-home-quick-actions,.demo-home-grid,.demo-home-hero-metrics{grid-template-columns:1fr}.demo-home-carousel-track{grid-auto-columns:calc(100% - 14px)}.demo-home-benefit-row{grid-template-columns:72px minmax(0,1fr);gap:8px}.demo-benefit-card-media--compact{min-height:72px}.demo-progress-block-head h3{font-size:.7rem}.demo-chip,.demo-top-pill,.demo-reel-phase-tag,.demo-reel-kicker,.demo-field-legend,.demo-field-hint,.demo-feedback-hold,.demo-reco-badge,.demo-profile-badge,.demo-profile-identity span,.demo-profile-rating-card span,.demo-profile-rating-card p,.demo-profile-quickline span,.demo-feedback-metric span,.demo-fifa-chip,.demo-sport-state,.demo-sport-note,.demo-notifications-head strong,.demo-notifications-head button,.demo-notifications-list p,.demo-phone-brand,.demo-phone-nav span,.demo-phone-nav button{font-size:.68rem}.demo-role-content p,.demo-screen-header p,.demo-feedback-explainer span,.demo-feedback-banner span,.demo-selected-pill span,.demo-overlay-collapsed-copy,.demo-reel-context,.demo-profile-track-note,.demo-profile-highlight p,.demo-progress-track-head span,.demo-fifa-tile span,.demo-fifa-value-wrap p,.demo-field-legend,.demo-sport-label{font-size:.74rem}.demo-option-btn,.demo-feedback-explainer p,.demo-feedback-banner strong,.demo-selected-pill strong,.demo-role-content h3,.demo-question-title,.demo-reel-context,.demo-intro-content p,.demo-simple-center p{font-size:.86rem}.demo-screen-header h2,.demo-intro-content h1,.demo-simple-center h2,.demo-role-content h3{font-size:1.05rem}.demo-feedback-metric strong,.demo-reward-result-chip strong,.demo-fifa-tile strong,.demo-profile-quickline strong,.demo-progress-track-head strong{font-size:.82rem}.demo-overlay-toggle{font-size:.6rem}}