@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=DM+Sans:wght@300;400;500;600&display=swap";
html{touch-action:pan-y pinch-zoom;width:100%;height:100%;overflow-x:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0d1442;--glass:#ffffff12;--glass-border:#ffffff24;--green:#4a9e7a;--text:#e8ecff;--text-dim:#e8ecff99;--text-faint:#e8ecff61;--font-display:"Cormorant Garamond",serif;--font-body:"DM Sans",sans-serif}body{font-family:var(--font-body);color:var(--text);background:var(--navy);-webkit-font-smoothing:antialiased;touch-action:pan-y pinch-zoom;width:100%;height:100%;overflow-x:hidden}.screen{background:radial-gradient(90% 60% at 50% 0,#3750be99 0%,#0000 65%),radial-gradient(60% 50% at 80% 80%,#142d8259 0%,#0000 60%),linear-gradient(#111b50 0%,#09102e 100%);flex-direction:column;justify-content:center;align-items:center;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.screen:after{content:"";pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:absolute;inset:0}.screen-landing{background:radial-gradient(90% 60% at 50% 0,#3750be99 0%,#0000 65%),radial-gradient(60% 50% at 80% 80%,#142d8259 0%,#0000 60%),linear-gradient(#111b50 0%,#09102e 100%);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:100vw;min-height:100dvh;margin:0 auto;display:flex;position:relative;left:0;right:0;overflow:hidden auto}.screen-landing:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:absolute;inset:0}.login-wrap{text-align:center;z-index:1;flex-direction:column;align-items:center;width:320px;padding:0;display:flex}.brand-logo{filter:drop-shadow(0 6px 18px #00000040);width:220px;height:auto;margin-bottom:24px;margin-left:auto;margin-right:auto;display:block}.heart-logo{object-fit:contain;filter:drop-shadow(0 6px 20px #648cff66);width:130px;height:130px;margin-bottom:18px}.system-title{color:var(--text);margin-bottom:28px;font-size:22px;font-weight:400}.email-input{color:#fff;width:100%;font-family:var(--font-body);background:#ffffff17;border:1px solid #ffffff26;border-radius:16px;outline:none;margin-bottom:12px;padding:16px 20px;font-size:15px;transition:border-color .2s,background .2s}.email-input::placeholder{color:var(--text-faint)}.email-input:focus{background:#ffffff21;border-color:#ffffff4d}.enter-btn{color:#fff;width:100%;font-family:var(--font-body);letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#2d7a5a 0%,#3d9e72 50%,#2d7a5a 100%);border:1px solid #64c8964d;border-radius:16px;margin-bottom:24px;padding:16px;font-size:17px;font-weight:500;transition:transform .2s}.enter-btn:hover{transform:translateY(-1px)}.enter-btn:active{transform:translateY(0)}.tagline{color:var(--text-dim);margin-bottom:32px;font-size:14px;line-height:1.65}.powered-by{color:var(--text-dim);z-index:1;align-items:center;gap:7px;font-size:13px;display:flex}.protocols-wrap{z-index:1;width:100%;max-width:390px;padding:44px 22px 32px}.page-eyebrow{text-align:center;letter-spacing:4px;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px;font-size:11px}.page-sub{text-align:center;color:var(--text-dim);margin-bottom:26px;font-size:14px}.featured-card{-webkit-backdrop-filter:blur(32px);background:linear-gradient(135deg,#ffffff21 0%,#6482ff14 50%,#ffffff0f 100%);border:1px solid #ffffff38;border-radius:24px;margin-bottom:26px;padding:24px 22px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff1f,inset 0 -1px #0000001a}.featured-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;position:absolute;top:0;left:0;right:0}.featured-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6482ff1f 0%,#0000 70%);width:180px;height:180px;position:absolute;top:-60px;right:-40px}.proto-icon{background:linear-gradient(135deg,#6482dc80,#506ec84d);border:1px solid #96aaff40;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #506ec840}.featured-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.featured-card h3{color:#fff;flex:1;font-size:18px;font-weight:600;line-height:1.25}.featured-card .desc{color:var(--text-dim);margin-bottom:14px;font-size:13px;line-height:1.55}.locked-list{-webkit-backdrop-filter:blur(28px);background:linear-gradient(160deg,#ffffff14 0%,#5064c80d 100%);border:1px solid #ffffff1f;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 28px #0003,inset 0 1px #ffffff1a}.locked-list:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.locked-item{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:16px 20px;transition:background .2s;display:flex}.locked-item:hover{background:#ffffff0a}.lock-icon{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #00000026}.session-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.session-label{color:var(--text);font-size:14px;font-weight:500}.session-dur{color:var(--text-faint);font-size:12px}.start-btn{color:#fff;font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3d8f6d,#52ab85);border:none;border-radius:14px;padding:11px 18px;font-size:14px;font-weight:500;transition:transform .15s;box-shadow:0 3px 14px #3c966e66}.start-btn:hover{transform:translateY(-1px)}.additional-heading{color:var(--text-faint);letter-spacing:1px;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.additional-heading:before,.additional-heading:after{content:"";background:#ffffff1a;flex:1;height:1px}.locked-list{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:18px;overflow:hidden}.locked-item{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:15px 18px;display:flex}.locked-item:last-child{border-bottom:none}.lock-icon{background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.locked-item h4{margin-bottom:2px;font-size:15px;font-weight:500}.locked-item p{color:var(--text-faint);font-size:12px}.proto-footer{text-align:center;color:var(--text-faint);margin-top:26px;font-size:13px}.player-outer{background:radial-gradient(90% 60% at 50% 0,#3750be99 0%,#0000 65%),radial-gradient(60% 50% at 80% 80%,#142d8259 0%,#0000 60%),linear-gradient(#111b50 0%,#09102e 100%);flex-direction:column;justify-content:space-between;align-items:center;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.player-wrap{z-index:1;flex-direction:column;flex:1;gap:12px;width:100%;max-width:390px;padding:32px 22px 0;display:flex;overflow:hidden}.session-header{text-align:center;margin-bottom:4px}.session-eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-size:10px}.session-active{justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.dot-green{background:#5dba90;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.5s ease-in-out infinite blink;display:inline-block;box-shadow:0 0 8px #5dba90cc}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.active-card{background:var(--glass);border:1px solid var(--glass-border);text-align:center;border-radius:20px;padding:20px 22px}.active-label{letter-spacing:3px;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-size:10px}.active-name{color:#fff;margin-bottom:8px;font-size:24px;font-weight:600;line-height:1.15}.active-card p{color:var(--text-dim);font-size:13px;line-height:1.55}.status-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:18px 22px}.status-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--text-faint);text-align:center;margin-bottom:12px;font-size:10px}.status-items{flex-direction:column;gap:8px;display:flex}.status-item{align-items:center;gap:10px;font-size:14px;display:flex}.progress-section{padding:0 2px}.progress-heading{letter-spacing:3px;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:10px;margin-bottom:10px;font-size:10px;display:flex}.progress-heading:before,.progress-heading:after{content:"";background:#ffffff1a;flex:1;height:1px}.progress-track{background:#ffffff1a;border-radius:10px;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4a9e7a,#6dd4a4);border-radius:10px;width:30%;height:100%;transition:width 1s linear;box-shadow:0 0 10px #4db98280}.progress-time{color:var(--text-faint);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.player-bar{-webkit-backdrop-filter:blur(30px);z-index:100;background:#b4c3f026;border-top:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:14px;width:100%;padding:14px 32px 36px;display:flex}.bar-track{background:#ffffff1f;border-radius:10px;width:100%;max-width:340px;height:3px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#4a9e7a,#6dd4a4);border-radius:10px;height:100%;transition:width 1s linear}.controls{align-items:center;gap:44px;display:flex}.ctrl-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;padding:6px;font-size:18px;transition:color .2s}.ctrl-btn:hover{color:#fff}.play-btn{color:#fff;cursor:pointer;background:linear-gradient(145deg,#4a9e7a,#3a7d60);border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 24px #3c966e8c}.play-btn:hover{transform:scale(1.06)}.auth-wrap{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--glass);border:1px solid var(--glass-border);text-align:center;-webkit-backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:320px;padding:40px 32px}.auth-icon{background:#1db954;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex;box-shadow:0 8px 24px #1db95466}.auth-title{color:#fff;margin-bottom:12px;font-size:22px;font-weight:600}.auth-desc{color:var(--text-dim);margin-bottom:28px;font-size:14px;line-height:1.65}.auth-btn{color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;background:#1db954;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;padding:16px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 20px #1db95466}.auth-btn:hover{transform:translateY(-1px);box-shadow:0 6px 28px #1db9548c}.auth-note{color:var(--text-faint);font-size:12px}.dot-dim{background:#fff3;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-eyebrow{opacity:0;animation:.5s .1s forwards fadeUp}.page-sub{opacity:0;animation:.5s .2s forwards fadeUp}.featured-card{opacity:0;animation:.5s .35s forwards fadeUp}.additional-heading{opacity:0;animation:.5s .5s forwards fadeUp}.locked-list{opacity:0;animation:.5s .65s forwards fadeUp}.proto-footer{opacity:0;animation:.5s .8s forwards fadeUp}@keyframes pulse{0%{box-shadow:0 3px 14px #3c966e66}50%{box-shadow:0 3px 24px #3c966ecc,0 0 40px #3c966e4d}to{box-shadow:0 3px 14px #3c966e66}}.start-btn{animation:2s ease-in-out infinite pulse}.brand-logo{opacity:0;animation:.5s .1s forwards fadeUp}.system-title{opacity:0;animation:.5s .25s forwards fadeUp}.email-input{opacity:0;animation:.5s .4s forwards fadeUp}.enter-btn{opacity:0;animation:.5s .55s forwards fadeUp}.tagline{opacity:0;animation:.5s .7s forwards fadeUp}.powered-by{opacity:0;animation:.5s .85s forwards fadeUp}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.locked-item{position:relative;overflow:hidden}.locked-item:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0a 40%,#ffffff14 50%,#ffffff0a 60%,#0000 100%) 0 0/800px 100%;animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}.loading-wrap{flex-direction:column;justify-content:center;align-items:center;gap:28px;height:100dvh;display:flex}.loading-logo{opacity:0;animation:.6s forwards fadeUp}@keyframes loadingSlide{0%{width:0%}to{width:100%}}.loading-bar{background:#ffffff1a;border-radius:10px;width:160px;height:2px;overflow:hidden}.loading-fill{background:linear-gradient(90deg,#4a9e7a,#6dd4a4);border-radius:10px;height:100%;animation:2s ease-in-out infinite loadingSlide}.loading-text{letter-spacing:4px;text-transform:uppercase;color:var(--text-faint);opacity:0;font-size:11px;animation:.6s .3s forwards fadeUp}.overlay{-webkit-backdrop-filter:blur(12px);z-index:100;background:#05081ed9;justify-content:center;align-items:center;padding:24px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.request-card{-webkit-backdrop-filter:blur(30px);background:linear-gradient(160deg,#ffffff1a,#5064c814);border:1px solid #ffffff2e;border-radius:28px;width:100%;max-width:480px;padding:36px 28px 48px;animation:.35s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.request-eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-size:10px}.request-title{color:#fff;margin-bottom:12px;font-size:24px;font-weight:600}.request-desc{color:var(--text-dim);margin-bottom:24px;font-size:14px;line-height:1.6}.request-input{color:#fff;width:100%;font-family:var(--font-body);background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;outline:none;margin-bottom:10px;padding:14px 18px;font-size:15px}.request-input::placeholder{color:var(--text-faint)}.request-input:focus{background:#ffffff1f;border-color:#ffffff4d}.request-btn{color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,#2d7a5a,#3d9e72);border:none;border-radius:14px;margin-top:6px;margin-bottom:14px;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 20px #2d7a5a66}.request-note{text-align:center;color:var(--text-faint);font-size:12px}.request-link{color:var(--text-faint);font-family:var(--font-body);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-bottom:28px;font-size:13px;text-decoration:underline;transition:color .2s}.request-link:hover{color:var(--text-dim)}.request-success{text-align:center;padding:20px 0}.success-icon{color:#fff;background:linear-gradient(135deg,#3d8f6d,#52ab85);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:24px;display:flex;box-shadow:0 4px 20px #3c966e66}.request-success h3{color:#fff;margin-bottom:8px;font-size:20px;font-weight:600}.request-success p{color:var(--text-dim);font-size:14px}.landing-wrap{flex-direction:column;align-self:center;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:60px 24px 48px;display:flex}.landing-logo{opacity:0;width:200px;max-width:80%;height:auto;margin-bottom:40px;animation:.5s .1s forwards fadeUp}.landing-title{font-family:var(--font-display);text-align:center;color:#fff;letter-spacing:-.5px;opacity:0;margin-bottom:16px;font-size:36px;font-weight:300;line-height:1.15;animation:.5s .25s forwards fadeUp}.landing-sub{color:var(--text-dim);text-align:center;opacity:0;margin-bottom:36px;font-size:15px;line-height:1.6;animation:.5s .35s forwards fadeUp}.landing-btns{opacity:0;gap:12px;width:100%;margin-bottom:36px;animation:.5s .45s forwards fadeUp;display:flex}.landing-enter{flex:1}.landing-ghost{color:#e8ecffd9;font-family:var(--font-body);cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:16px;flex:1;padding:16px;font-size:15px;font-weight:600;transition:background .2s,border .2s}.landing-ghost:hover{background:#ffffff1f;border-color:#ffffff4d}.landing-cards{opacity:0;gap:10px;width:100%;margin-bottom:36px;animation:.5s .6s forwards fadeUp;display:flex}.landing-card{text-align:center;background:linear-gradient(160deg,#ffffff17,#ffffff0a);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:20px 12px;display:flex;position:relative;overflow:hidden}.landing-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.landing-card-icon{color:#c8dcff80;justify-content:center;align-items:center;display:flex}.landing-card-icon.green{color:#5dba90cc}.landing-card-title{font-family:var(--font-body);color:#e8ecffe6;font-size:12px;font-weight:700;line-height:1.3}.landing-card-desc{color:var(--text-faint);font-size:10px;line-height:1.5}.landing-licensed{text-align:center;opacity:0;background:linear-gradient(160deg,#ffffff12,#ffffff08);border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:32px 24px;animation:.5s .75s forwards fadeUp;display:flex;position:relative;overflow:hidden}.landing-licensed:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:15%;right:15%}.landing-licensed-title{font-family:var(--font-body);color:#fff;font-size:18px;font-weight:700;line-height:1.3}.landing-licensed-desc{color:var(--text-dim);margin-bottom:8px;font-size:13px;line-height:1.6}.landing-licensed-btn{color:#e8ecffd9;width:100%;font-family:var(--font-body);cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:16px;margin-top:8px;padding:16px;font-size:15px;font-weight:600;transition:background .2s,border .2s}.landing-licensed-btn:hover{background:#ffffff1f;border-color:#ffffff4d}.landing-enter-solo{letter-spacing:.5px;box-sizing:border-box;border-radius:18px;align-self:stretch;width:100%;margin-bottom:36px;padding:18px;font-size:16px;display:block}.powered-by{color:var(--text-faint);opacity:0;align-items:center;gap:8px;font-size:13px;animation:.5s .9s forwards fadeUp;display:flex}.landing-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0%,#ffffff0a 50%,#0000 100%);border-radius:18px;animation:4s ease-in-out infinite breathe;position:absolute;inset:0}.landing-licensed-btn{animation:2s ease-in-out infinite pulse}