:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#dedfda;color:#26302b}
button{font:inherit;color:inherit}
button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.keys-app{
  --bg:#f2fff8;--surface:#fffefa;--surface-strong:#fff;--text:#173b35;--muted:#637c76;
  --primary:#ef6b55;--primary-dark:#a43d30;--secondary:#1aa29a;--accent:#f3c653;--soft:#dff5e9;
  --line:#d2e9df;--focus:#0c6c66;--stage-a:#ff7661;--stage-b:#ec4f63;--stage-ink:#fff;
  --stage-muted:#ffe7e2;--button-bg:#fff;--button-ink:#96332c;--radius:29px;
  --ui:"Avenir Next",Avenir,-apple-system,sans-serif;--display:"Avenir Next",Avenir,sans-serif;
  --app-pattern:radial-gradient(circle at 15% 18%,#ffd7cba0,transparent 26%),radial-gradient(circle at 88% 48%,#bdece1a8,transparent 33%);
  position:relative;width:min(100%,430px);min-height:100dvh;margin:0 auto;overflow:hidden;isolation:isolate;
  color:var(--text);background:var(--bg);font-family:var(--ui);
}
.keys-app::before{content:"";position:fixed;z-index:-3;inset:0;max-width:430px;margin:auto;background:var(--app-pattern);pointer-events:none}
.keys-app::after{content:"";position:fixed;z-index:-2;inset:0;max-width:430px;margin:auto;background:linear-gradient(180deg,#ffffff38,transparent 33%,color-mix(in srgb,var(--bg) 84%,transparent));pointer-events:none}
.life-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(55px);pointer-events:none;opacity:.2;background:var(--accent);animation:keys-drift 9s ease-in-out infinite alternate}
.glow-one{width:190px;height:190px;right:-95px;top:210px}.glow-two{width:170px;height:170px;left:-100px;top:630px;background:var(--secondary);animation-delay:-4s}
.keys-topbar{height:68px;padding:11px 16px 8px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}
.round-button,.keys-avatar,.keys-bell{border:1px solid color-mix(in srgb,var(--line) 78%,white);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--text) 10%,transparent),inset 0 1px #fff;cursor:pointer}
.round-button{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;padding:0}
.round-button svg,.keys-bell svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.keys-brand{display:flex;align-items:center;gap:9px;line-height:1}
.keys-brand>span{width:31px;height:31px;border-radius:11px 11px 16px 11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),var(--secondary));color:white;font:700 17px var(--display);box-shadow:0 7px 15px color-mix(in srgb,var(--primary) 25%,transparent)}
.keys-brand p{margin:0}.keys-brand b{display:block;font-size:10px;letter-spacing:.15em}.keys-brand small{display:block;margin-top:5px;font:italic 12px Georgia,serif;color:var(--primary-dark)}
.keys-avatar{width:43px;height:43px;border-radius:50%;padding:0;position:relative;font:650 11px var(--display)}
.keys-avatar i{position:absolute;width:9px;height:9px;right:1px;bottom:2px;border:2px solid var(--surface);border-radius:50%;background:var(--accent)}
.keys-content{padding:5px 16px 112px}
.keys-greeting{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 13px}
.keys-greeting p{margin:0 0 5px;font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--primary-dark)}
.keys-greeting h1{margin:0;font:650 23px/1.12 var(--display);letter-spacing:-.025em}
.keys-bell{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;position:relative}
.keys-bell svg{width:19px}.keys-bell i{position:absolute;width:8px;height:8px;right:5px;top:5px;border:2px solid var(--surface);border-radius:50%;background:var(--primary)}
.key-stage{height:236px;padding:22px 19px;border-radius:var(--radius) var(--radius) calc(var(--radius) + 8px) var(--radius);position:relative;overflow:hidden;color:var(--stage-ink);background:linear-gradient(145deg,var(--stage-a),var(--stage-b));box-shadow:0 20px 43px color-mix(in srgb,var(--primary-dark) 24%,transparent),inset 0 1px #ffffff5c}
.key-stage::before{content:"";position:absolute;inset:8px;border:1px solid #ffffff42;border-radius:calc(var(--radius) - 6px) calc(var(--radius) - 6px) calc(var(--radius) + 2px) calc(var(--radius) - 6px);pointer-events:none}
.key-stage-copy{position:relative;z-index:2;width:58%;height:100%;display:flex;align-items:flex-start;flex-direction:column}
.key-stage-copy>span{font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--accent)}
.key-stage-copy h2{margin:11px 0 7px;font:650 29px/.98 var(--display);letter-spacing:-.035em}
.key-stage-copy p{margin:0;font-size:11px;line-height:1.35;color:var(--stage-muted)}
.key-start{margin-top:auto;min-width:170px;padding:10px 12px 10px 14px;border:0;border-radius:14px;display:flex;align-items:center;gap:7px;background:var(--button-bg);color:var(--button-ink);box-shadow:0 9px 20px #2b242529;font-weight:800;font-size:11px;cursor:pointer}
.key-start small{font-size:9px;font-weight:600;opacity:.68}.key-start i{margin-left:auto;font:17px Georgia,serif}
.key-orbit{--orbit-turn:0deg;position:absolute;z-index:1;width:178px;height:178px;right:-31px;top:27px;padding:0;border:1px solid #ffffff69;border-radius:50%;background:radial-gradient(circle at 35% 27%,#ffffffb5 0 5%,var(--accent) 14%,var(--secondary) 49%,color-mix(in srgb,var(--stage-b) 70%,#132e2a));box-shadow:inset 12px 14px 25px #ffffff50,inset -15px -17px 27px #0003,0 19px 32px #38282738;cursor:pointer}
.orbit-line{position:absolute;left:50%;top:50%;width:130px;height:60px;border:1px solid #ffffff83;border-radius:50%;transform:translate(-50%,-50%) rotate(calc(var(--orbit-turn) + 24deg));transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.line-two{width:116px;height:48px;transform:translate(-50%,-50%) rotate(calc(var(--orbit-turn) - 42deg))}
.orbit-node{--angle:calc(var(--i) * 45deg + var(--orbit-turn));position:absolute;left:50%;top:50%;width:10px;height:10px;border:2px solid #ffffffbd;border-radius:50%;background:#ffffff6b;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-71px);transition:transform .7s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s}
.orbit-node.active{background:var(--accent);box-shadow:0 0 0 4px #ffffff32,0 0 14px #fff}
.key-orbit b{position:absolute;inset:47px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#ffffffd8;color:var(--button-ink);box-shadow:inset 0 1px #fff,0 8px 19px #132b273b;font-style:normal}
.key-orbit b small,.key-orbit b em{font-size:8px;font-style:normal;font-weight:600;opacity:.63}.key-orbit b strong{font:750 21px/1 var(--display);margin:2px 0}
.section-heading{display:flex;align-items:baseline;justify-content:space-between}.section-heading h2{margin:0;font:650 17px var(--display);letter-spacing:-.01em}.section-heading>span{font-size:9px;letter-spacing:.08em;color:var(--muted)}
.key-picker{margin-top:14px;padding:15px 0 4px}
.key-tabs{display:flex;gap:8px;margin:11px -16px 0;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none}.key-tabs::-webkit-scrollbar{display:none}
.key-tabs button{flex:1 0 78px;height:69px;border:1px solid var(--line);border-radius:19px;background:color-mix(in srgb,var(--surface) 92%,transparent);display:grid;place-content:center;gap:5px;text-align:center;box-shadow:0 7px 19px color-mix(in srgb,var(--text) 8%,transparent);cursor:pointer;transition:.22s}
.key-tabs button i{font-style:normal;font-size:18px;color:var(--secondary)}.key-tabs button span{font-size:9px;color:var(--muted)}
.key-tabs button.active{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));color:white;background:linear-gradient(145deg,var(--primary),var(--stage-b));transform:translateY(-2px);box-shadow:0 10px 21px color-mix(in srgb,var(--primary) 24%,transparent)}
.key-tabs button.active i,.key-tabs button.active span{color:white}
.easy-steps{margin-top:9px;padding:17px;border:1px solid color-mix(in srgb,var(--line) 84%,white);border-radius:24px;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--text) 9%,transparent),inset 0 1px #fff;backdrop-filter:blur(16px)}
.easy-step{width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;text-align:left;background:transparent;cursor:pointer}.easy-step:last-child{border-bottom:0;padding-bottom:0}.easy-step>i{width:24px;height:24px;border:1.5px solid color-mix(in srgb,var(--muted) 55%,transparent);border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:12px}.easy-step.done>i{border-color:var(--secondary);background:var(--secondary);color:white}.easy-step span{display:grid;gap:2px}.easy-step small{font-size:8px;letter-spacing:.11em;color:var(--primary-dark)}.easy-step b{font-size:12px}.easy-step>em{font-size:9px;font-style:normal;color:var(--muted)}
.keys-lower-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.program-tile,.club-tile{min-height:109px;padding:15px;border:1px solid var(--line);border-radius:21px;text-align:left;background:var(--surface);box-shadow:0 9px 24px color-mix(in srgb,var(--text) 8%,transparent);cursor:pointer}
.program-tile{background:linear-gradient(145deg,var(--soft),var(--surface))}.club-tile{color:var(--stage-ink);background:linear-gradient(145deg,var(--secondary),color-mix(in srgb,var(--secondary) 55%,var(--stage-b)))}
.program-tile small,.club-tile small{font-size:8px;letter-spacing:.11em;font-weight:800}.program-tile b,.club-tile b{display:block;margin:8px 0 7px;font:650 15px var(--display)}.program-tile>span,.club-tile>span{display:flex;align-items:center;gap:6px;font-size:9px}.program-tile>span i{width:46px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--primary) 0 40%,color-mix(in srgb,var(--text) 12%,transparent) 40%)}.program-tile em{font-style:normal;color:var(--muted)}.club-tile span{color:var(--stage-muted)}
.keys-bottom-nav{position:fixed;z-index:10;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 16px),414px);height:76px;padding:7px 5px;display:grid;grid-template-columns:1fr 1fr 58px 1fr 1fr;align-items:center;border:1px solid color-mix(in srgb,var(--line) 82%,white);border-radius:25px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 17px 41px color-mix(in srgb,var(--text) 22%,transparent),inset 0 1px #fff;backdrop-filter:blur(22px)}
.keys-bottom-nav>button{height:60px;min-width:0;padding:0;border:0;border-radius:18px;display:grid;place-content:center;justify-items:center;gap:4px;color:var(--muted);background:transparent;cursor:pointer}.keys-bottom-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.keys-bottom-nav button span{font-size:8px}.keys-bottom-nav>button.active{color:var(--primary-dark);background:var(--soft)}
.keys-bottom-nav .nav-pulse{align-self:end;width:58px;height:58px;margin-bottom:15px;border:5px solid var(--surface);border-radius:50%;color:white;background:linear-gradient(145deg,var(--primary),var(--secondary));box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 34%,transparent)}.keys-bottom-nav .nav-pulse span{font:750 21px var(--display)}
.keys-scrim{position:fixed;z-index:20;inset:0;max-width:430px;margin:auto;background:#101c196b;opacity:0;pointer-events:none;backdrop-filter:blur(6px);transition:opacity .3s}
.keys-drawer{position:fixed;z-index:21;top:0;bottom:0;left:max(0px,calc(50% - 215px));width:min(88vw,365px);padding:18px 17px 28px;overflow:auto;transform:translateX(-106%);transition:transform .38s cubic-bezier(.2,.85,.2,1);border-radius:0 30px 30px 0;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:25px 0 62px #14221e38;backdrop-filter:blur(26px)}
.drawer-open .keys-scrim{opacity:1;pointer-events:auto}.drawer-open .keys-drawer{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-program{padding:16px;border-radius:20px;background:linear-gradient(145deg,var(--soft),color-mix(in srgb,var(--surface) 70%,var(--secondary)))}.drawer-program small,.variant-panel p{font-size:8px;letter-spacing:.13em;color:var(--primary-dark)}.drawer-program b{display:block;margin:6px 0 11px;font-size:14px}.drawer-program>div{height:6px;border-radius:5px;overflow:hidden;background:#00000012}.drawer-program>div span{display:block;width:40%;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}
.drawer-links p{margin:19px 9px 6px;font-size:8px;letter-spacing:.16em;font-weight:800;color:var(--muted)}.drawer-links button{width:100%;padding:11px 9px;border:0;border-radius:13px;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;font-size:12px;font-weight:650;cursor:pointer}.drawer-links button:hover{background:var(--soft)}.drawer-links i{width:23px;text-align:center;font-style:normal;color:var(--primary-dark)}.drawer-links em{margin-left:auto;font:18px Georgia,serif;color:var(--muted)}
.drawer-program p{margin:9px 0 0;font-size:9px;color:var(--muted)}
.variant-panel{margin-top:17px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--soft) 65%,transparent)}.variant-panel p{margin:0 0 11px}.variant-panel>b{display:block;margin-top:10px;font-size:10px}.variant-dots{display:flex;gap:8px;flex-wrap:wrap}.variant-dot{width:27px;height:27px;border:2px solid var(--surface);border-radius:10px;background:linear-gradient(135deg,var(--dot-a),var(--dot-b));box-shadow:0 0 0 1px #0002;cursor:pointer}.variant-dot.active{box-shadow:0 0 0 2px var(--text),0 0 0 4px var(--surface)}
.keys-toast{position:fixed;z-index:30;left:50%;bottom:100px;transform:translate(-50%,18px);width:max-content;max-width:calc(100% - 38px);padding:10px 15px;border-radius:14px;background:#182a25ee;color:white;box-shadow:0 10px 30px #0003;opacity:0;pointer-events:none;transition:.25s;font-size:11px}.keys-toast.show{opacity:1;transform:translate(-50%,0)}

.keys-app[data-variant="41"]{--bg:#f2fff8;--surface:#fffefa;--text:#173b35;--muted:#637c76;--primary:#ef6b55;--primary-dark:#9d3d31;--secondary:#1aa29a;--accent:#f4cc61;--soft:#dff5e9;--line:#d2e9df;--focus:#0c6c66;--stage-a:#fb735f;--stage-b:#d94f69;--stage-ink:#fff;--stage-muted:#ffe7e2;--button-bg:#fff;--button-ink:#96332c;--radius:29px;--ui:"Avenir Next",Avenir,sans-serif;--display:"Avenir Next",Avenir,sans-serif;--app-pattern:radial-gradient(circle at 15% 18%,#ffd7cba0,transparent 26%),radial-gradient(circle at 88% 48%,#bdece1a8,transparent 33%)}
.keys-app[data-variant="42"]{--bg:#fffaf0;--surface:#fffdf7;--text:#303b27;--muted:#757c6b;--primary:#e98232;--primary-dark:#94501f;--secondary:#58945f;--accent:#f1cf58;--soft:#e7efd7;--line:#dfe5d2;--focus:#426f47;--stage-a:#6aa76b;--stage-b:#347554;--stage-ink:#fff;--stage-muted:#dcebdc;--button-bg:#ffdc71;--button-ink:#384127;--radius:23px;--ui:"Gill Sans","Trebuchet MS",sans-serif;--display:Georgia,serif;--app-pattern:radial-gradient(ellipse at 0 26%,#ffd79c8a,transparent 30%),radial-gradient(ellipse at 100% 60%,#c7dfb78c,transparent 32%)}
.keys-app[data-variant="43"]{--bg:#fff5fa;--surface:#fffafd;--text:#42263a;--muted:#806d7a;--primary:#cf416f;--primary-dark:#8d234c;--secondary:#7062c8;--accent:#b8d94b;--soft:#f3dbe8;--line:#ead6e1;--focus:#633b91;--stage-a:#dd477c;--stage-b:#6c58c2;--stage-ink:#fff;--stage-muted:#f6deed;--button-bg:#d7ef65;--button-ink:#382645;--radius:31px;--ui:"Helvetica Neue",Arial,sans-serif;--display:Didot,"Bodoni 72",Georgia,serif;--app-pattern:radial-gradient(circle at 8% 14%,#f5aac57a,transparent 25%),radial-gradient(circle at 92% 44%,#c3baf36e,transparent 32%)}
.keys-app[data-variant="44"]{--bg:#f1f9fd;--surface:#fbfdff;--text:#203b4b;--muted:#687f8c;--primary:#327fb4;--primary-dark:#225878;--secondary:#22a59d;--accent:#f1c875;--soft:#ddecf3;--line:#d3e4ec;--focus:#246f8f;--stage-a:#4a92c7;--stage-b:#177f91;--stage-ink:#fff;--stage-muted:#d9f0f4;--button-bg:#fff;--button-ink:#225779;--radius:35px;--ui:"Avenir Next",Avenir,sans-serif;--display:Baskerville,Georgia,serif;--app-pattern:radial-gradient(ellipse at 50% 5%,#d1eff9,transparent 42%),repeating-radial-gradient(circle at 100% 60%,#4abbb018 0 1px,transparent 1px 18px)}
.keys-app[data-variant="45"]{--bg:#fff7f1;--surface:#fffdf9;--text:#49342e;--muted:#816f68;--primary:#df765d;--primary-dark:#994a38;--secondary:#84936a;--accent:#f0c679;--soft:#f2e1d5;--line:#e9d9cf;--focus:#765143;--stage-a:#e9896c;--stage-b:#b85c4d;--stage-ink:#fffaf7;--stage-muted:#f7ddd5;--button-bg:#fff7ea;--button-ink:#713c31;--radius:18px;--ui:Optima,"Trebuchet MS",sans-serif;--display:Baskerville,Georgia,serif;--app-pattern:repeating-linear-gradient(90deg,transparent 0 32px,#ae70540a 32px 33px),linear-gradient(160deg,#fff3e8,#f8f2e8)}
.keys-app[data-variant="46"]{--bg:#fff4f8;--surface:#fffafd;--text:#42283a;--muted:#826d79;--primary:#e64f79;--primary-dark:#9f2852;--secondary:#3258b8;--accent:#ffc84c;--soft:#f4dce7;--line:#ead5df;--focus:#3753a0;--stage-a:#ed557f;--stage-b:#3157b7;--stage-ink:#fff;--stage-muted:#f6e2ef;--button-bg:#ffcf54;--button-ink:#3d2740;--radius:27px;--ui:Futura,"Trebuchet MS",sans-serif;--display:Futura,"Trebuchet MS",sans-serif;--app-pattern:radial-gradient(circle at 12% 18%,#ffb6ce7a,transparent 22%),radial-gradient(circle at 92% 53%,#8ea8f36b,transparent 27%),radial-gradient(#df54701c 1px,transparent 1px);background-size:auto,auto,18px 18px}
.keys-app[data-variant="47"]{--bg:#f4f0e8;--surface:#fffdf8;--text:#211f1b;--muted:#777168;--primary:#211f1b;--primary-dark:#11100e;--secondary:#b99b60;--accent:#e2c785;--soft:#e8dfce;--line:#dcd1bd;--focus:#806733;--stage-a:#201e1b;--stage-b:#4b4438;--stage-ink:#fffaf0;--stage-muted:#d8d0c1;--button-bg:#d8bb78;--button-ink:#211c14;--radius:9px;--ui:"Helvetica Neue",Arial,sans-serif;--display:Didot,"Bodoni 72",Georgia,serif;--app-pattern:repeating-linear-gradient(90deg,transparent 0 27px,#b99b6014 27px 28px),repeating-linear-gradient(0deg,transparent 0 27px,#b99b600b 27px 28px)}
.keys-app[data-variant="48"]{--bg:#f7f4ff;--surface:#fdfbff;--text:#362d51;--muted:#756d88;--primary:#7558c7;--primary-dark:#4c388b;--secondary:#28a4ad;--accent:#f0ca68;--soft:#e7e0f5;--line:#ddd7ec;--focus:#4c3b91;--stage-a:#7a5dcb;--stage-b:#279ca8;--stage-ink:#fff;--stage-muted:#e8e4f7;--button-bg:#fff;--button-ink:#4d3988;--radius:26px;--ui:"Avenir Next",Avenir,sans-serif;--display:"Helvetica Neue",Arial,sans-serif;--app-pattern:radial-gradient(circle at 16% 18%,#d9cbfa8c,transparent 28%),radial-gradient(circle at 88% 52%,#a8e0e075,transparent 31%)}
.keys-app[data-variant="49"]{--bg:#fbf3ec;--surface:#fffaf6;--text:#49332e;--muted:#7f6d68;--primary:#a9533f;--primary-dark:#75392c;--secondary:#b25f78;--accent:#e6bd71;--soft:#eeddd3;--line:#e4d4ca;--focus:#794638;--stage-a:#b35c45;--stage-b:#9d4864;--stage-ink:#fff9f5;--stage-muted:#f1d9d5;--button-bg:#efd18f;--button-ink:#4b302b;--radius:21px;--ui:Palatino,"Book Antiqua",serif;--display:Palatino,"Book Antiqua",serif;--app-pattern:radial-gradient(ellipse at 5% 20%,#e8b7a567,transparent 31%),radial-gradient(ellipse at 95% 58%,#d9acb868,transparent 35%)}
.keys-app[data-variant="50"]{--bg:#071f1e;--surface:#102d2a;--text:#edf7ef;--muted:#9ab7ae;--primary:#83c63c;--primary-dark:#b3e971;--secondary:#0e7770;--accent:#ffc862;--soft:#193a34;--line:#285048;--focus:#b7e77c;--stage-a:#9ddc4e;--stage-b:#38b99c;--stage-ink:#0b2925;--stage-muted:#235548;--button-bg:#0d2d29;--button-ink:#eaf8d8;--radius:25px;--ui:"Avenir Next",Avenir,sans-serif;--display:"Avenir Next",Avenir,sans-serif;--app-pattern:radial-gradient(circle at 18% 15%,#397d4552,transparent 26%),radial-gradient(circle at 91% 52%,#0ea19a3c,transparent 31%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:auto,auto,26px 26px,26px 26px}
.keys-app[data-variant="50"]::after{opacity:.25}.keys-app[data-variant="50"] .round-button,.keys-app[data-variant="50"] .keys-avatar,.keys-app[data-variant="50"] .keys-bell{box-shadow:0 8px 24px #0004,inset 0 1px #ffffff12}.keys-app[data-variant="50"] .easy-steps,.keys-app[data-variant="50"] .program-tile,.keys-app[data-variant="50"] .key-tabs button{box-shadow:0 12px 28px #0003,inset 0 1px #ffffff0d}.keys-app[data-variant="50"] .key-stage::before{border-color:#082b2780}.keys-app[data-variant="50"] .key-orbit{background:radial-gradient(circle at 35% 27%,#fff 0 4%,#ffda78 12%,#56c99d 45%,#073e3a 76%)}.keys-app[data-variant="50"] .key-orbit b{background:#0c2b27;color:#dff6ca}.keys-app[data-variant="50"] .club-tile{--stage-ink:#f3faed;--stage-muted:#c2ddd5}.keys-app[data-variant="50"] .keys-drawer{background:#102b28f5}

@keyframes keys-drift{to{transform:translate(20px,30px) scale(1.12)}}
@media(min-width:700px){body{padding:30px}.keys-app{min-height:860px;border-radius:37px;box-shadow:0 30px 80px #16231f35}.keys-app::before,.keys-app::after,.keys-bottom-nav,.keys-scrim{top:30px;bottom:30px}.keys-bottom-nav{bottom:40px}.keys-drawer{top:30px;bottom:30px;left:calc(50% - 215px);border-radius:37px 30px 30px 37px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}