body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.terms-acceptance-page{background:linear-gradient(135deg,var(--bg-dark)0%,var(--bg-darker)100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.terms-acceptance-page:before{content:"";background-image:radial-gradient(hsla(var(--primary-hue),95%,50%,.15)1px,transparent 1px),radial-gradient(hsla(var(--primary-hue),95%,50%,.1)1px,transparent 1px);opacity:.3;pointer-events:none;background-position:0 0,20px 20px;background-size:40px 40px;animation:15s infinite alternate patternFade;position:absolute;top:0;bottom:0;left:0;right:0}.terms-acceptance-container{z-index:1;width:100%;max-width:600px;position:relative}.terms-acceptance-card{background:hsla(var(--primary-hue),95%,30%,.1);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:12px;padding:1.75rem 1.25rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.terms-acceptance-card:before{content:"";background:radial-gradient(circle,var(--glow-color)0%,transparent 70%);opacity:.3;pointer-events:none;width:200%;height:200%;animation:40s linear infinite rotate;position:absolute;top:-50%;left:-50%}.terms-header{text-align:center;z-index:1;margin-bottom:1.5rem;position:relative}.terms-logo{object-fit:contain;width:64px;height:64px;filter:drop-shadow(0 0 15px var(--glow-color));margin-bottom:.75rem}.terms-title{letter-spacing:-.02em;background:linear-gradient(90deg,var(--text-light),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.terms-description{color:var(--text-gray);margin:0;font-size:.9375rem;line-height:1.5}.terms-error-message{color:var(--accent-error);text-align:center;z-index:1;background:#ef43431a;border:1px solid #ef43434d;border-radius:8px;margin-bottom:1.25rem;padding:.75rem .875rem;font-size:.875rem;position:relative}.terms-reading-status{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);z-index:1;border-radius:10px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex;position:relative}.terms-reading-item{align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.terms-reading-indicator{color:var(--text-gray);transition:color var(--transition-fast);flex-shrink:0;width:20px;font-size:.875rem}.terms-reading-indicator.read{color:var(--accent-success)}.terms-reading-text{color:var(--text-gray);transition:color var(--transition-fast);line-height:1.4}.terms-reading-text.read{color:var(--accent-success)}.terms-documents{z-index:1;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex;position:relative}.terms-document-button{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-normal);text-align:left;border-radius:8px;align-items:center;gap:.875rem;width:100%;padding:.875rem;display:flex}.terms-document-button:hover{border-color:var(--primary-color);box-shadow:0 4px 12px hsla(var(--primary-hue),95%,50%,.2);background:#ffffff14;transform:translateY(-1px)}.terms-document-button.read{border-color:var(--accent-success);background:#10b77f1a}.terms-document-icon{flex-shrink:0;font-size:1.5rem}.terms-document-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.terms-document-name{color:var(--text-light);font-size:.9375rem;font-weight:600}.terms-document-status{color:var(--text-gray);font-size:.75rem}.terms-document-button.read .terms-document-status{color:var(--accent-success)}.terms-acceptance-checkbox-label{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);cursor:pointer;transition:opacity var(--transition-fast);z-index:1;border-radius:8px;align-items:flex-start;gap:.625rem;margin-bottom:1rem;padding:1rem;display:flex;position:relative}.terms-acceptance-checkbox-label.disabled{cursor:not-allowed;opacity:.6}.terms-acceptance-checkbox{width:18px;height:18px;accent-color:var(--primary-color);cursor:inherit;flex-shrink:0;margin-top:2px}.terms-acceptance-text{color:var(--text-light);font-size:.875rem;line-height:1.5}.terms-acceptance-warning{color:var(--accent-warning);text-align:center;z-index:1;background:#f5930a1a;border:1px solid #f5930a33;border-radius:6px;margin-bottom:1.25rem;padding:.625rem .75rem;font-size:.75rem;position:relative}.terms-actions{z-index:1;flex-direction:column;gap:.75rem;display:flex;position:relative}.terms-accept-button{background:var(--primary-color);width:100%;color:var(--text-light);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 20px hsla(var(--primary-hue),95%,50%,.3);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;display:flex;position:relative;overflow:hidden}.terms-accept-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:-100%}.terms-accept-button:not(.disabled):hover{background:var(--primary-dark);box-shadow:0 5px 15px hsla(var(--primary-hue),95%,50%,.4);transform:translateY(-2px)}.terms-accept-button:not(.disabled):hover:before{transform:translate(200%)}.terms-accept-button.disabled{opacity:.5;cursor:not-allowed;background:hsla(var(--primary-hue),95%,50%,.3);box-shadow:none;transform:none}.terms-button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.terms-skip-button{width:100%;color:var(--text-gray);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500}.terms-skip-button:hover:not(:disabled){background:var(--glass-bg);border-color:var(--primary-color);color:var(--text-light)}.terms-skip-button:disabled{opacity:.5;cursor:not-allowed}.terms-accept-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.terms-skip-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.terms-document-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.terms-acceptance-checkbox:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (min-width:768px){.terms-acceptance-page{padding:1.5rem}.terms-acceptance-container{max-width:700px}.terms-acceptance-card{border-radius:16px;padding:2.5rem 2rem}.terms-logo{width:80px;height:80px}.terms-title{font-size:2rem}.terms-description{font-size:1.0625rem}.terms-reading-item{font-size:.9375rem}.terms-document-button{padding:1rem}.terms-acceptance-text{font-size:1rem}.terms-accept-button,.terms-skip-button{padding:1rem 1.5rem;font-size:1.0625rem}}@media (min-width:1024px){.terms-acceptance-container{max-width:800px}.terms-acceptance-card{border-radius:20px;padding:3rem 2.5rem}.terms-logo{width:100px;height:100px}.terms-title{font-size:2.25rem}.terms-description{font-size:1.125rem}.terms-accept-button,.terms-skip-button{padding:1.125rem 1.75rem;font-size:1.125rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.error-page{background:linear-gradient(135deg,#0f1a2e 0%,#040a16 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.error-page:before{content:"";opacity:.3;pointer-events:none;background-image:radial-gradient(#06a8f926 1px,#0000 1px),radial-gradient(#06a8f91a 1px,#0000 1px);background-position:0 0,25px 25px;background-size:50px 50px;animation:15s infinite alternate patternFade;position:absolute;top:0;bottom:0;left:0;right:0}.error-container{z-index:1;width:100%;max-width:550px;padding:1rem;position:relative}.error-card{-webkit-backdrop-filter:blur(10px);background:#0465951a;border:1px solid #ffffff0f;border-radius:16px;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.error-card:before{content:"";opacity:.3;pointer-events:none;background:radial-gradient(circle,#ef43434d 0%,#0000 70%);width:200%;height:200%;animation:40s linear infinite rotate;position:absolute;top:-50%;left:-50%}.error-icon-container{z-index:1;justify-content:center;margin-bottom:1.5rem;display:flex;position:relative}.error-icon{color:#f5930a;filter:drop-shadow(0 0 20px #f5930a80);width:4rem;height:4rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-title{text-align:center;-webkit-text-fill-color:transparent;z-index:1;background:linear-gradient(90deg,#f1f5f9,#f7a93b);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:700;position:relative}.error-subtitle{text-align:center;color:#97a3b4;z-index:1;margin-bottom:2rem;font-size:1rem;line-height:1.6;position:relative}.error-details-container{z-index:1;margin-bottom:2rem;position:relative}.error-details-toggle{color:#38b9fa;cursor:pointer;background:#06a8f91a;border:1px solid #06a8f933;border-radius:8px;width:100%;padding:.5rem 1rem;font-size:.875rem;transition:all .3s}.error-details-toggle:hover{background:#06a8f926;border-color:#06a8f94d}.error-details{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;margin-top:1rem;padding:1rem}.error-details pre{color:#ef4343;white-space:pre-wrap;word-break:break-all;margin:0;font-family:Courier New,monospace;font-size:.75rem}.error-stack{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:.5rem;color:#7a899f!important}.error-actions{z-index:1;flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex;position:relative}.error-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .15s;display:flex;position:relative;overflow:hidden}.error-btn-primary{color:#f1f5f9;background:#06a8f9;box-shadow:0 0 20px #06a8f94d}.error-btn-primary:hover{background:#046b9f;transform:translateY(-2px);box-shadow:0 5px 15px #06a8f966}.error-btn-secondary{color:#f1f5f9;background:#ffffff1a;border:1px solid #fff3}.error-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.error-btn-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.error-help{text-align:center;z-index:1;border-top:1px solid #ffffff0f;padding-top:1.5rem;position:relative}.error-help-text{color:#7a899f;margin-bottom:.5rem;font-size:.875rem}.error-help-link{color:#38b9fa;font-size:.875rem;text-decoration:none;transition:color .15s}.error-help-link:hover{color:#06a8f9;text-decoration:underline}@media (min-width:640px){.error-actions{flex-direction:row}.error-btn{flex:1}}@media (max-width:640px){.error-card{padding:2rem 1.5rem}.error-title{font-size:1.5rem}}.error-btn:focus-visible{outline-offset:2px;outline:2px solid #06a8f9}.error-details-toggle:focus-visible{outline-offset:2px;outline:2px solid #06a8f9}:root{--primary-hue:200;--primary-color:hsl(var(--primary-hue),95%,50%);--primary-dark:hsl(var(--primary-hue),95%,32%);--primary-light:hsl(var(--primary-hue),95%,60%);--bg-dark:#0f1a2e;--bg-darker:#040a16;--text-light:#f1f5f9;--text-gray:#97a3b4;--text-bright:#e1f4fe;--glow-color:hsla(var(--primary-hue),95%,50%,.5);--glass-bg:#ffffff08;--glass-border:#ffffff0f;--blur-amount:10px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1)}.loading-screen{z-index:10000;background:linear-gradient(135deg,var(--bg-dark)0%,var(--bg-darker)100%);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.loading-pattern{background-image:radial-gradient(hsla(var(--primary-hue),95%,50%,.15)1px,transparent 1px),radial-gradient(hsla(var(--primary-hue),95%,50%,.1)1px,transparent 1px);opacity:.3;pointer-events:none;background-position:0 0,25px 25px;background-size:50px 50px;animation:15s infinite alternate patternFade;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes patternFade{0%{opacity:.2}to{opacity:.4}}.loading-container{z-index:1;width:100%;max-width:420px;padding:1rem;position:relative}.loading-card{background:hsla(var(--primary-hue),95%,30%,.1);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);text-align:center;border-radius:16px;padding:3rem 2rem;position:relative;overflow:hidden}.loading-card:before{content:"";background:radial-gradient(circle,var(--glow-color)0%,transparent 70%);opacity:.3;pointer-events:none;width:200%;height:200%;animation:40s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-brand{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.heart-pulse-container{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.heart-icon{width:40px;height:40px;color:var(--primary-light);filter:drop-shadow(0 0 10px var(--glow-color));z-index:2;animation:1.5s ease-in-out infinite heartbeat;position:relative}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}30%{transform:scale(1.1)}40%{transform:scale(1)}}.pulse-ring{border:2px solid var(--primary-color);opacity:0;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse-ring.delay{animation-delay:1s}.brand-title{letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(90deg,var(--text-light),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.loading-message{color:var(--text-light);margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.loading-submessage{color:var(--text-gray);margin-bottom:1.5rem;font-size:.875rem}.loading-tip{background:hsla(var(--primary-hue),95%,50%,.05);border-left:3px solid var(--primary-color);border-radius:8px;justify-content:center;align-items:center;min-height:70px;margin:1.5rem 0;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden}.loading-tip:before{content:"";background:var(--primary-color);width:3px;height:100%;box-shadow:0 0 10px var(--primary-color);animation:2s ease-in-out infinite tipGlow;position:absolute;top:0;left:0}@keyframes tipGlow{0%,to{opacity:.5}50%{opacity:1}}.tip-text{color:var(--text-light);text-align:left;margin:0;font-size:.9rem;line-height:1.6;animation:.6s ease-in fadeInTip}@keyframes fadeInTip{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.progress-wrapper{margin-bottom:2rem}.progress-track{background:hsla(var(--primary-hue),95%,50%,.1);border-radius:3px;width:100%;height:6px;margin-bottom:.5rem;position:relative;overflow:hidden}.progress-fill{background:var(--primary-color);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-glow{background:linear-gradient(90deg,#0000,#ffffff4d);width:50px;animation:2s infinite shimmer;position:absolute;top:0;bottom:0;right:0}@keyframes shimmer{0%{transform:translate(-50px)}to{transform:translate(50px)}}.progress-text{color:var(--primary-light);letter-spacing:.05em;font-size:.75rem;font-weight:600}.loading-indicators{justify-content:center;gap:.5rem;display:flex}.indicator{background:var(--primary-color);width:8px;height:8px;box-shadow:0 0 10px var(--glow-color);border-radius:50%;animation:1.5s ease-in-out infinite indicatorPulse}.indicator:nth-child(2){animation-delay:.2s}.indicator:nth-child(3){animation-delay:.4s}@keyframes indicatorPulse{0%,80%,to{opacity:.5;transform:scale(1)}40%{opacity:1;transform:scale(1.5)}}@media (max-width:640px){.loading-card{padding:2rem 1.5rem}.brand-title{font-size:1.25rem}.loading-message{font-size:1rem}.loading-tip{min-height:60px;padding:.875rem 1rem}.tip-text{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.heart-icon,.pulse-ring,.indicator,.loading-pattern,.loading-card:before,.loading-tip:before{animation:none}.progress-fill,.progress-glow{transition:none;animation:none}.tip-text{animation:none}}.app-loading-overlay{z-index:9999;opacity:1;background-color:#000000d9;justify-content:center;align-items:center;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.app-loading-fade-out{opacity:0;pointer-events:none}.app-loading-content-wrapper{opacity:0;transition:opacity .4s ease-in}.app-loading-content-visible{opacity:1}.app-loading-heart{width:100px;height:90px;margin:0 auto;position:relative}.app-loading-heart:before,.app-loading-heart:after{content:"";transform-origin:0 100%;background:red;border-radius:50px 50px 0 0;width:52px;height:80px;position:absolute;top:0}.app-loading-heart:before{animation:1.2s cubic-bezier(.215,.61,.355,1) infinite app-loading-heart-beat;left:50px;transform:rotate(-45deg)}.app-loading-heart:after{animation:1.2s cubic-bezier(.215,.61,.355,1) .15s infinite app-loading-heart-beat;left:0;transform:rotate(45deg)}@keyframes app-loading-heart-beat{0%{transform:rotate(45deg)scale(.8)}14%{transform:rotate(45deg)scale(1)}28%{transform:rotate(45deg)scale(.8)}42%{transform:rotate(45deg)scale(1.1)}70%{transform:rotate(45deg)scale(.8)}to{transform:rotate(45deg)scale(.8)}}.app-loading-message{color:#fff;text-align:center;letter-spacing:.5px;margin-top:30px;font-family:sans-serif;font-size:18px;font-weight:400;animation:1.2s infinite app-loading-message-pulse}@keyframes app-loading-message-pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.app-loading-progress-bar{display:none}:root{--primary-hue:200;--primary-color:hsl(var(--primary-hue),95%,50%);--primary-dark:hsl(var(--primary-hue),95%,32%);--primary-light:hsl(var(--primary-hue),95%,60%);--bg-dark:#0f1a2e;--bg-darker:#040a16;--text-light:#f1f5f9;--text-gray:#97a3b4;--text-bright:#e1f4fe;--glow-color:hsla(var(--primary-hue),95%,50%,.5);--glass-bg:#ffffff08;--glass-border:#ffffff0f;--blur-amount:10px;--accent-success:#10b77f;--accent-warning:#f5930a;--accent-error:#ef4343;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1)}.login-page{background:linear-gradient(135deg,var(--bg-dark)0%,var(--bg-darker)100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background-image:radial-gradient(hsla(var(--primary-hue),95%,50%,.15)1px,transparent 1px),radial-gradient(hsla(var(--primary-hue),95%,50%,.1)1px,transparent 1px);opacity:.3;pointer-events:none;background-position:0 0,20px 20px;background-size:40px 40px;animation:15s infinite alternate patternFade;position:absolute;top:0;bottom:0;left:0;right:0}.environment-indicator{z-index:1000;position:fixed;top:12px;right:12px}.environment-badge{-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);background:#ffffff1a;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;display:flex;box-shadow:0 2px 8px #0003}.env-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse}.env-dot.ios{background:#007aff}.env-dot.twa{background:#34a853}.env-dot.web{background:#fb8c00}.env-text{color:var(--text-light);white-space:nowrap}.env-dev{color:var(--accent-error);background:#ef434333;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:9px;font-weight:600}.login-container{z-index:1;width:100%;max-width:380px;padding:0;position:relative}.login-card{background:hsla(var(--primary-hue),95%,30%,.1);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:12px;padding:1.75rem 1.25rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.login-card:before{content:"";background:radial-gradient(circle,var(--glow-color)0%,transparent 70%);opacity:.3;pointer-events:none;width:200%;height:200%;animation:40s linear infinite rotate;position:absolute;top:-50%;left:-50%}.login-logo-container{z-index:1;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex;position:relative}.login-logo-image{object-fit:contain;width:64px;height:64px;filter:drop-shadow(0 0 15px var(--glow-color))}.login-logo-icon{width:3rem;height:3rem;color:var(--primary-light);filter:drop-shadow(0 0 15px var(--glow-color))}.login-brand-name{letter-spacing:-.02em;background:linear-gradient(90deg,var(--text-light),var(--primary-light));-webkit-text-fill-color:transparent;text-shadow:0 0 30px hsla(var(--primary-hue),95%,50%,.3);text-align:center;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.login-subtitle{text-align:center;color:var(--text-gray);z-index:1;margin:0 0 1.5rem;font-size:1.0625rem;position:relative}.ios-native-badge{text-align:center;color:#60a5fa;z-index:1;background-color:#0080ff26;border:1px solid #0080ff33;border-radius:8px;margin-bottom:1rem;padding:8px 14px;font-size:13px;font-weight:500;position:relative}.login-error-message{color:var(--accent-error);text-align:center;z-index:1;background:#ef43431a;border:1px solid #ef43434d;border-radius:8px;margin-bottom:1.25rem;padding:.75rem .875rem;font-size:.875rem;position:relative}.terms-acceptance-container{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);z-index:1;border-radius:10px;margin-bottom:1.5rem;padding:1rem;position:relative}.reading-status{flex-direction:column;gap:.5rem;margin-bottom:.875rem;display:flex}.reading-item{align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.reading-indicator{color:var(--text-gray);transition:color var(--transition-fast);flex-shrink:0;width:20px;font-size:.875rem}.reading-indicator.read{color:var(--accent-success)}.reading-text{color:var(--text-gray);transition:color var(--transition-fast);line-height:1.4}.reading-text.read{color:var(--accent-success)}.terms-checkbox-label{cursor:pointer;transition:opacity var(--transition-fast);align-items:flex-start;gap:.625rem;padding:.25rem;display:flex}.terms-checkbox-label.disabled{cursor:not-allowed;opacity:.6}.terms-checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:inherit;flex-shrink:0;margin-top:2px}.terms-text{color:var(--text-light);flex:1;font-size:.875rem;line-height:1.5}.terms-link{color:var(--primary-light);cursor:pointer;font:inherit;transition:color var(--transition-fast);background:0 0;border:none;padding:0;text-decoration:underline}.terms-link:hover{color:var(--primary-color)}.terms-link.read{color:var(--accent-success)}.terms-warning{color:var(--accent-warning);text-align:center;background:#f5930a1a;border:1px solid #f5930a33;border-radius:6px;margin-top:.625rem;padding:.5rem;font-size:.75rem}.google-login-btn{background:var(--primary-color);width:100%;color:var(--text-light);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 20px hsla(var(--primary-hue),95%,50%,.3);z-index:1;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.625rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;display:flex;position:relative;overflow:hidden}.google-login-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:-100%}.google-login-btn:not(.disabled):hover{background:var(--primary-dark);box-shadow:0 5px 15px hsla(var(--primary-hue),95%,50%,.4);transform:translateY(-2px)}.google-login-btn:not(.disabled):hover:before{transform:translate(200%)}.google-login-btn:active:not(.disabled){transform:translateY(0)}.google-login-btn.disabled{opacity:.5;cursor:not-allowed;background:hsla(var(--primary-hue),95%,50%,.3);box-shadow:none;transform:none}.google-icon{flex-shrink:0;width:18px;height:18px}.loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#040a16f2;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.card-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#040a16e6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.875rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.loading-spinner{border:3px solid hsla(var(--primary-hue),95%,50%,.2);border-top-color:var(--primary-color);border-radius:50%;width:2.25rem;height:2.25rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-light);font-size:.9375rem;font-weight:500}.email-login-form{z-index:1;flex-direction:column;gap:.875rem;width:100%;display:flex;position:relative}.form-group{flex-direction:column;display:flex}.form-input{border:1px solid var(--glass-border);color:var(--text-light);transition:all var(--transition-fast);background:#ffffff0d;border-radius:8px;padding:.75rem .875rem;font-size:.9375rem}.form-input::placeholder{color:var(--text-gray)}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px hsla(var(--primary-hue),95%,50%,.1);background:#ffffff14;outline:none}.form-input:disabled{cursor:not-allowed;opacity:.6;background:#ffffff05}.submit-button{background:var(--primary-color);width:100%;color:var(--text-light);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 20px hsla(var(--primary-hue),95%,50%,.3);border:none;border-radius:8px;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;position:relative;overflow:hidden}.submit-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:-100%}.submit-button:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 5px 15px hsla(var(--primary-hue),95%,50%,.4);transform:translateY(-2px)}.submit-button:hover:not(:disabled):before{transform:translate(200%)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button.disabled,.submit-button:disabled{opacity:.5;cursor:not-allowed;background:hsla(var(--primary-hue),95%,50%,.3);box-shadow:none;transform:none}.toggle-button{color:var(--primary-light);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.5rem;font-size:.8125rem;text-decoration:underline}.toggle-button:disabled{color:var(--text-gray);cursor:not-allowed;opacity:.5}.google-login-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.submit-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.terms-checkbox:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.terms-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.toggle-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.form-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (min-width:768px){.login-page{padding:1.5rem}.login-page:before{background-position:0 0,25px 25px;background-size:50px 50px}.environment-indicator{top:16px;right:16px}.environment-badge{gap:8px;padding:8px 16px;font-size:12px!important}.env-dot{width:10px!important;height:10px!important}.env-dev{padding:3px 8px;font-size:10px!important}.login-container{max-width:580px!important}.login-card{border-radius:16px;padding:2.5rem 2rem!important}.login-logo-container{gap:.75rem;margin-bottom:1rem}.login-logo-image{width:100px!important;height:100px!important}.login-logo-icon{width:4rem!important;height:4rem!important}.login-brand-name{font-size:2.75rem!important}.login-subtitle{margin-bottom:2rem;font-size:1.25rem!important}.ios-native-badge{margin-bottom:1.25rem;padding:10px 18px;font-size:15px!important}.login-error-message{margin-bottom:1.5rem;padding:.875rem 1rem;font-size:1.0625rem!important}.terms-acceptance-container{border-radius:12px;margin-bottom:2rem;padding:1.25rem}.reading-status{gap:.625rem;margin-bottom:1rem}.reading-item{gap:.625rem;font-size:1rem!important}.reading-indicator{width:22px!important;font-size:1rem!important}.terms-checkbox{width:20px!important;height:20px!important}.terms-text{font-size:1.0625rem!important}.terms-warning{margin-top:.75rem;padding:.625rem;font-size:.9375rem!important}.email-login-form{gap:1rem}.form-input{padding:.875rem 1rem;font-size:1.125rem!important}.submit-button,.google-login-btn{gap:.75rem;padding:1rem 1.5rem!important;font-size:1.125rem!important}.google-icon{width:22px!important;height:22px!important}.toggle-button{font-size:1rem!important}.loading-spinner{width:2.5rem!important;height:2.5rem!important}.loading-text{font-size:1.125rem!important}}@media (min-width:1024px){.login-page{padding:2rem}.environment-indicator{top:20px;right:20px}.environment-badge{gap:10px;padding:10px 20px;font-size:13px!important}.env-dot{width:12px!important;height:12px!important}.login-container{max-width:750px!important}.login-card{border-radius:20px;box-shadow:0 20px 60px #0006;padding:3rem 2.5rem!important}.login-logo-container{gap:1rem;margin-bottom:1.25rem}.login-logo-image{width:120px!important;height:120px!important}.login-logo-icon{width:5rem!important;height:5rem!important}.login-brand-name{font-size:3.25rem!important}.login-subtitle{margin-bottom:2.5rem;font-size:1.375rem!important}.ios-native-badge{margin-bottom:1.5rem;padding:12px 20px;font-size:16px!important}.login-error-message{margin-bottom:1.75rem;padding:1rem 1.25rem;font-size:1.125rem!important}.terms-acceptance-container{border-radius:14px;margin-bottom:2.5rem;padding:1.5rem}.reading-status{gap:.75rem;margin-bottom:1.125rem}.reading-item{gap:.75rem;font-size:1.0625rem!important}.reading-indicator{width:24px!important;font-size:1.125rem!important}.terms-checkbox-label{padding:.375rem}.terms-checkbox{width:22px!important;height:22px!important}.terms-text{font-size:1.125rem!important}.terms-warning{margin-top:.875rem;padding:.75rem;font-size:1rem!important}.email-login-form{gap:1.125rem}.form-input{padding:1rem 1.125rem!important;font-size:1.1875rem!important}.submit-button,.google-login-btn{gap:.875rem;padding:1.125rem 1.75rem!important;font-size:1.1875rem!important}.google-icon{width:24px!important;height:24px!important}.toggle-mode{margin-top:.75rem}.toggle-button{padding:.625rem;font-size:1.0625rem!important}.loading-spinner{border-width:4px;width:3rem!important;height:3rem!important}.loading-text{font-size:1.1875rem!important}}@media (min-width:1440px){.login-container{max-width:850px!important}.login-card{border-radius:24px;padding:3.5rem 3rem!important}.login-logo-image{width:140px!important;height:140px!important}.login-brand-name{font-size:3.5rem!important}.login-subtitle{font-size:1.5rem!important}.terms-acceptance-container{padding:1.75rem}.reading-item{font-size:1.125rem!important}.terms-text{font-size:1.1875rem!important}.form-input{padding:1.125rem 1.25rem!important;font-size:1.25rem!important}.submit-button,.google-login-btn{padding:1.25rem 2rem!important;font-size:1.25rem!important}}@media (min-width:1920px){.login-container{max-width:950px!important}.login-card{border-radius:28px;padding:4.5rem 4rem!important}.login-logo-image{width:160px!important;height:160px!important}.login-brand-name{font-size:4rem!important}.login-subtitle{font-size:1.625rem!important}.terms-acceptance-container{margin-bottom:3rem;padding:2rem}.reading-item{font-size:1.1875rem!important}.terms-text{font-size:1.25rem!important}.form-input{padding:1.375rem 1.5rem!important;font-size:1.375rem!important}.submit-button,.google-login-btn{padding:1.5rem 2.5rem!important;font-size:1.375rem!important}.loading-spinner{border-width:5px;width:4rem!important;height:4rem!important}.loading-text{font-size:1.25rem!important}}@media (max-height:600px) and (orientation:landscape){.login-page{padding:.75rem}.login-card{max-height:90vh;padding:1.25rem 1rem;overflow-y:auto}.login-logo-image{width:48px;height:48px}.login-logo-icon{width:2.5rem;height:2.5rem}.login-brand-name{font-size:1.5rem}.login-subtitle{margin-bottom:1rem;font-size:.875rem}.terms-acceptance-container{margin-bottom:1rem;padding:.75rem}.reading-item{font-size:.75rem}.terms-text{font-size:.8125rem}.form-input{padding:.625rem .75rem;font-size:.875rem}.submit-button,.google-login-btn{padding:.75rem 1rem;font-size:.875rem}.toggle-button{font-size:.75rem}}@media (max-width:640px){.login-card{padding:1.5rem 1.125rem}.login-brand-name{font-size:1.625rem}.login-subtitle{font-size:.9375rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.login-page:before,.login-card:before{animation:none}}@media (prefers-contrast:high){.login-card,.form-input,.terms-acceptance-container{border-width:2px}.google-login-btn,.submit-button{border:2px solid var(--primary-light)}}.auth-methods{width:100%}.login-method-toggle{background-color:#f3f4f6;border-radius:8px;gap:8px;margin-bottom:20px;padding:4px;display:flex}.method-toggle-btn{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.method-toggle-btn:hover:not(:disabled){background-color:#e5e7eb}.method-toggle-btn.active{color:#1f2937;background-color:#fff;box-shadow:0 1px 3px #0000001a}.method-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.method-icon{flex-shrink:0}.email-login-form{flex-direction:column;gap:16px;width:100%;display:flex}.form-group{width:100%}.form-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{cursor:not-allowed;background-color:#f3f4f6}.submit-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.submit-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.submit-button.disabled{cursor:not-allowed;background-color:#9ca3af;transform:none}.toggle-mode{text-align:center;margin-top:8px}.toggle-button{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline;transition:color .2s}.toggle-button:hover:not(:disabled){color:#2563eb}.toggle-button:disabled{color:#9ca3af;cursor:not-allowed}.nav-timeout-overlay{z-index:9999;background:linear-gradient(135deg,#0f1a2e 0%,#040a16 100%);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.nav-timeout-overlay:before{content:"";opacity:.3;pointer-events:none;background-image:radial-gradient(#06a8f926 1px,#0000 1px),radial-gradient(#06a8f91a 1px,#0000 1px);background-position:0 0,25px 25px;background-size:50px 50px;animation:15s infinite alternate patternFade;position:absolute;top:0;bottom:0;left:0;right:0}.nav-timeout-container{z-index:1;width:100%;max-width:28rem;position:relative}.nav-timeout-card{-webkit-backdrop-filter:blur(10px);background:#0465951a;border:1px solid #ef43434d;border-radius:16px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.nav-timeout-card:before{content:"";opacity:.3;pointer-events:none;background:radial-gradient(circle,#ef434333 0%,#0000 70%);width:200%;height:200%;animation:40s linear infinite rotate;position:absolute;top:-50%;left:-50%}.nav-timeout-icon-container{z-index:1;justify-content:center;margin-bottom:1.5rem;display:flex;position:relative}.nav-timeout-icon-bg{background:#ef434333;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;animation:2s ease-in-out infinite pulseGlow;display:flex}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 20px #ef43434d}50%{transform:scale(1.05);box-shadow:0 0 30px #ef434380}}.nav-timeout-icon{color:#ef4343;filter:drop-shadow(0 0 10px #ef434380);width:2rem;height:2rem}.nav-timeout-title{text-align:center;-webkit-text-fill-color:transparent;z-index:1;background:linear-gradient(90deg,#f1f5f9,#f37272);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.5rem;font-weight:700;position:relative}.nav-timeout-description{text-align:center;color:#97a3b4;z-index:1;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6;position:relative}.nav-timeout-actions{z-index:1;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex;position:relative}.nav-timeout-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:all .15s;display:flex;position:relative;overflow:hidden}.nav-timeout-btn-primary{color:#f1f5f9;background:#06a8f9;box-shadow:0 0 20px #06a8f94d}.nav-timeout-btn-primary:hover{background:#0697e0;transform:translateY(-2px);box-shadow:0 5px 15px #06a8f966}.nav-timeout-btn-primary:active{transform:translateY(0)}.nav-timeout-btn-secondary{color:#f1f5f9;background:#ffffff14;border:1px solid #ffffff26}.nav-timeout-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.nav-timeout-btn-secondary:active{transform:translateY(0)}.nav-timeout-debug{z-index:1;border-top:1px solid #ffffff14;margin-top:1.5rem;padding-top:1.5rem;position:relative}.nav-timeout-debug-text{color:#6b7c94;text-align:center;font-family:Courier New,monospace;font-size:.75rem;line-height:1.6}.nav-warning-toast{z-index:9998;max-width:20rem;animation:.3s ease-out slideInRight;position:fixed;bottom:1rem;right:1rem}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.nav-warning-card{color:#fff;background:linear-gradient(135deg,#ffc105 0%,#e68600 100%);border-radius:12px;padding:1rem;animation:2s ease-in-out infinite pulseWarning;position:relative;overflow:hidden;box-shadow:0 8px 24px #99730066}@keyframes pulseWarning{0%,to{box-shadow:0 8px 24px #99730066}50%{box-shadow:0 8px 32px #99730099}}.nav-warning-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s ease-in-out infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%,to{left:-100%}50%{left:100%}}.nav-warning-content{z-index:1;align-items:flex-start;display:flex;position:relative}.nav-warning-icon{filter:drop-shadow(0 2px 4px #0003);flex-shrink:0;width:1.5rem;height:1.5rem;margin-right:.75rem}.nav-warning-text{flex:1}.nav-warning-title{text-shadow:0 1px 2px #0000001a;margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.nav-warning-message{opacity:.95;text-shadow:0 1px 2px #0000001a;font-size:.875rem}@media (max-width:640px){.nav-timeout-card{padding:1.5rem}.nav-timeout-title{font-size:1.25rem}.nav-warning-toast{max-width:none;left:1rem;right:1rem}}.nav-timeout-btn:focus-visible{outline-offset:2px;outline:2px solid #06a8f9}@media (prefers-reduced-motion:reduce){.nav-timeout-overlay:before,.nav-timeout-card:before,.nav-timeout-icon-bg,.nav-warning-card,.nav-warning-card:before,.nav-warning-toast{animation:none}}@media (prefers-contrast:high){.nav-timeout-card{border:2px solid}.nav-warning-card{border:2px solid #000}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.landing-page{color:#2c3e50!important}:root{--primary-hue:200;--primary-color:hsl(var(--primary-hue),95%,50%);--primary-dark:hsl(var(--primary-hue),95%,32%);--primary-light:hsl(var(--primary-hue),95%,60%);--bg-dark:#0f1a2e;--bg-darker:#040a16;--text-light:#f1f5f9;--text-gray:#97a3b4;--text-bright:#e1f4fe;--glow-color:hsla(var(--primary-hue),95%,50%,.5);--glass-bg:#ffffff08;--glass-border:#ffffff0f;--blur-amount:10px;--accent-success:#10b77f;--accent-warning:#f5930a;--accent-error:#ef4343;--header-height:64px;--section-spacing:clamp(3rem,8vw,6rem);--container-width:min(100%,1200px);--container-padding:clamp(1rem,5vw,2rem);--font-heading:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}html{scroll-behavior:smooth;font-size:16px;line-height:1.5}body{font-family:var(--font-body);color:var(--text-light);background-color:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-light);font-weight:700;line-height:1.2}ul,ol{list-style:none}img,video{max-width:100%;height:auto;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-page{background:linear-gradient(135deg,var(--bg-dark)0%,var(--bg-darker)100%);flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-page:before{content:"";background-image:radial-gradient(hsla(var(--primary-hue),95%,50%,.15)1px,transparent 1px),radial-gradient(hsla(var(--primary-hue),95%,50%,.1)1px,transparent 1px);opacity:.3;pointer-events:none;background-position:0 0,25px 25px;background-size:50px 50px;animation:15s infinite alternate patternFade;position:absolute;top:0;bottom:0;left:0;right:0}.main-content{width:100%;padding-top:var(--header-height);flex:1}@media (max-width:768px){.logo-text{font-size:1rem}.logo-image{width:1.75rem;height:1.75rem}}section{width:100%;padding:var(--section-spacing)var(--container-padding);position:relative}section:before{content:"";background:linear-gradient(90deg,transparent,hsla(var(--primary-hue),95%,50%,.3),transparent);height:1px;position:absolute;top:0;left:15%;right:15%}.feature-image-container{border-radius:8px;width:100%;height:180px;margin-bottom:1rem;overflow:hidden}.feature-screenshot{object-fit:cover;width:100%;height:100%;transition:transform .3s}.feature-card:hover .feature-screenshot{transform:scale(1.05)}.section-container,.hero-container,.features-container,.process-container,.modules-container,.testimonials-container,.pricing-container,.integration-container,.footer-container{width:100%;max-width:var(--container-width);margin:0 auto;position:relative}.section-header{text-align:center;margin-bottom:3rem;position:relative}.section-title{color:var(--text-light);letter-spacing:-.02em;margin-bottom:1rem;font-size:max(1.875rem,min(4vw,2.5rem));display:inline-block;position:relative}.section-title:after{content:"";background:var(--primary-color);width:50px;height:3px;box-shadow:0 0 15px var(--glow-color);border-radius:3px;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}.section-subtitle{color:var(--text-gray);max-width:700px;margin:1rem auto 0;font-size:max(1rem,min(2vw,1.125rem));line-height:1.6}.navbar{width:100%;height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsla(var(--primary-hue),95%,50%,.1);z-index:var(--z-fixed);transition:all var(--transition-normal);background:#0f1a2ed9;position:fixed;top:0;left:0}.navbar-container{width:100%;max-width:var(--container-width);height:100%;padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo-container{cursor:pointer;align-items:center;gap:.75rem;display:flex}.logo-icon{width:1.5rem;height:1.5rem;color:var(--primary-light);filter:drop-shadow(0 0 5px var(--glow-color))}.logo-image{object-fit:contain;width:2rem;height:2rem;filter:drop-shadow(0 0 8px var(--glow-color));border-radius:6px}.logo-text{letter-spacing:.02em;background:linear-gradient(90deg,var(--text-light),var(--primary-light));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700}.nav-menu{display:none}@media (min-width:768px){.nav-menu{align-items:center;gap:2rem;display:flex}}.nav-cta{display:none}@media (min-width:768px){.nav-cta{display:block}}.nav-cta-button{background:var(--primary-color);color:var(--text-light);transition:all var(--transition-fast);box-shadow:0 0 15px hsla(var(--primary-hue),95%,50%,.3);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.nav-cta-button:hover{background:var(--primary-dark);box-shadow:0 5px 15px hsla(var(--primary-hue),95%,50%,.4);transform:translateY(-2px)}.nav-cta-icon{width:1rem;height:1rem}.nav-link{color:var(--text-light);transition:color var(--transition-fast);background:0 0;padding:.5rem 0;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--primary-light)}.nav-link:hover:after{width:100%}.mobile-menu-button{width:40px;height:40px;color:var(--text-light);background:hsla(var(--primary-hue),95%,50%,.1);border:1px solid var(--glass-border);transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.mobile-menu-button:hover{background:hsla(var(--primary-hue),95%,50%,.2)}.menu-icon{width:1.25rem;height:1.25rem}@media (min-width:768px){.mobile-menu-button{display:none}}.mobile-menu{top:var(--header-height);background:hsla(var(--primary-hue),95%,15%,.95);height:auto;max-height:0;-webkit-backdrop-filter:blur(var(--blur-amount));transition:max-height var(--transition-normal),visibility var(--transition-normal);visibility:hidden;z-index:var(--z-dropdown);position:absolute;left:0;right:0;overflow:hidden}.mobile-menu.active{visibility:visible;border-bottom:1px solid var(--glass-border);max-height:300px}.mobile-menu-items{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.mobile-nav-link{text-align:left;width:100%;color:var(--text-light);background:hsla(var(--primary-hue),95%,50%,.1);transition:all var(--transition-fast);border:1px solid hsla(var(--primary-hue),95%,50%,.1);border-radius:8px;padding:.75rem 1rem}.mobile-nav-link:hover{background:hsla(var(--primary-hue),95%,50%,.2);transform:translate(5px)}.mobile-cta-button{text-align:center;width:100%;color:var(--text-light);background:var(--primary-color);box-shadow:0 0 15px hsla(var(--primary-hue),95%,50%,.3);transition:all var(--transition-fast);border-radius:8px;margin-top:.5rem;padding:.75rem 1rem;font-weight:500}.mobile-cta-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.hero-section{width:100%;min-height:100vh;padding:2rem var(--container-padding);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-container{background:hsla(var(--primary-hue),95%,30%,.1);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;gap:3rem;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}@media (min-width:992px){.hero-container{flex-direction:row;padding:2rem}}.hero-container:before{content:"";background:radial-gradient(circle,var(--glow-color)0%,transparent 70%);opacity:.3;pointer-events:none;width:200%;height:200%;animation:40s linear infinite rotate;position:absolute;top:-50%;left:-50%}.hero-left{z-index:1;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.hero-right{z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-title{color:var(--text-light);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:max(2.5rem,min(5vw,4rem));font-weight:800;line-height:1.1}.hero-highlight{color:var(--primary-light);text-shadow:0 0 15px hsla(var(--primary-hue),95%,50%,.5);display:block}.hero-subtitle{color:var(--text-gray);max-width:600px;margin-bottom:2rem;font-size:max(1rem,min(2vw,1.25rem));line-height:1.6}.cta-container{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.primary-button span,.secondary-button span{color:#fff}.primary-button,.secondary-button{letter-spacing:.02em;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.primary-button{background:var(--primary-color);color:var(--text-light);box-shadow:0 0 20px hsla(var(--primary-hue),95%,50%,.3)}.primary-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:-100%}.primary-button:hover{background:var(--primary-dark);box-shadow:0 5px 15px hsla(var(--primary-hue),95%,50%,.4);transform:translateY(-2px)}.primary-button:hover:before{transform:translate(200%)}.secondary-button{background:hsla(var(--primary-hue),95%,50%,.1);color:var(--text-light);border:1px solid hsla(var(--primary-hue),95%,50%,.3)}.secondary-button:hover{background:hsla(var(--primary-hue),95%,50%,.2);transform:translateY(-2px)}.button-icon{width:1.25rem;height:1.25rem}.video-container{border:1px solid var(--glass-border);border-radius:12px;width:100%;max-width:600px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.video-container video{width:100%;height:auto;display:block}.play-button{background:hsla(var(--primary-hue),95%,50%,.9);z-index:2;width:64px;height:64px;box-shadow:0 0 30px hsla(var(--primary-hue),95%,50%,.5);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-icon{width:24px;height:24px;color:var(--text-light);margin-left:4px}.play-button:hover{background:var(--primary-color);transform:translate(-50%,-50%)scale(1.1)}.features-section{background:#0d1526b3}.features-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);transition:all var(--transition-normal);border-radius:12px;height:100%;padding:2rem;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.feature-card:hover{background:hsla(var(--primary-hue),95%,50%,.1);transform:translateY(-5px);box-shadow:0 15px 30px #0003}.feature-card:hover:before{opacity:1}.feature-icon{background:hsla(var(--primary-hue),95%,50%,.2);color:var(--text-light);border-radius:12px;margin-bottom:1.5rem;padding:1rem;display:inline-flex}.icon{width:1.5rem;height:1.5rem}.feature-title{color:var(--text-light);margin-bottom:1rem;font-size:1.25rem}.feature-description{color:var(--text-gray);line-height:1.6}.how-it-works-section{background:#0a111fb3}.process-steps{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;display:grid;position:relative}.process-connector{display:none}@media (min-width:992px){.process-connector{background:linear-gradient(90deg,transparent 5%,var(--primary-color)50%,transparent 95%);z-index:0;width:100%;height:2px;display:block;position:absolute;top:3rem;left:0}}.step-card{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);text-align:center;z-index:1;transition:all var(--transition-normal);border-radius:12px;padding:2rem;position:relative}.step-card:hover{background:hsla(var(--primary-hue),95%,50%,.1);transform:translateY(-5px);box-shadow:0 15px 30px #0003}.step-number{background:var(--primary-color);width:2.5rem;height:2.5rem;color:var(--text-light);box-shadow:0 0 15px hsla(var(--primary-hue),95%,50%,.5);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-weight:700;display:flex;position:relative}.step-icon-container{background:hsla(var(--primary-hue),95%,50%,.2);width:3.5rem;height:3.5rem;color:var(--primary-light);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.step-title{color:var(--text-light);margin-bottom:1rem;font-size:1.25rem}.step-description{color:var(--text-gray);line-height:1.6}.modules-section{background:#0d1526b3}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.module-card{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);transition:all var(--transition-normal);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.module-card:hover{border-color:hsla(var(--primary-hue),95%,50%,.3);transform:translateY(-5px);box-shadow:0 15px 30px #0003}.module-image-container{height:180px;position:relative;overflow:hidden}.module-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.module-card:hover .module-image{transform:scale(1.05)}.module-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.module-type-container{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.module-type{color:var(--primary-light);font-size:.875rem;font-weight:500}.module-title{color:var(--text-light);margin-bottom:.75rem;font-size:1.25rem}.module-description{color:var(--text-gray);flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.module-stats{color:var(--text-gray);gap:1.5rem;font-size:.875rem;display:flex}.stat-item{align-items:center;gap:.5rem;display:flex}.stat-icon{opacity:.7;width:1.25rem;height:1.25rem}.modules-cta{text-align:center;margin-top:3rem}.testimonials-section{background:#0a111fb3}.stats-bar{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin:2rem 0 3rem;padding:2rem;display:grid}.stat-value{color:var(--text-light);background:linear-gradient(135deg,var(--text-light),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.stat-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.testimonial-card{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);transition:all var(--transition-normal);border-radius:12px;height:100%;padding:2rem}.testimonial-card:hover{background:hsla(var(--primary-hue),95%,50%,.1);transform:translateY(-5px);box-shadow:0 15px 30px #0003}.testimonial-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.testimonial-avatar{border:2px solid hsla(var(--primary-hue),95%,50%,.3);border-radius:50%;width:3.5rem;height:3.5rem;overflow:hidden}.testimonial-name{color:var(--text-light);margin-bottom:.25rem;font-size:1.1rem}.testimonial-role{color:var(--primary-light);font-size:.875rem}.testimonial-content{color:var(--text-gray);margin-bottom:1.5rem;font-style:italic;line-height:1.6}.testimonial-rating{gap:.25rem;display:flex}.star-icon{width:1rem;height:1rem;color:var(--accent-warning);fill:var(--accent-warning)}.pricing-section{background:#0d1526b3}.pricing-grid{grid-template-columns:1fr;gap:2rem;max-width:1000px;margin:0 auto;display:grid}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}.pricing-card{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);transition:all var(--transition-normal);border-radius:12px;height:100%;padding:2.5rem 2rem;position:relative;overflow:hidden}.pricing-card:hover{background:hsla(var(--primary-hue),95%,50%,.1);transform:translateY(-5px);box-shadow:0 15px 30px #0003}.pricing-card.popular{background:hsla(var(--primary-hue),95%,50%,.15);border-color:var(--primary-color);box-shadow:0 15px 30px #0003}.popular-badge{background:var(--primary-color);color:var(--text-light);z-index:1;box-shadow:0 0 10px hsla(var(--primary-hue),95%,50%,.5);padding:.3rem 3rem;font-size:.75rem;font-weight:600;position:absolute;top:1.5rem;right:-2.5rem;transform:rotate(45deg)}.plan-type{color:var(--text-light);margin-bottom:1rem;font-size:1.25rem}.plan-price{color:var(--text-light);margin-bottom:.5rem;font-size:3rem;font-weight:800}.price-period{color:var(--text-gray);font-size:1rem;font-weight:400}.plan-description{color:var(--text-gray);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.features-list{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.feature-item{color:var(--text-gray);transition:background-color var(--transition-fast);border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;font-size:.95rem;display:flex}.feature-item:hover{background:hsla(var(--primary-hue),95%,50%,.1)}.feature-item.included{color:var(--text-light)}.feature-icon{width:1.25rem;height:1.25rem;color:var(--primary-color)}.plan-button{text-align:center;width:100%;transition:all var(--transition-fast);border-radius:8px;padding:1rem;font-weight:600}.plan-button.primary{background:var(--primary-color);color:var(--text-light)}.plan-button.primary:hover{background:var(--primary-dark);box-shadow:0 5px 15px hsla(var(--primary-hue),95%,50%,.4);transform:translateY(-2px)}.plan-button.secondary{background:hsla(var(--primary-hue),95%,50%,.1);color:var(--text-light);border:1px solid hsla(var(--primary-hue),95%,50%,.3)}.plan-button.secondary:hover{background:hsla(var(--primary-hue),95%,50%,.2);transform:translateY(-2px)}.integration-section{background:#0a111fb3}.compatibility-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.compatibility-grid{grid-template-columns:repeat(3,1fr)}}.compatibility-card{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);transition:all var(--transition-normal);border-radius:12px;height:100%;padding:2rem}.compatibility-card:hover{background:hsla(var(--primary-hue),95%,50%,.1);transform:translateY(-5px);box-shadow:0 15px 30px #0003}.compatibility-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.compatibility-icon-container{background:hsla(var(--primary-hue),95%,50%,.2);border-radius:12px;justify-content:center;align-items:center;padding:.75rem;display:flex}.compatibility-icon{width:1.5rem;height:1.5rem;color:var(--primary-light)}.compatibility-title{color:var(--text-light);font-size:1.25rem}.compatibility-list{flex-direction:column;gap:.75rem;display:flex}.compatibility-item{color:var(--text-gray);transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;font-size:.95rem;display:flex}.compatibility-item:hover{background:hsla(var(--primary-hue),95%,50%,.1);transform:translate(5px)}.check-icon{width:1.25rem;height:1.25rem;color:var(--primary-color);flex-shrink:0}.contact-form{margin-top:1.5rem}.form-group{margin-bottom:1rem}.form-group.has-error input,.form-group.has-error textarea{border-color:var(--accent-error)}.error-message{color:var(--accent-error);margin-top:.25rem;font-size:.8rem;display:block}input[type=email],textarea{background:hsla(var(--primary-hue),95%,50%,.1);border:1px solid hsla(var(--primary-hue),95%,50%,.2);width:100%;color:var(--text-light);transition:all var(--transition-fast);border-radius:8px;padding:.75rem 1rem}input[type=email]:hover,textarea:hover{background:hsla(var(--primary-hue),95%,50%,.15)}input[type=email]:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px hsla(var(--primary-hue),95%,50%,.2);outline:none}.input-error{border-color:var(--accent-error)!important}.submit-button{background:var(--primary-color);width:100%;color:var(--text-light);transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;display:flex;position:relative;overflow:hidden}.submit-button:hover{background:var(--primary-dark);box-shadow:0 5px 15px hsla(var(--primary-hue),95%,50%,.4);transform:translateY(-2px)}.submit-button.loading{opacity:.7;cursor:not-allowed}.submit-button.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:var(--text-light);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin;position:absolute;right:1rem}.form-success,.form-error{border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;display:flex}.form-success{color:var(--accent-success);background:#10b77f1a;border:1px solid #10b77f4d}.form-error{color:var(--accent-error);background:#ef43431a;border:1px solid #ef43434d}.success-icon{width:1.25rem;height:1.25rem;color:var(--accent-success)}.footer{border-top:1px solid hsla(var(--primary-hue),95%,50%,.2);background:#060b13f2;padding:5rem 1rem 2rem;position:relative}.footer:before{content:"";background:linear-gradient(90deg,transparent,var(--primary-color),transparent);height:1px;position:absolute;top:0;left:20%;right:20%}.footer-content{grid-template-columns:1fr;gap:3rem;margin-bottom:3rem;display:grid}@media (min-width:768px){.footer-content{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{max-width:300px}.brand-logo{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.brand-icon{width:1.75rem;height:1.75rem;color:var(--primary-light)}.brand-name{background:linear-gradient(90deg,var(--text-light),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.brand-description{color:var(--text-gray);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.social-links{gap:.75rem;display:flex}.social-link{background:hsla(var(--primary-hue),95%,50%,.1);width:2.5rem;height:2.5rem;transition:all var(--transition-fast);border:1px solid hsla(var(--primary-hue),95%,50%,.2);border-radius:8px;justify-content:center;align-items:center;display:flex}.social-icon{width:1.25rem;height:1.25rem;color:var(--text-gray);transition:color var(--transition-fast)}.social-link:hover{background:var(--primary-color);box-shadow:0 5px 15px hsla(var(--primary-hue),95%,50%,.3);transform:translateY(-3px)}.social-link:hover .social-icon{color:var(--text-light)}.column-title{color:var(--text-light);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem;position:relative}.column-title:after{content:"";background:var(--primary-color);width:2rem;height:2px;box-shadow:0 0 10px hsla(var(--primary-hue),95%,50%,.5);position:absolute;bottom:0;left:0}.footer-links{flex-direction:column;gap:.75rem;display:flex}.footer-link{color:var(--text-gray);transition:all var(--transition-fast);padding-left:0;font-size:.95rem;position:relative}.footer-link:before{content:"";background:var(--primary-color);width:0;height:1px;transition:all var(--transition-fast);opacity:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer-link:hover{color:var(--text-light);padding-left:1rem}.footer-link:hover:before{opacity:1;width:.75rem}.contact-item{color:var(--text-gray);transition:all var(--transition-fast);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.contact-icon{width:1.25rem;height:1.25rem;color:var(--primary-color)}.contact-item:hover{color:var(--text-light);transform:translate(5px)}.footer-bottom{border-top:1px solid hsla(var(--primary-hue),95%,50%,.1);text-align:center;flex-direction:column;gap:1rem;padding-top:2rem;display:flex}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.copyright{color:var(--text-gray);font-size:.875rem}.legal-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}@media (min-width:768px){.legal-links{justify-content:flex-end}}.legal-link{color:var(--text-gray);transition:all var(--transition-fast);font-size:.875rem;position:relative}.legal-link:after{content:"";background:var(--primary-color);width:0;height:1px;transition:width var(--transition-fast);position:absolute;bottom:-2px;left:0}.legal-link:hover{color:var(--text-light)}.legal-link:hover:after{width:100%}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.early-access-container{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.1);border-radius:16px;margin-top:4rem;padding:3rem 2rem}.early-access-content{text-align:center;max-width:600px;margin:0 auto}.early-access-title{color:var(--text-light);margin-bottom:1rem;font-size:1.75rem}.early-access-description{color:var(--text-gray);margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.early-access-form{margin-bottom:2rem}.early-access-input-group{gap:1rem;max-width:500px;margin:0 auto;display:flex}@media (max-width:640px){.early-access-input-group{flex-direction:column}}.early-access-input{background:hsla(var(--primary-hue),95%,50%,.1);border:1px solid hsla(var(--primary-hue),95%,50%,.2);color:var(--text-light);border-radius:8px;flex:1;padding:.875rem 1.25rem;font-size:1rem}.early-access-button{background:var(--primary-color);color:var(--text-light);transition:all var(--transition-fast);white-space:nowrap;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;display:inline-flex}.early-access-button:hover{background:var(--primary-dark);box-shadow:0 5px 15px hsla(var(--primary-hue),95%,50%,.4);transform:translateY(-2px)}.platform-icons{justify-content:center;align-items:center;gap:1rem;display:flex}.platform-note{color:var(--text-gray);font-size:.95rem}.platform-icon-list{gap:1rem;display:flex}.platform-icon{width:1.5rem;height:1.5rem;color:var(--primary-light)}.platform-cta-button{width:100%;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.875rem 1.5rem;font-weight:600;display:inline-flex}.platform-cta-button.primary{background:var(--primary-color);color:var(--text-light);box-shadow:0 0 15px hsla(var(--primary-hue),95%,50%,.3)}.platform-cta-button:hover{background:var(--primary-dark);box-shadow:0 5px 15px hsla(var(--primary-hue),95%,50%,.4);transform:translateY(-2px)}.platform-badge-container{position:absolute;top:1rem;right:1rem}.platform-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.platform-badge.available{background:var(--accent-success);color:var(--text-light)}.platform-badge.coming-soon{background:hsla(var(--primary-hue),95%,50%,.2);color:var(--primary-light);border:1px solid hsla(var(--primary-hue),95%,50%,.3)}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}#how-it-works,#platforms,#contact{scroll-margin-top:var(--header-height)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.complete-profile-container{--primary-hue:200;--primary-color:hsl(var(--primary-hue),95%,50%);--primary-dark:hsl(var(--primary-hue),95%,32%);--primary-light:hsl(var(--primary-hue),95%,60%);--bg-dark:#0f1a2e;--bg-darker:#040a16;--text-light:#f1f5f9;--text-gray:#97a3b4;--text-bright:#e1f4fe;--glow-color:hsla(var(--primary-hue),95%,50%,.5);--glass-bg:#ffffff08;--glass-border:#ffffff0f;--blur-amount:10px;--accent-success:#10b77f;--accent-warning:#f5930a;--accent-error:#ef4343;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--bg-dark)0%,var(--bg-darker)100%);-webkit-overflow-scrolling:touch;box-sizing:border-box;justify-content:center;align-items:center;min-height:-webkit-fill-available;margin:0;padding:.5rem;display:flex;overscroll-behavior:none!important;overscroll-behavior-x:none!important;overscroll-behavior-y:none!important;touch-action:none!important;z-index:99999!important;width:100vw!important;height:100dvh!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important;overflow:hidden!important}.complete-profile-container *{overscroll-behavior:none!important;overflow:hidden!important}.complete-profile-container:before{content:"";background-image:radial-gradient(hsla(var(--primary-hue),95%,50%,.15)1px,transparent 1px),radial-gradient(hsla(var(--primary-hue),95%,50%,.1)1px,transparent 1px);opacity:.3;pointer-events:none;z-index:-1;background-position:0 0,25px 25px;background-size:50px 50px;animation:15s infinite alternate patternFade;position:fixed;top:0;bottom:0;left:0;right:0}.profile-card{background:hsla(var(--primary-hue),95%,30%,.1);width:100%;max-width:100%;height:calc(100dvh - .5rem);max-height:calc(100vh - .5rem);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);box-sizing:border-box;border-radius:12px;flex-direction:column;padding:.5rem;display:flex;position:relative;box-shadow:0 20px 40px #0000004d;overflow:hidden!important}@media (min-width:375px) and (max-width:767px){.step-title{margin-bottom:.5rem;font-size:1.5rem;line-height:1.3}.step-subtitle{font-size:.95rem;line-height:1.4}.form-input-large{text-align:center;padding:.875rem 1rem;font-size:16px;font-weight:500}.form-select{padding:.875rem 1rem;font-size:1rem}.btn-primary,.btn-large{min-height:52px;padding:.875rem 1.25rem;font-size:1rem;font-weight:600}}@media (max-width:374px){.complete-profile-container{padding:.25rem}.profile-card{border-radius:8px;height:calc(100dvh - .5rem);max-height:calc(100dvh - .5rem);padding:.625rem}.step-title{margin-bottom:.4rem;font-size:1.3rem;line-height:1.3}.step-subtitle{font-size:.9rem;line-height:1.4}.form-input-large{padding:.75rem .875rem;font-size:1rem}.form-select{padding:.75rem .875rem;font-size:.95rem}.btn-primary,.btn-large{min-height:48px;padding:.75rem 1rem;font-size:.95rem;font-weight:600}}.onboarding-step{gap:.75rem}@media (min-width:375px) and (max-width:767px){.onboarding-step{gap:1rem}.form-fields{gap:.75rem}}@media (max-width:374px){.onboarding-step{gap:.875rem}.form-fields{gap:.625rem}}.profile-card:before{content:"";background:radial-gradient(circle,var(--glow-color)0%,transparent 70%);opacity:.2;pointer-events:none;z-index:-1;width:200%;height:200%;animation:40s linear infinite rotate;position:absolute;top:-50%;left:-50%}.progress-dots{z-index:1;flex-shrink:0;justify-content:center;gap:4px;margin-bottom:.4rem;display:flex;position:relative}.dot{background:hsla(var(--primary-hue),95%,50%,.2);border:1px solid hsla(var(--primary-hue),95%,50%,.3);width:6px;height:6px;transition:all var(--transition-normal);border-radius:50%}.dot.active{background:var(--primary-color);width:16px;box-shadow:0 0 8px var(--glow-color);border-radius:3px}@media (min-width:768px){.progress-dots{gap:6px;margin-bottom:.75rem}.dot{width:8px;height:8px}.dot.active{width:24px}}.profile-form{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden!important}.onboarding-step{flex-direction:column;flex:1;justify-content:space-between;gap:.4rem;min-height:0;animation:.4s cubic-bezier(.4,0,.2,1) fadeSlideIn;display:flex;overflow:hidden!important}@media (min-width:768px){.onboarding-step{gap:.75rem}}@media (min-width:1024px){.onboarding-step{gap:1rem}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;z-index:1;flex-shrink:0;position:relative}.step-title{color:var(--text-light);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-light),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:1rem;font-weight:700;line-height:1.2}.step-subtitle{color:var(--text-gray);font-size:.9rem;font-weight:400;line-height:1.4}@media (min-width:375px){.step-title{font-size:1.1rem}.step-subtitle{font-size:.75rem}}@media (min-width:768px){.step-title{margin-bottom:.5rem;font-size:1.4rem}.step-subtitle{font-size:.85rem}}@media (min-width:1024px){.step-title{margin-bottom:.75rem;font-size:1.6rem}.step-subtitle{font-size:.95rem}}.form-fields{flex-direction:column;flex-shrink:0;gap:.4rem;margin-bottom:.4rem;display:flex;overflow:hidden!important}@media (min-width:768px){.form-fields{gap:.75rem;margin-bottom:.75rem}}@media (min-width:1024px){.form-fields{gap:1rem;margin-bottom:1rem}}.form-input,.form-select,.form-input-large{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.2);width:100%;color:var(--text-light);transition:all var(--transition-fast);-webkit-appearance:none;appearance:none;border-radius:6px;padding:.5rem .625rem;font-size:.8rem}.form-input-large{text-align:center;padding:.625rem .75rem;font-size:.9rem;font-weight:500}@media (min-width:375px) and (max-width:767px){.form-input,.form-select,.form-input-large{padding:.875rem 1rem;font-size:16px}.form-input-large{padding:1rem 1.125rem;font-size:16px}.time-input{padding:.875rem 1rem;font-size:16px}input[type=date]{padding:.875rem 1rem;font-size:16px!important}}@media (max-width:374px){.form-input,.form-select,.form-input-large{padding:.75rem .875rem;font-size:16px}.form-input-large{padding:.875rem 1rem;font-size:16px}.time-input{padding:.75rem .875rem;font-size:16px}input[type=date]{padding:.75rem .875rem;font-size:16px!important}}@media (min-width:768px){.form-input,.form-select,.form-input-large{border-radius:8px;padding:.75rem .875rem;font-size:17px}.form-input-large{padding:.875rem 1rem;font-size:18px}.time-input{border-radius:8px;padding:.75rem .875rem;font-size:17px}input[type=date]{padding:.75rem .875rem;font-size:17px!important}}@media (min-width:1024px){.form-input,.form-select,.form-input-large{padding:.875rem 1rem;font-size:18px}.form-input-large{padding:1rem 1.25rem;font-size:20px}.time-input{padding:.875rem 1rem;font-size:18px}input[type=date]{padding:.875rem 1rem;font-size:18px!important}}.form-input::placeholder,.form-input-large::placeholder{color:var(--text-gray);opacity:.7;font-size:16px}@media (min-width:768px){.form-input::placeholder,.form-input-large::placeholder{font-size:17px}}@media (min-width:1024px){.form-input::placeholder,.form-input-large::placeholder{font-size:18px}}.form-input:hover,.form-select:hover,.form-input-large:hover{background:hsla(var(--primary-hue),95%,50%,.08);border-color:hsla(var(--primary-hue),95%,50%,.3)}.form-input:focus,.form-select:focus,.form-input-large:focus{background:hsla(var(--primary-hue),95%,50%,.1);border-color:var(--primary-color);box-shadow:0 0 0 2px hsla(var(--primary-hue),95%,50%,.2);outline:none}.select-wrapper{position:relative}.select-wrapper:after{content:"▼";color:var(--text-gray);pointer-events:none;font-size:.65rem;position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}@media (min-width:768px){.select-wrapper:after{font-size:.75rem;right:.875rem}}.form-select{cursor:pointer;padding-right:2rem}.form-select option{background:var(--bg-dark);color:var(--text-light)}.exam-date-options,.frequency-options{flex-direction:column;flex-shrink:0;gap:.35rem;display:flex;overflow:hidden!important}@media (min-width:768px){.exam-date-options,.frequency-options{gap:.5rem}}@media (min-width:1024px){.exam-date-options,.frequency-options{gap:.75rem}}.date-option-card,.frequency-card{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.2);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;padding:.5rem;display:block;position:relative;overflow:hidden}@media (min-width:768px){.date-option-card,.frequency-card{border-radius:10px;padding:.75rem}}@media (min-width:1024px){.date-option-card,.frequency-card{border-radius:12px;padding:1rem}}.date-option-card:hover,.frequency-card:hover{background:hsla(var(--primary-hue),95%,50%,.1);border-color:var(--primary-color);box-shadow:0 0 12px var(--glow-color);transform:translateY(-1px)}.date-option-card input[type=radio],.frequency-card input[type=radio]{opacity:0;pointer-events:none;position:absolute}.date-option-card:has(input:checked){background:hsla(var(--primary-hue),95%,50%,.15);border-color:var(--primary-color);box-shadow:0 0 15px var(--glow-color);animation:.3s cardSelect}.frequency-card:has(input:checked){background:hsla(var(--primary-hue),95%,50%,.15);border-color:var(--primary-color);box-shadow:0 0 15px var(--glow-color);animation:.3s cardSelect}@keyframes cardSelect{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.option-content{transition:all var(--transition-fast);flex-direction:column;gap:.15rem;padding-left:.25rem;display:flex}@media (min-width:768px){.option-content{gap:.25rem;padding-left:.5rem}}.option-icon{filter:drop-shadow(0 0 6px var(--glow-color));margin-bottom:.1rem;font-size:1.2rem}@media (min-width:768px){.option-icon{font-size:1.5rem}}@media (min-width:1024px){.option-icon{margin-bottom:.25rem;font-size:1.75rem}}.option-title{color:var(--text-light);font-size:.75rem;font-weight:600}@media (min-width:768px){.option-title{font-size:.9rem}}@media (min-width:1024px){.option-title{font-size:1rem}}.option-subtitle{color:var(--text-gray);font-size:.65rem;line-height:1.3}@media (min-width:768px){.option-subtitle{font-size:.75rem}}@media (min-width:1024px){.option-subtitle{font-size:.85rem;line-height:1.4}}.frequency-card.recommended{border-color:var(--accent-success);background:#10b77f14}.recommended-badge{background:var(--accent-success);color:var(--text-light);letter-spacing:.05em;border-radius:4px;margin-top:.25rem;padding:.2rem .4rem;font-size:.6rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #10b77f4d}@media (min-width:768px){.recommended-badge{border-radius:5px;padding:.25rem .6rem;font-size:.65rem}}@media (min-width:1024px){.recommended-badge{border-radius:6px;margin-top:.5rem;padding:.35rem .75rem;font-size:.7rem}}.time-picker-section{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.15);border-radius:8px;flex-shrink:0;padding:.5rem}@media (min-width:768px){.time-picker-section{border-radius:10px;padding:.75rem}}@media (min-width:1024px){.time-picker-section{border-radius:12px;padding:1rem}}.time-label{color:var(--text-light);margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}@media (min-width:768px){.time-label{margin-bottom:.5rem;font-size:.85rem}}@media (min-width:1024px){.time-label{margin-bottom:.75rem;font-size:.9rem}}.time-input{background:hsla(var(--primary-hue),95%,50%,.08);border:1px solid hsla(var(--primary-hue),95%,50%,.3);width:100%;color:var(--text-light);text-align:center;border-radius:6px;padding:.5rem .625rem;font-size:16px;font-weight:500}@media (min-width:768px){.time-input{border-radius:8px;padding:.75rem .875rem;font-size:1rem}}@media (min-width:1024px){.time-input{padding:.875rem 1rem;font-size:1.1rem}}.time-hint{color:var(--text-gray);text-align:center;margin-top:.35rem;font-size:.65rem}@media (min-width:768px){.time-hint{margin-top:.5rem;font-size:.75rem}}@media (min-width:1024px){.time-hint{margin-top:.75rem;font-size:.8rem}}.notification-icon{text-align:center;filter:drop-shadow(0 0 12px var(--glow-color));margin-bottom:.5rem;font-size:2rem;animation:3s ease-in-out infinite pulse;display:block}@media (min-width:768px){.notification-icon{margin-bottom:.75rem;font-size:2.5rem}}@media (min-width:1024px){.notification-icon{margin-bottom:1rem;font-size:3.5rem}}.notification-benefits{background:hsla(var(--primary-hue),95%,50%,.05);border:1px solid hsla(var(--primary-hue),95%,50%,.15);border-radius:8px;flex-shrink:0;margin:.5rem 0;padding:.5rem}@media (min-width:768px){.notification-benefits{border-radius:10px;margin:.75rem 0;padding:.75rem}}@media (min-width:1024px){.notification-benefits{border-radius:12px;margin:1rem 0;padding:1rem}}.benefit-item{border-bottom:1px solid hsla(var(--primary-hue),95%,50%,.1);align-items:flex-start;gap:.5rem;padding:.4rem 0;display:flex}@media (min-width:768px){.benefit-item{gap:.75rem;padding:.625rem 0}}@media (min-width:1024px){.benefit-item{gap:1rem;padding:.875rem 0}}.benefit-item:last-child{border-bottom:none;padding-bottom:0}.benefit-icon{flex-shrink:0;font-size:1rem}@media (min-width:768px){.benefit-icon{font-size:1.2rem}}@media (min-width:1024px){.benefit-icon{font-size:1.4rem}}.benefit-item span:last-child{color:var(--text-light);font-size:.7rem;line-height:1.4}@media (min-width:768px){.benefit-item span:last-child{font-size:.8rem}}@media (min-width:1024px){.benefit-item span:last-child{font-size:.9rem;line-height:1.5}}.notification-toggle{flex-shrink:0;justify-content:center;margin:.5rem 0;display:flex}@media (min-width:768px){.notification-toggle{margin:1rem 0}}@media (min-width:1024px){.notification-toggle{margin:1.5rem 0}}.toggle-label{cursor:pointer;background:hsla(var(--primary-hue),95%,50%,.08);border:1px solid hsla(var(--primary-hue),95%,50%,.2);transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}@media (min-width:768px){.toggle-label{border-radius:10px;gap:.75rem;padding:.75rem 1rem}}@media (min-width:1024px){.toggle-label{border-radius:12px;gap:1rem;padding:1rem 1.5rem}}.toggle-label:hover{background:hsla(var(--primary-hue),95%,50%,.12);border-color:var(--primary-color)}.toggle-label input[type=checkbox]{-webkit-appearance:none;appearance:none;background:hsla(var(--primary-hue),95%,50%,.2);border:1px solid hsla(var(--primary-hue),95%,50%,.3);cursor:pointer;width:40px;height:22px;transition:all var(--transition-normal);border-radius:11px;position:relative}@media (min-width:768px){.toggle-label input[type=checkbox]{border-radius:13px;width:48px;height:26px}}@media (min-width:1024px){.toggle-label input[type=checkbox]{border-radius:14px;width:52px;height:28px}}.toggle-label input[type=checkbox]:before{content:"";background:var(--text-gray);width:16px;height:16px;transition:all var(--transition-normal);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}@media (min-width:768px){.toggle-label input[type=checkbox]:before{width:20px;height:20px}}@media (min-width:1024px){.toggle-label input[type=checkbox]:before{width:22px;height:22px}}.toggle-label input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.toggle-label input[type=checkbox]:checked:before{background:var(--text-light);left:20px}@media (min-width:768px){.toggle-label input[type=checkbox]:checked:before{left:24px}}@media (min-width:1024px){.toggle-label input[type=checkbox]:checked:before{left:26px}}.toggle-text{color:var(--text-light);font-size:.8rem;font-weight:600}@media (min-width:768px){.toggle-text{font-size:.9rem}}@media (min-width:1024px){.toggle-text{font-size:1rem}}.step-buttons{flex-shrink:0;gap:.4rem;margin-top:auto;padding-top:.4rem;display:flex}@media (min-width:768px){.step-buttons{gap:.625rem;padding-top:.75rem}}@media (min-width:1024px){.step-buttons{gap:.75rem;padding-top:1rem}}.step-buttons button{flex:1}.btn-primary,.btn-large{background:var(--primary-color);width:100%;color:var(--text-light);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 15px hsla(var(--primary-hue),95%,50%,.3);border:none;border-radius:6px;min-height:40px;padding:.625rem .875rem;font-size:.8rem;font-weight:600}@media (min-width:768px){.btn-primary,.btn-large{border-radius:8px;min-height:44px;padding:.875rem 1.25rem;font-size:.95rem}}@media (min-width:1024px){.btn-primary,.btn-large{min-height:48px;padding:1rem 1.5rem;font-size:1rem}}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 5px 20px hsla(var(--primary-hue),95%,50%,.4);transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:hsla(var(--primary-hue),95%,50%,.1);width:100%;color:var(--text-light);border:1px solid hsla(var(--primary-hue),95%,50%,.3);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;min-height:40px;padding:.625rem .875rem;font-size:.8rem;font-weight:500}@media (min-width:768px){.btn-secondary{border-radius:8px;min-height:44px;padding:.875rem 1.25rem;font-size:.95rem}}@media (min-width:1024px){.btn-secondary{min-height:48px;padding:1rem 1.5rem;font-size:1rem}}.btn-secondary:hover:not(:disabled){background:hsla(var(--primary-hue),95%,50%,.2);transform:translateY(-2px)}.error-alert{background:#ef43431a;border:1px solid #ef43434d;border-radius:6px;flex-shrink:0;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;padding:.5rem;font-size:.75rem;display:flex}@media (min-width:768px){.error-alert{border-radius:8px;gap:.625rem;margin-bottom:.75rem;padding:.75rem;font-size:.85rem}}@media (min-width:1024px){.error-alert{gap:.75rem;margin-bottom:1rem;padding:1rem;font-size:.95rem}}.error-content{flex-direction:column;flex:1;gap:.5rem;display:flex}@media (min-width:768px){.error-content{gap:.625rem}}@media (min-width:1024px){.error-content{gap:.75rem}}.error-actions{flex-wrap:wrap;gap:.4rem;display:flex}.btn-retry,.btn-skip{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:4px;padding:.35rem .625rem;font-size:.7rem;font-weight:500}@media (min-width:768px){.btn-retry,.btn-skip{border-radius:6px;padding:.5rem .875rem;font-size:.8rem}}@media (min-width:1024px){.btn-retry,.btn-skip{padding:.5rem 1rem;font-size:.875rem}}.btn-retry{background:var(--accent-success);color:var(--text-light)}.btn-skip{background:var(--text-gray);color:var(--text-light)}.btn-loading{position:relative;color:#0000!important}.btn-loading:after{content:"";border:2px solid #ffffff4d;border-top-color:var(--text-light);border-radius:50%;width:1rem;height:1rem;margin-top:-.5rem;margin-left:-.5rem;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@media (min-width:1024px){.btn-loading:after{width:1.25rem;height:1.25rem;margin-top:-.625rem;margin-left:-.625rem}}@media (max-width:374px){.step-buttons{flex-direction:column}.step-buttons button{width:100%}}@media (hover:none) and (pointer:coarse){.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:none}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.98)}}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}input[type=date]{padding:.75rem .875rem;font-size:16px!important}.checking-status{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.checking-status p{color:#666;font-size:14px}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.connection-guard-overlay{-webkit-backdrop-filter:blur(4px);z-index:999998;pointer-events:auto;background:#000000b3;animation:.3s ease-out fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.connection-guard-modal{-webkit-backdrop-filter:blur(10px);z-index:999999;-webkit-overflow-scrolling:touch;pointer-events:auto;background:linear-gradient(135deg,#0f1a2efa 0%,#040a16fa 100%);border:1px solid #ffffff0f;border-radius:12px;width:90%;max-width:450px;max-height:90vh;padding:28px 24px 24px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUpFadeIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000080,0 0 40px #ef43431a}.connection-guard-content{text-align:center;color:#f1f5f9;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.connection-guard-debug{color:#fff;z-index:1;background:#ef4343;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:-18px;right:-14px}.connection-guard-icon-wrapper{justify-content:center;margin-bottom:8px;animation:2s infinite pulse;display:flex}.connection-guard-icon-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef43431a;border:1px solid #ef434333;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.connection-guard-title{color:#ef4343;text-shadow:0 2px 10px #ef43434d;margin:0;font-size:20px;font-weight:700}.connection-guard-description{color:#97a3b4;max-width:400px;margin:0;font-size:14px;line-height:1.5}.connection-guard-error-details{width:100%;max-width:400px;margin-top:-.5rem}.connection-guard-error-details details{cursor:pointer}.connection-guard-error-details summary{color:#6b7c94;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;font-size:.85rem}.connection-guard-error-details summary:hover{color:#97a3b4}.connection-guard-error-message{word-break:break-word;color:#8996a9;background:#0003;border-radius:4px;margin-top:8px;padding:8px;font-family:monospace;font-size:.75rem}.connection-guard-retry-count{color:#6b7c94;margin-top:-8px;font-size:.85rem}.connection-guard-actions{flex-direction:column;gap:12px;width:100%;max-width:350px;margin-top:8px;display:flex}.connection-guard-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.connection-guard-button.retry{color:#f1f5f9;background:#14eba326;border-color:#14eba34d}.connection-guard-button.retry:hover:not(:disabled){background:#14eba333;transform:translateY(-2px);box-shadow:0 4px 12px #14eba333}.connection-guard-button.reload{color:#f1f5f9;background:#06a8f926;border-color:#06a8f94d}.connection-guard-button.reload:hover:not(:disabled){background:#06a8f933;transform:translateY(-2px);box-shadow:0 4px 12px #06a8f933}.connection-guard-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.connection-guard-spinner{border:2px solid #0000;border-top-color:#f1f5f9;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.connection-guard-help{text-align:left;background:#0f1a2e80;border:1px solid #ffffff0f;border-radius:8px;width:100%;max-width:400px;margin-top:8px;padding:16px}.connection-guard-help p{color:#f1f5f9;margin:0 0 8px;font-size:13px;font-weight:600}.connection-guard-help ul{color:#97a3b4;margin:0;padding-left:0;font-size:13px;line-height:1.8;list-style:none}.connection-guard-banner{color:#fff;z-index:999997;background:linear-gradient(135deg,#ff8000 0%,#e67300 100%);padding:1rem;animation:.3s ease-out slideDown;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px #0000004d}.connection-guard-banner-debug{color:#fff;background:#ffffff4d;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.connection-guard-banner-content{justify-content:center;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex;position:relative}.connection-guard-banner-icon{flex-shrink:0;font-size:1.25rem}.connection-guard-banner-text{text-align:center;flex:1;font-size:.95rem;font-weight:500}.connection-guard-banner-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:all .2s;display:flex}.connection-guard-banner-close:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width:768px){.connection-guard-modal{width:90%;padding:24px 20px 20px}.connection-guard-title{font-size:18px}.connection-guard-description{font-size:13px}.connection-guard-help{font-size:12px}.connection-guard-banner-text{font-size:.85rem}}@media (max-width:480px){.connection-guard-modal{padding:20px 16px 16px}.connection-guard-title{font-size:16px}.connection-guard-icon-container{padding:10px}.connection-guard-icon-container svg{width:32px;height:32px}.connection-guard-button{padding:10px 20px;font-size:13px}}.case-detail-wrapper{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;height:100%;animation:.4s slideInDetail;display:flex;overflow:hidden;box-shadow:0 20px 40px #0006}@media (max-width:1023px){.case-detail-wrapper{display:none}.case-detail-wrapper.mobile-visible{z-index:10002;background:#0f172afa;border-radius:0;width:100vw;height:100dvh;margin:0;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUpMobile;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}}.detail-top-bar{background:#0f172acc;border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:.75rem;display:none}@media (max-width:1023px){.detail-top-bar{display:block}}.detail-back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#cbd5e1;cursor:pointer;background:#1e293be6;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;width:-webkit-fit-content;width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.detail-back-button:hover{color:#fff;background:#1e293b;transform:translate(-4px)}.detail-back-button:active{transform:translate(-2px)scale(.98)}@media (max-width:480px){.detail-back-button{gap:.375rem;padding:.4rem .75rem;font-size:.8rem}.detail-back-button svg{width:16px;height:16px}}.detail-back-text{white-space:nowrap}.detail-scroll-container{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.detail-image-card{aspect-ratio:16/9;border-radius:16px;width:calc(100% - 1.5rem);margin:.75rem auto 0;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}@media (max-width:768px){.detail-image-card{border-radius:12px;width:calc(100% - 1rem);margin:.5rem auto 0}}@media (max-width:480px){.detail-image-card{aspect-ratio:16/10;border-radius:10px;width:calc(100% - .75rem);margin:.375rem auto 0}}@media (max-height:600px){.detail-image-card{aspect-ratio:21/9}}.detail-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s}.detail-image-card:hover .detail-image{transform:scale(1.05)}.detail-image-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#0000 50%,#0f172a66 80%,#0f172ab3 100%);position:absolute;top:0;bottom:0;left:0;right:0}.detail-triage-badge{text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff3;border-radius:999px;padding:.3rem .75rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;left:.75rem;box-shadow:0 4px 12px #0006}@media (max-width:480px){.detail-triage-badge{padding:.25rem .625rem;font-size:.6rem;top:.5rem;left:.5rem}}.detail-triage-badge.critical{color:#fff;background:#dc2626e6}.detail-triage-badge.high{color:#fff;background:#ea580ce6}.detail-triage-badge.moderate{color:#fff;background:#f59e0be6}.detail-triage-badge.low{color:#fff;background:#059669e6}.detail-score-badge{color:#1e293b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbbf24e6;border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 4px 12px #0006}@media (max-width:480px){.detail-score-badge{gap:.25rem;padding:.25rem .625rem;font-size:.65rem;top:.5rem;right:.5rem}.detail-score-badge svg{width:12px;height:12px}}.detail-content{flex-direction:column;gap:.875rem;padding:1rem 1.25rem;display:flex}@media (max-width:768px){.detail-content{gap:.75rem;padding:.875rem 1rem}}@media (max-width:480px){.detail-content{gap:.625rem;padding:.75rem}}.detail-patient-header{border-bottom:1px solid #ffffff14;flex-direction:column;gap:.5rem;padding-bottom:.75rem;display:flex}@media (max-width:480px){.detail-patient-header{gap:.375rem;padding-bottom:.625rem}}.detail-case-name{color:#fff;text-shadow:0 2px 8px #0000004d;letter-spacing:-.02em;margin:0;font-size:max(1.25rem,min(4vw,1.75rem));font-weight:800;line-height:1.2}@media (max-width:480px){.detail-case-name{font-size:max(1.125rem,min(5vw,1.375rem))}}.detail-meta-row{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}@media (max-width:480px){.detail-meta-row{gap:.375rem;font-size:.75rem}}.detail-meta-item{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.detail-meta-item svg{width:14px;height:14px}@media (max-width:480px){.detail-meta-item svg{width:12px;height:12px}}.detail-meta-text{white-space:nowrap}.detail-meta-separator{color:#475569;flex-shrink:0}.detail-case-id{color:#64748b;white-space:nowrap;font-family:monospace;font-size:.75rem}@media (max-width:480px){.detail-case-id{font-size:.65rem}}.detail-complaint-box{background:#06b6d41a;border:1px solid #06b6d440;border-radius:12px;margin-top:.25rem;padding:.75rem 1rem}@media (max-width:480px){.detail-complaint-box{border-radius:10px;padding:.625rem .75rem}}.detail-complaint-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.6rem;font-weight:700}.detail-complaint-text{color:#22d3ee;font-size:max(.9rem,min(2.5vw,1.05rem));font-weight:600;line-height:1.4}.detail-vitals-grid{grid-template-columns:repeat(4,1fr);gap:.625rem;display:grid}@media (max-width:600px){.detail-vitals-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width:360px){.detail-vitals-grid{grid-template-columns:repeat(4,1fr);gap:.375rem}}.detail-vital-card{text-align:center;background:#1e293b99;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:.75rem .5rem;transition:all .3s;display:flex}@media (max-width:480px){.detail-vital-card{border-radius:10px;padding:.625rem .375rem}}@media (max-width:360px){.detail-vital-card{border-radius:8px;padding:.5rem .25rem}}.detail-vital-card:hover{background:#1e293bcc;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.vital-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;margin-bottom:.25rem;font-size:.6rem;font-weight:700}@media (max-width:360px){.vital-card-label{letter-spacing:0;font-size:.5rem}}.vital-card-value{color:#fff;letter-spacing:-.02em;white-space:nowrap;font-size:max(1rem,min(3vw,1.375rem));font-weight:700;line-height:1.1}@media (max-width:360px){.vital-card-value{font-size:.875rem}}.vital-card-unit{color:#64748b;margin-left:.125rem;font-size:max(.55rem,min(1.5vw,.7rem));font-weight:500}@media (max-width:360px){.vital-card-unit{margin-top:.125rem;margin-left:0;font-size:.5rem;display:block}}.detail-arrival-section{background:#1e293b80;border:1px solid #ffffff14;border-radius:12px;padding:.875rem 1rem}@media (max-width:480px){.detail-arrival-section{border-radius:10px;padding:.75rem}}.arrival-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.625rem;font-size:.7rem;font-weight:700}.arrival-details{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}@media (max-width:480px){.arrival-details{gap:.5rem 1rem}}.arrival-item{color:#cbd5e1;align-items:center;gap:.375rem;font-size:.85rem;display:flex}@media (max-width:480px){.arrival-item{font-size:.75rem}}.arrival-label{color:#94a3b8}.detail-meta-section{grid-template-columns:repeat(3,1fr);gap:.625rem;display:grid}@media (max-width:480px){.detail-meta-section{gap:.5rem}}@media (max-width:360px){.detail-meta-section{grid-template-columns:1fr 1fr}.meta-card.score{grid-column:span 2}}.meta-card{background:#1e293b80;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.375rem;padding:.875rem;display:flex}@media (max-width:480px){.meta-card{border-radius:10px;padding:.75rem .625rem}}.meta-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.55rem;font-weight:700}.meta-card-value{color:#e2e8f0;align-items:center;gap:.375rem;font-size:.9rem;font-weight:600;display:flex}@media (max-width:480px){.meta-card-value{gap:.25rem;font-size:.8rem}}.difficulty-stars{gap:.125rem;margin-left:auto;display:flex}.difficulty-stars .star-filled{color:#fbbf24;fill:#fbbf24}.difficulty-stars .star-empty{color:#475569}.score-earned{color:#fbbf24}.score-empty{color:#64748b}.meta-card.difficulty{border-left:3px solid #8b5cf6}.meta-card.time{border-left:3px solid #06b6d4}.meta-card.score{border-left:3px solid #f59e0b}.detail-actions{background:#0f172af2;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:.75rem;padding:.875rem 1.25rem 1rem;display:flex}@media (max-width:768px){.detail-actions{gap:.625rem;padding:.75rem 1rem}}@media (max-width:480px){.detail-actions{gap:.5rem;padding:.625rem .75rem .875rem}}.trial-banner{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}@media (max-width:480px){.trial-banner{gap:.5rem;padding:.5rem .75rem}}.trial-banner-text{color:#fcd34d;flex:1;font-size:.8rem;font-weight:600}@media (max-width:480px){.trial-banner-text{font-size:.7rem}}.trial-upgrade-button{color:#fcd34d;cursor:pointer;white-space:nowrap;background:#fbbf2433;border:1px solid #fbbf2466;border-radius:8px;flex-shrink:0;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s}@media (max-width:480px){.trial-upgrade-button{padding:.375rem .75rem;font-size:.7rem}}.trial-upgrade-button:hover{background:#fbbf244d;transform:scale(1.05)}.detail-button{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:52px;padding:1rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}@media (max-width:480px){.detail-button{border-radius:12px;min-height:48px;padding:.875rem 1.25rem;font-size:.85rem}}.detail-button-text{text-align:center}.detail-button.start{color:#22d3ee;background:linear-gradient(135deg,#06b6d433 0%,#06b6d41a 100%);border:2px solid #06b6d480;box-shadow:0 4px 20px #06b6d440}.detail-button.start:hover:not(:disabled){background:linear-gradient(135deg,#06b6d44d 0%,#06b6d426 100%);transform:translateY(-2px);box-shadow:0 8px 32px #06b6d466}.detail-button.start:active:not(:disabled){transform:translateY(0)}.detail-button.premium{color:#fcd34d;background:linear-gradient(135deg,#fbbf2433 0%,#fbbf241a 100%);border:2px solid #fbbf2480;box-shadow:0 4px 20px #fbbf2433}.detail-button.premium:hover{background:linear-gradient(135deg,#fbbf244d 0%,#fbbf2426 100%);transform:translateY(-2px);box-shadow:0 6px 24px #fbbf244d}.detail-button.coming-soon{color:#94a3b8;cursor:not-allowed;opacity:.7;background:#64748b26;border:2px solid #64748b4d}.detail-button:disabled{opacity:.6;cursor:not-allowed}.button-spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.case-detail-empty{opacity:.5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.empty-icon{opacity:.3;font-size:3.5rem;animation:3s ease-in-out infinite float}.empty-text{color:#64748b;text-align:center;max-width:260px;font-size:.9rem;line-height:1.5}@keyframes slideInDetail{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@supports (padding:max(0px)){@media (max-width:1023px){.case-detail-wrapper.mobile-visible .detail-top-bar{padding-top:max(.75rem,env(safe-area-inset-top));padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.case-detail-wrapper.mobile-visible .detail-scroll-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.case-detail-wrapper.mobile-visible .detail-actions{padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}}.cpr-detail-wrapper{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f172af2;border:1px solid #ef444433;border-radius:24px;flex-direction:column;height:100%;animation:.4s cprSlideInDetail;display:flex;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 60px #ef44441a}@media (max-width:1023px){.cpr-detail-wrapper{display:none}.cpr-detail-wrapper.mobile-visible{z-index:10002;background:#0f172afa;border-radius:0;width:100vw;height:100dvh;margin:0;animation:.4s cubic-bezier(.34,1.56,.64,1) cprSlideUpMobile;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}}.cpr-detail-top-bar{background:#0f172acc;border-bottom:1px solid #ef44441a;flex-shrink:0;padding:.75rem;display:none}@media (max-width:1023px){.cpr-detail-top-bar{display:block}}.cpr-detail-back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.5rem;width:-webkit-fit-content;width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.cpr-detail-back-button:hover{color:#fff;background:#ef444433;transform:translate(-4px)}.cpr-detail-back-button:active{transform:translate(-2px)scale(.98)}@media (max-width:480px){.cpr-detail-back-button{gap:.375rem;padding:.4rem .75rem;font-size:.8rem}.cpr-detail-back-button svg{width:16px;height:16px}}.cpr-detail-back-text{white-space:nowrap}.cpr-detail-scroll-container{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.cpr-detail-image-card{aspect-ratio:16/9;border:1px solid #ef444433;border-radius:16px;width:calc(100% - 1.5rem);margin:.75rem auto 0;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 20px #ef444426}@media (max-width:768px){.cpr-detail-image-card{border-radius:12px;width:calc(100% - 1rem);margin:.5rem auto 0}}@media (max-width:480px){.cpr-detail-image-card{aspect-ratio:16/10;border-radius:10px;width:calc(100% - .75rem);margin:.375rem auto 0}}@media (max-height:600px){.cpr-detail-image-card{aspect-ratio:21/9}}.cpr-detail-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s}.cpr-detail-image-card:hover .cpr-detail-image{transform:scale(1.05)}.cpr-detail-image-overlay{pointer-events:none;background:linear-gradient(#ef44441a 0%,#0000 30%,#0000 50%,#0f172a99 80%,#0f172ae6 100%);position:absolute;top:0;bottom:0;left:0;right:0}.cpr-detail-critical-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#dc2626f2;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.65rem;font-weight:700;animation:2s ease-in-out infinite cprPulse;display:flex;position:absolute;top:.75rem;left:.75rem;box-shadow:0 4px 12px #dc262680}@media (max-width:480px){.cpr-detail-critical-badge{padding:.25rem .625rem;font-size:.55rem;top:.5rem;left:.5rem}}.cpr-detail-score-badge{color:#1e293b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbbf24e6;border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 4px 12px #0006}@media (max-width:480px){.cpr-detail-score-badge{gap:.25rem;padding:.25rem .625rem;font-size:.65rem;top:.5rem;right:.5rem}.cpr-detail-score-badge svg{width:12px;height:12px}}.cpr-rhythm-category-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff3;border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;bottom:.75rem;left:.75rem}.cpr-rhythm-category-badge.shockable{color:#fff;background:#ef4444e6}.cpr-rhythm-category-badge.non-shockable{color:#fff;background:#64748be6}.cpr-rhythm-category-badge.mixed{color:#fff;background:linear-gradient(135deg,#ef4444e6,#64748be6)}.cpr-rhythm-category-badge.unknown{color:#fff;background:#3b82f6e6}@media (max-width:480px){.cpr-rhythm-category-badge{padding:.25rem .625rem;font-size:.6rem;bottom:.5rem;left:.5rem}}.cpr-detail-content{flex-direction:column;gap:1rem;padding:1rem 1.25rem;display:flex}@media (max-width:768px){.cpr-detail-content{gap:.875rem;padding:.875rem 1rem}}@media (max-width:480px){.cpr-detail-content{gap:.75rem;padding:.75rem}}.cpr-detail-header{border-bottom:1px solid #ef444426;flex-direction:column;gap:.5rem;padding-bottom:.75rem;display:flex}@media (max-width:480px){.cpr-detail-header{gap:.375rem;padding-bottom:.625rem}}.cpr-detail-name{color:#fff;text-shadow:0 2px 8px #ef44444d;letter-spacing:-.02em;margin:0;font-size:max(1.25rem,min(4vw,1.75rem));font-weight:800;line-height:1.2}@media (max-width:480px){.cpr-detail-name{font-size:max(1.125rem,min(5vw,1.375rem))}}.cpr-detail-meta-row{color:#fca5a5;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}@media (max-width:480px){.cpr-detail-meta-row{gap:.375rem;font-size:.75rem}}.cpr-detail-meta-item{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.cpr-meta-icon{color:#ef4444}.cpr-detail-meta-item svg{width:14px;height:14px}@media (max-width:480px){.cpr-detail-meta-item svg{width:12px;height:12px}}.cpr-detail-meta-text{white-space:nowrap}.cpr-detail-meta-separator{color:#475569;flex-shrink:0}.cpr-detail-case-id{color:#64748b;white-space:nowrap;font-family:monospace;font-size:.75rem}@media (max-width:480px){.cpr-detail-case-id{font-size:.65rem}}.cpr-rhythms-section{background:#ef444414;border:1px solid #ef444433;border-radius:12px;padding:.875rem 1rem}@media (max-width:480px){.cpr-rhythms-section{border-radius:10px;padding:.75rem}}.cpr-rhythms-header{color:#fca5a5;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.cpr-rhythms-header svg{color:#ef4444}.cpr-rhythms-grid{flex-wrap:wrap;gap:.5rem;display:flex}.cpr-rhythm-tag{border-radius:8px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.cpr-rhythm-tag.shockable{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}.cpr-rhythm-tag.shockable svg{color:#ef4444}.cpr-rhythm-tag.non-shockable{color:#cbd5e1;background:#64748b33;border:1px solid #64748b66}.cpr-rhythm-tag.non-shockable svg{color:#94a3b8}.cpr-rhythm-tag:hover{transform:translateY(-2px)}@media (max-width:480px){.cpr-rhythm-tag{gap:.25rem;padding:.375rem .625rem;font-size:.7rem}.cpr-rhythm-tag svg{width:10px;height:10px}}.cpr-info-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (max-width:360px){.cpr-info-grid{grid-template-columns:1fr;gap:.625rem}}.cpr-info-card{background:#1e293b99;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .3s;display:flex}@media (max-width:480px){.cpr-info-card{border-radius:10px;gap:.625rem;padding:.75rem}}.cpr-info-card:hover{background:#1e293bcc;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.cpr-info-card.duration{border-left:3px solid #06b6d4}.cpr-info-card.duration .cpr-info-icon{color:#06b6d4}.cpr-info-card.difficulty{border-left:3px solid #ef4444}.cpr-info-icon{opacity:.9;flex-shrink:0}.cpr-info-content{flex:1;min-width:0}.cpr-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.6rem;font-weight:700}.cpr-info-value{color:#e2e8f0;flex-direction:column;gap:.375rem;font-size:.95rem;font-weight:600;display:flex}@media (max-width:480px){.cpr-info-value{font-size:.85rem}}.cpr-difficulty-stars{gap:.125rem;display:flex}.cpr-difficulty-stars .star-filled{fill:currentColor}.cpr-difficulty-stars .star-empty{color:#475569}.cpr-skills-section{background:#1e293b80;border:1px solid #ffffff14;border-radius:12px;padding:.875rem 1rem}@media (max-width:480px){.cpr-skills-section{border-radius:10px;padding:.75rem}}.cpr-skills-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.cpr-skills-list{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (max-width:480px){.cpr-skills-list{grid-template-columns:1fr;gap:.375rem}}.cpr-skill-item{color:#cbd5e1;background:#ef44440d;border:1px solid #ef44441a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.75rem;transition:all .3s;display:flex}.cpr-skill-item:hover{background:#ef44441a;border-color:#ef444433}@media (max-width:480px){.cpr-skill-item{padding:.375rem .5rem;font-size:.7rem}}.cpr-skill-icon{flex-shrink:0;font-size:1rem}@media (max-width:480px){.cpr-skill-icon{font-size:.875rem}}.cpr-performance-section{background:#fbbf240d;border:1px solid #fbbf2426;border-radius:12px;padding:.875rem 1rem}@media (max-width:480px){.cpr-performance-section{border-radius:10px;padding:.75rem}}.cpr-performance-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.cpr-performance-content{justify-content:center;display:flex}.cpr-performance-score{flex-direction:column;align-items:center;gap:.5rem;display:flex}.cpr-score-circle{color:#fcd34d;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:2px solid #fbbf2466;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.cpr-score-value{margin-top:.25rem;font-size:1.25rem;font-weight:800}.cpr-score-label{color:#94a3b8;font-size:.75rem}.cpr-performance-empty{color:#64748b;flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.cpr-empty-score-icon{opacity:.5;font-size:2rem}.cpr-detail-actions{background:#0f172af2;border-top:1px solid #ef444426;flex-direction:column;flex-shrink:0;gap:.75rem;padding:.875rem 1.25rem 1rem;display:flex}@media (max-width:768px){.cpr-detail-actions{gap:.625rem;padding:.75rem 1rem}}@media (max-width:480px){.cpr-detail-actions{gap:.5rem;padding:.625rem .75rem .875rem}}.cpr-trial-banner{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}@media (max-width:480px){.cpr-trial-banner{gap:.5rem;padding:.5rem .75rem}}.cpr-trial-banner-text{color:#fcd34d;flex:1;font-size:.8rem;font-weight:600}@media (max-width:480px){.cpr-trial-banner-text{font-size:.7rem}}.cpr-trial-upgrade-button{color:#fcd34d;cursor:pointer;white-space:nowrap;background:#fbbf2433;border:1px solid #fbbf2466;border-radius:8px;flex-shrink:0;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s}@media (max-width:480px){.cpr-trial-upgrade-button{padding:.375rem .75rem;font-size:.7rem}}.cpr-trial-upgrade-button:hover{background:#fbbf244d;transform:scale(1.05)}.cpr-detail-button{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:52px;padding:1rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}@media (max-width:480px){.cpr-detail-button{border-radius:12px;min-height:48px;padding:.875rem 1.25rem;font-size:.85rem}}.cpr-detail-button-text{text-align:center}.cpr-detail-button.start{color:#fca5a5;background:linear-gradient(135deg,#ef444440 0%,#dc262626 100%);border:2px solid #ef444499;box-shadow:0 4px 20px #ef44444d,0 0 30px #ef444426}.cpr-detail-button.start:hover:not(:disabled){background:linear-gradient(135deg,#ef444459 0%,#dc262640 100%);transform:translateY(-2px);box-shadow:0 8px 32px #ef444466,0 0 40px #ef444433}.cpr-detail-button.start:active:not(:disabled){transform:translateY(0)}.cpr-detail-button.premium{color:#fcd34d;background:linear-gradient(135deg,#fbbf2433 0%,#fbbf241a 100%);border:2px solid #fbbf2480;box-shadow:0 4px 20px #fbbf2433}.cpr-detail-button.premium:hover{background:linear-gradient(135deg,#fbbf244d 0%,#fbbf2426 100%);transform:translateY(-2px);box-shadow:0 6px 24px #fbbf244d}.cpr-detail-button.coming-soon{color:#94a3b8;cursor:not-allowed;opacity:.7;background:#64748b26;border:2px solid #64748b4d}.cpr-detail-button:disabled{opacity:.6;cursor:not-allowed}.cpr-button-spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite cprSpin}.cpr-detail-empty{opacity:.5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.cpr-empty-icon{color:#ef4444;opacity:.3;animation:3s ease-in-out infinite cprFloat}.cpr-empty-text{color:#64748b;text-align:center;max-width:260px;font-size:.9rem;line-height:1.5}@keyframes cprSlideInDetail{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes cprSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cprFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cprSpin{to{transform:rotate(360deg)}}@keyframes cprPulse{0%,to{box-shadow:0 4px 12px #dc262680}50%{box-shadow:0 4px 20px #dc2626cc}}@supports (padding:max(0px)){@media (max-width:1023px){.cpr-detail-wrapper.mobile-visible .cpr-detail-top-bar{padding-top:max(.75rem,env(safe-area-inset-top));padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.cpr-detail-wrapper.mobile-visible .cpr-detail-scroll-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.cpr-detail-wrapper.mobile-visible .cpr-detail-actions{padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}}.procedure-detail-wrapper{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f172af2;border:1px solid #8b5cf633;border-radius:24px;flex-direction:column;height:100%;animation:.4s procedureSlideInDetail;display:flex;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 60px #8b5cf61a}@media (max-width:1023px){.procedure-detail-wrapper{display:none}.procedure-detail-wrapper.mobile-visible{z-index:10002;background:#0f172afa;border-radius:0;width:100vw;height:100dvh;margin:0;animation:.4s cubic-bezier(.34,1.56,.64,1) procedureSlideUpMobile;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}}.procedure-detail-top-bar{background:#0f172acc;border-bottom:1px solid #8b5cf61a;flex-shrink:0;padding:.75rem;display:none}@media (max-width:1023px){.procedure-detail-top-bar{display:block}}.procedure-detail-back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#c4b5fd;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;align-items:center;gap:.5rem;width:-webkit-fit-content;width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.procedure-detail-back-button:hover{color:#fff;background:#8b5cf633;transform:translate(-4px)}.procedure-detail-back-button:active{transform:translate(-2px)scale(.98)}@media (max-width:480px){.procedure-detail-back-button{gap:.375rem;padding:.4rem .75rem;font-size:.8rem}}.procedure-detail-back-text{white-space:nowrap}.procedure-detail-scroll-container{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.procedure-detail-image-card{aspect-ratio:16/9;border:1px solid #8b5cf633;border-radius:16px;width:calc(100% - 1.5rem);margin:.75rem auto 0;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 20px #8b5cf626}@media (max-width:768px){.procedure-detail-image-card{border-radius:12px;width:calc(100% - 1rem);margin:.5rem auto 0}}@media (max-width:480px){.procedure-detail-image-card{aspect-ratio:16/10;border-radius:10px;width:calc(100% - .75rem);margin:.375rem auto 0}}.procedure-detail-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s}.procedure-detail-image-card:hover .procedure-detail-image{transform:scale(1.05)}.procedure-detail-image-overlay{pointer-events:none;background:linear-gradient(#8b5cf61a 0%,#0000 30%,#0000 50%,#0f172a99 80%,#0f172ae6 100%);position:absolute;top:0;bottom:0;left:0;right:0}.procedure-detail-category-badge{color:#fff;background:#8b5cf6e6;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:.75rem;left:.75rem;box-shadow:0 4px 12px #8b5cf666}.procedure-category-icon{font-size:.875rem}@media (max-width:480px){.procedure-detail-category-badge{padding:.25rem .625rem;font-size:.6rem;top:.5rem;left:.5rem}}.procedure-detail-score-badge{color:#1e293b;background:#fbbf24e6;border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 4px 12px #0006}@media (max-width:480px){.procedure-detail-score-badge{padding:.25rem .625rem;font-size:.65rem;top:.5rem;right:.5rem}}.procedure-detail-content{flex-direction:column;gap:1rem;padding:1rem 1.25rem;display:flex}@media (max-width:768px){.procedure-detail-content{gap:.875rem;padding:.875rem 1rem}}@media (max-width:480px){.procedure-detail-content{gap:.75rem;padding:.75rem}}.procedure-detail-header{border-bottom:1px solid #8b5cf626;flex-direction:column;gap:.5rem;padding-bottom:.75rem;display:flex}.procedure-detail-name{color:#fff;text-shadow:0 2px 8px #8b5cf64d;letter-spacing:-.02em;margin:0;font-size:max(1.25rem,min(4vw,1.75rem));font-weight:800;line-height:1.2}@media (max-width:480px){.procedure-detail-name{font-size:max(1.125rem,min(5vw,1.375rem))}}.procedure-detail-meta-row{color:#c4b5fd;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}@media (max-width:480px){.procedure-detail-meta-row{font-size:.75rem}}.procedure-detail-meta-item{align-items:center;gap:.25rem;display:flex}.procedure-meta-icon{color:#8b5cf6}.procedure-detail-meta-separator{color:#475569}.procedure-detail-case-id{color:#64748b;font-family:monospace;font-size:.75rem}.procedure-info-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (max-width:360px){.procedure-info-grid{grid-template-columns:1fr}}.procedure-info-card{background:#1e293b99;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .3s;display:flex}.procedure-info-card:hover{background:#1e293bcc;transform:translateY(-2px)}.procedure-info-card.duration{border-left:3px solid #06b6d4}.procedure-info-card.duration .procedure-info-icon{color:#06b6d4}.procedure-info-card.difficulty{border-left:3px solid #8b5cf6}.procedure-info-icon{opacity:.9;flex-shrink:0}.procedure-info-content{flex:1}.procedure-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.6rem;font-weight:700}.procedure-info-value{color:#e2e8f0;flex-direction:column;gap:.375rem;font-size:.95rem;font-weight:600;display:flex}.procedure-difficulty-stars{gap:.125rem;display:flex}.procedure-difficulty-stars .star-filled{fill:currentColor}.procedure-difficulty-stars .star-empty{color:#475569}.procedure-steps-section{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:12px;padding:.875rem 1rem}.procedure-steps-header{color:#c4b5fd;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.procedure-steps-header svg{color:#8b5cf6}.procedure-steps-list{flex-direction:column;gap:.5rem;display:flex}.procedure-step-item{color:#cbd5e1;background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .625rem;font-size:.8rem;transition:all .3s;display:flex}.procedure-step-item:hover{background:#8b5cf61a;border-color:#8b5cf633}.procedure-step-number{color:#c4b5fd;background:#8b5cf64d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;display:flex}.procedure-step-text{flex:1}.procedure-objectives-section{background:#1e293b80;border:1px solid #ffffff14;border-radius:12px;padding:.875rem 1rem}.procedure-objectives-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.procedure-objectives-list{flex-direction:column;gap:.5rem;display:flex}.procedure-objective-item{color:#cbd5e1;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.procedure-objective-item .objective-icon{color:#22c55e;flex-shrink:0}.procedure-performance-section{background:#fbbf240d;border:1px solid #fbbf2426;border-radius:12px;padding:.875rem 1rem}.procedure-performance-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.procedure-performance-content{justify-content:center;display:flex}.procedure-performance-score{flex-direction:column;align-items:center;gap:.5rem;display:flex}.procedure-score-circle{color:#fcd34d;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:2px solid #fbbf2466;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.procedure-score-value{margin-top:.25rem;font-size:1.25rem;font-weight:800}.procedure-score-label{color:#94a3b8;font-size:.75rem}.procedure-performance-empty{color:#64748b;flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.procedure-empty-score-icon{opacity:.5;font-size:2rem}.procedure-detail-actions{background:#0f172af2;border-top:1px solid #8b5cf626;flex-direction:column;flex-shrink:0;gap:.75rem;padding:.875rem 1.25rem 1rem;display:flex}@media (max-width:480px){.procedure-detail-actions{padding:.625rem .75rem .875rem}}.procedure-trial-banner{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}.procedure-trial-banner-text{color:#fcd34d;flex:1;font-size:.8rem;font-weight:600}.procedure-trial-upgrade-button{color:#fcd34d;cursor:pointer;background:#fbbf2433;border:1px solid #fbbf2466;border-radius:8px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s}.procedure-trial-upgrade-button:hover{background:#fbbf244d;transform:scale(1.05)}.procedure-detail-button{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:52px;padding:1rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}@media (max-width:480px){.procedure-detail-button{border-radius:12px;min-height:48px;padding:.875rem 1.25rem;font-size:.85rem}}.procedure-detail-button.start{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf640 0%,#7c3aed26 100%);border:2px solid #8b5cf699;box-shadow:0 4px 20px #8b5cf64d,0 0 30px #8b5cf626}.procedure-detail-button.start:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf659 0%,#7c3aed40 100%);transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf666,0 0 40px #8b5cf633}.procedure-detail-button.premium{color:#fcd34d;background:linear-gradient(135deg,#fbbf2433 0%,#fbbf241a 100%);border:2px solid #fbbf2480;box-shadow:0 4px 20px #fbbf2433}.procedure-detail-button.premium:hover{background:linear-gradient(135deg,#fbbf244d 0%,#fbbf2426 100%);transform:translateY(-2px)}.procedure-detail-button.coming-soon{color:#94a3b8;cursor:not-allowed;opacity:.7;background:#64748b26;border:2px solid #64748b4d}.procedure-detail-button:disabled{opacity:.6;cursor:not-allowed}.procedure-button-spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite procedureSpin}.procedure-detail-empty{opacity:.5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.procedure-empty-icon{color:#8b5cf6;opacity:.3;animation:3s ease-in-out infinite procedureFloat}.procedure-empty-text{color:#64748b;text-align:center;max-width:260px;font-size:.9rem;line-height:1.5}@keyframes procedureSlideInDetail{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes procedureSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes procedureFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes procedureSpin{to{transform:rotate(360deg)}}@supports (padding:max(0px)){@media (max-width:1023px){.procedure-detail-wrapper.mobile-visible .procedure-detail-top-bar{padding-top:max(.75rem,env(safe-area-inset-top));padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.procedure-detail-wrapper.mobile-visible .procedure-detail-actions{padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}}.case-selection-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9998;background:#050b14d9;animation:.4s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.case-selection-modal{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:9999;background:#0f172afa;border:none;border-radius:0;flex-direction:column;max-height:100vh;padding:2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) floatIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 60px #06b6d426}.case-selection-modal:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 20%,#06b6d414 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.case-selection-modal:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 70% 80%,#3b82f60f 0%,#0000 50%);width:200%;height:200%;position:absolute;bottom:-50%;right:-50%}@media (max-width:1023px){.case-selection-modal{padding:1rem}}.case-selection-content{z-index:1;flex-direction:row;gap:1.5rem;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}@media (max-width:1023px){.case-selection-content{flex-direction:column}}.case-list-panel{flex-direction:column;flex-shrink:0;gap:1.5rem;width:100%;max-width:450px;min-height:0;display:flex;overflow:hidden}@media (max-width:1023px){.case-list-panel{max-width:100%;height:100%}}.case-list-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:24px;flex-shrink:0;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.case-list-header:before{content:"";background:linear-gradient(90deg,#3b82f6,#22d3ee,#10b981);width:100%;height:4px;position:absolute;top:0;left:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.header-title-section{align-items:center;gap:.75rem;display:flex}.header-icon{color:#fff;background:linear-gradient(to bottom right,#06b6d4,#2563eb);border-radius:12px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;box-shadow:0 10px 15px -3px #06b6d440}.header-title{letter-spacing:-.025em;color:#fff;margin:0;font-size:1.25rem;font-weight:700}.header-title-accent{color:#22d3ee}.status-indicator{background-color:#22c55e;border-radius:9999px;width:.5rem;height:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;box-shadow:0 0 10px #22c55e}.search-container{position:relative}.search-icon{color:#94a3b8;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{color:#cbd5e1;background-color:#02061780;border:1px solid #ffffff0d;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem;transition:all .3s}.search-input::placeholder{color:#64748b}.search-input:focus{border-color:#06b6d480;box-shadow:0 0 0 1px #06b6d480}.category-tabs-container{flex-direction:column;flex-shrink:0;gap:.75rem;display:flex}.category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;padding:.25rem 0;display:flex;overflow-x:auto;overflow-y:hidden}.category-tabs::-webkit-scrollbar{display:none}.category-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293b66;border:1px solid #ffffff0d;border-radius:10px;flex-shrink:0;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.category-tab:hover{color:#e2e8f0;background:#1e293b99;border-color:#ffffff1a}.category-tab.active{color:#22d3ee;background:#06b6d426;border:2px solid #06b6d466;box-shadow:0 4px 20px #06b6d440}.category-tab-icon{font-size:.95rem}.category-tab-count{background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}.category-tab.active .category-tab-count{color:#fff;background:#06b6d459}.case-list-scroll{flex-direction:column;flex:1;gap:1rem;min-height:0;max-height:100%;padding-right:.5rem;display:flex;overflow-x:hidden;overflow-y:auto}.case-list-scroll::-webkit-scrollbar{width:4px}.case-list-scroll::-webkit-scrollbar-track{background:0 0}.case-list-scroll::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px}.case-list-item{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a66;border:1px solid #ffffff0d;border-radius:16px;padding:1rem;transition:all .3s;animation:.5s backwards floatUp;position:relative}.case-list-item:hover{background:#1e293b99;border-color:#ffffff1a;transform:translate(8px)scale(1.02);box-shadow:0 8px 24px #0000004d}.case-list-item.selected{z-index:10;background:#1e293bcc;border:2px solid #06b6d44d;transform:translate(12px)scale(1.05);box-shadow:0 0 30px #06b6d433}.case-list-item.selected:before{content:"";background:#22d3ee;border-radius:2px;width:4px;height:48px;position:absolute;top:50%;left:-8px;transform:translateY(-50%);box-shadow:0 0 15px #22d3ee}.case-item-content{align-items:center;gap:1rem;display:flex}.case-item-image{flex-shrink:0;position:relative}.case-item-thumbnail{object-fit:cover;filter:grayscale(30%);border-radius:12px;width:56px;height:56px;transition:all .3s;box-shadow:0 4px 12px #0000004d}.case-list-item:hover .case-item-thumbnail{filter:grayscale(0%)}.case-list-item.selected .case-item-thumbnail{filter:grayscale(0%);box-shadow:0 0 0 2px #0f172a,0 0 0 4px #22d3ee}.case-item-triage{text-transform:uppercase;background:#000c;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;bottom:-4px;right:-4px}.case-item-triage.critical{color:#fb7185}.case-item-triage.high{color:#fb923c}.case-item-triage.moderate{color:#fbbf24}.case-item-triage.low{color:#34d399}.case-item-info{flex:1;min-width:0}.case-item-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.95rem;font-weight:700;transition:color .3s;overflow:hidden}.case-list-item:hover .case-item-name,.case-list-item.selected .case-item-name{color:#fff}.case-item-complaint{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .5rem;font-size:.75rem;overflow:hidden}.case-item-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.case-item-time{color:#475569;align-items:center;gap:.25rem;font-family:monospace;font-size:10px;display:flex}.case-item-status-dot{background:#334155;border-radius:50%;width:6px;height:6px}.case-item-status-dot.pending{background:#f59e0b;animation:2s infinite pulse}.case-item-chevron{color:#334155;opacity:0;flex-shrink:0;transition:all .3s;transform:translate(-8px)}.case-list-item:hover .case-item-chevron{opacity:1;transform:translate(0)}.case-list-item.selected .case-item-chevron{color:#22d3ee;opacity:1;transform:translate(0)}.case-list-item.locked{opacity:.7}.case-list-item.locked:after{content:"🔒";opacity:.5;font-size:1.2rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.case-detail-panel{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}@media (max-width:1023px){.case-detail-panel{display:none}.case-detail-panel.mobile-visible{z-index:10000;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0f172afa;border:1px solid #ffffff1a;border-radius:24px;padding:1.5rem;display:flex;position:fixed;top:1rem;bottom:1rem;left:1rem;right:1rem}}.case-detail-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;flex:1;animation:.4s slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.case-detail-container:after{content:"";z-index:-1;border:1px solid #ffffff0d;border-radius:24px;width:100%;height:100%;position:absolute;bottom:-16px;right:-16px}.case-detail-header{flex-shrink:0;width:100%;height:192px;position:relative;overflow:hidden}.case-detail-header-gradient{z-index:10;background:linear-gradient(#0000,#0f172a);position:absolute;top:0;bottom:0;left:0;right:0}.case-detail-header-image{object-fit:cover;opacity:.4;width:100%;height:100%}.case-detail-header-content{z-index:20;width:100%;padding:2rem;position:absolute;bottom:0;left:0}.case-detail-back{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:0;font-size:.9rem;transition:color .3s;display:none}.case-detail-back:hover{color:#fff}@media (max-width:1023px){.case-detail-back{display:flex}}.case-detail-header-info{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.case-detail-patient{flex:1;min-width:0}.case-detail-name-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.case-detail-name{color:#fff;letter-spacing:-.05em;text-shadow:0 4px 12px #00000080;margin:0;font-size:2rem;font-weight:900}@media (max-width:640px){.case-detail-name{font-size:1.5rem}}.case-detail-triage{color:#fff;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;padding:.375rem .875rem;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #0000004d}.case-detail-triage.critical{background:#dc2626}.case-detail-triage.high{background:#ea580c}.case-detail-triage.moderate{background:#f59e0b}.case-detail-triage.low{background:#059669}.case-detail-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.875rem;display:flex}.case-detail-meta-item{align-items:center;gap:.25rem;display:flex}.case-detail-gender{color:#cbd5e1;background:#33415580;border-radius:4px;padding:.125rem .5rem}.case-detail-id{color:#475569;font-family:monospace}.case-detail-complaint-section{display:none}@media (min-width:768px){.case-detail-complaint-section{text-align:right;display:block}}.case-detail-complaint-label{color:#64748b;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.case-detail-complaint-text{color:#22d3ee;font-size:1.25rem;font-weight:700}.case-detail-content{flex-direction:column;flex:1;gap:2rem;min-height:0;padding:2rem;display:flex;overflow-y:auto}.case-detail-content::-webkit-scrollbar{width:4px}.case-detail-content::-webkit-scrollbar-track{background:0 0}.case-detail-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px}.detail-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.75rem;font-weight:700;display:flex}.detail-section-title svg{color:#22d3ee}.case-detail-vitals{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:1280px){.case-detail-vitals{grid-template-columns:repeat(4,1fr)}}.vital-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:.75rem;padding:1rem;transition:all .3s;animation:.5s backwards floatUp;display:flex;box-shadow:0 8px 30px #0000001f}.vital-card:hover{background:#1e293bcc;border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 40px #0003}.vital-icon{color:#fff;border-radius:12px;flex-shrink:0;padding:.75rem;transition:transform .3s;box-shadow:0 4px 12px #0000004d}.vital-card:hover .vital-icon{transform:scale(1.1)}.vital-icon.bg-rose{background:#f43f5e33}.vital-icon.bg-indigo{background:#6366f133}.vital-icon.bg-orange{background:#f9731633}.vital-icon.bg-emerald{background:#10b98133}.vital-info{flex:1;min-width:0}.vital-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .25rem;font-size:10px;font-weight:700}.vital-value{color:#fff;letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:700}.vital-unit{color:#64748b;margin-left:.125rem;font-size:.75rem;font-weight:400}.case-detail-clinical{background:#0003;border:1px solid #ffffff0d;border-radius:16px;padding:1.5rem}.clinical-title{color:#fff;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.125rem;font-weight:700;display:flex}.clinical-title svg{color:#60a5fa}.clinical-notes{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;margin-bottom:1rem;padding:1rem}.clinical-notes-text{color:#bfdbfecc;margin:0;font-size:.875rem;line-height:1.625}.clinical-history-label{color:#64748b;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:700}.clinical-history-text{color:#cbd5e1;margin:0;font-size:.875rem}.case-detail-actions{flex-direction:column;flex-shrink:0;gap:1rem;padding:0 2rem 2rem;display:flex}.case-action-button{cursor:pointer;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:1rem;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.case-action-button.primary{color:#22d3ee;background:#06b6d426;border:2px solid #06b6d466;box-shadow:0 4px 20px #06b6d440,inset 0 1px #ffffff1a}.case-action-button.primary:hover{background:#06b6d440;border-color:#06b6d499;transform:translateY(-2px);box-shadow:0 8px 32px #06b6d466,inset 0 1px #ffffff26}.case-action-button.secondary{color:#cbd5e1;background:#1e293b99;border:1px solid #ffffff1a}.case-action-button.secondary:hover{background:#1e293bcc;border-color:#fff3}.case-action-button.premium{color:#fcd34d;background:#fbbf2426;border:2px solid #fbbf2466;box-shadow:0 4px 20px #fbbf2433,inset 0 1px #ffffff1a}.case-action-button.premium:hover{background:#fbbf2440;transform:translateY(-2px)}.case-action-button:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #fff3;border-top-color:#22d3ee;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin;display:inline-block}.case-detail-empty{text-align:center;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-content{opacity:.4;flex-direction:column;gap:1rem;display:flex}.empty-spinner{color:#64748b;border:2px dashed #475569;border-radius:50%;justify-content:center;align-items:center;width:128px;height:128px;margin:0 auto;animation:10s linear infinite spin;display:flex}.empty-text{color:#64748b;font-family:monospace;font-size:.875rem}.close-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#94a3b8;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;background:#1e293b99;border:1px solid #ffffff1a;border-radius:14px;flex-shrink:0;width:100%;margin-top:1rem;padding:1rem;font-size:.9rem;font-weight:600;transition:all .3s}.close-button:hover{color:#e2e8f0;background:#1e293bcc;border-color:#fff3;transform:translateY(-2px)}.case-badge{z-index:11;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#34d399;letter-spacing:.5px;text-transform:uppercase;background:#10b98126;border:2px solid #10b98166;border-radius:8px;padding:4px 10px;font-size:.65rem;font-weight:700;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #0000004d}.case-badge.premium{color:#fcd34d;background:#fbbf2426;border-color:#fbbf2466}.case-badge.founder{color:#c084fc;background:#a855f726;border-color:#a855f766}@keyframes floatIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.no-cases{color:#64748b;text-align:center;padding:3rem;font-size:1.1rem}.carousel-container,.swipe-indicators,.swipe-hint-wrapper,.carousel-dots-container{display:none!important}.case-category-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.case-item-rhythms{flex-wrap:wrap;gap:4px;display:flex}.case-item-name-row{align-items:center;gap:8px;display:flex}.case-category-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.category-badge-cpr{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.category-badge-cardio{color:#fff;background:linear-gradient(135deg,#ec4899,#db2777)}.category-badge-procedure{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.case-item-tags{flex-wrap:wrap;gap:4px;display:flex}.rhythm-tag{color:#fca5a5;background:#ef444433;border:1px solid #ef44444d;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:500}.procedure-category-tag{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:500}.category-tab.active[data-category=cpr]{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444480}.category-tab.active[data-category=procedure]{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border-color:#8b5cf680}.category-tab.active[data-category=cardiology]{background:linear-gradient(135deg,#ec489933,#db277733);border-color:#ec489980}.no-results{text-align:center;color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.no-results p{font-size:14px}.category-tab-name{display:inline}@media (max-width:480px){.category-tab-name{display:none}.category-tab{gap:4px;padding:8px 12px}.category-tab-icon{font-size:16px}.category-tab-count{font-size:10px}}