.coming-soon-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.15);width:100%;max-width:380px;position:relative;overflow:hidden;animation:comingSoonFadeInUp .6s ease-out .2s both}.coming-soon-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#56c9d9,#4db8c4 50%,#3ba6b3)}.coming-soon-card--dock-left{position:fixed;left:0;top:50%;z-index:15;width:min(200px,42vw);max-width:200px;padding:18px 16px 18px 12px;margin:0;border-radius:0 20px 20px 0;border:1px solid color-mix(in srgb,#56c9d9 22%,hsla(0,0%,100%,.65));border-left:none;transform:translateY(-50%) perspective(800px) rotateY(-2deg);transform-origin:left center;background:linear-gradient(102deg,color-mix(in srgb,#fff 55%,transparent),color-mix(in srgb,#fff 88%,#e8f7fb) 14%,#fff 28%,#fff);box-shadow:16px 0 48px rgba(46,90,120,.12),4px 0 24px rgba(86,201,217,.14),inset 1px 0 0 hsla(0,0%,100%,.85);backdrop-filter:blur(12px) saturate(1.2);animation:none;opacity:0;visibility:hidden;pointer-events:none}.coming-soon-card--dock-left.coming-soon-card--embedded{position:relative;top:auto;left:auto;z-index:auto;opacity:1;visibility:visible;pointer-events:auto;transform:perspective(800px) rotateY(-2deg)}.coming-soon-card--dock-left.coming-soon-card--embedded.coming-soon-card--play{animation:none}.coming-soon-card--dock-left.coming-soon-card--play:not(.coming-soon-card--embedded){visibility:visible;pointer-events:auto;animation:comingSoonDockIn .65s ease-out both;background:linear-gradient(102deg,color-mix(in srgb,#fff 55%,transparent),color-mix(in srgb,#fff 88%,#e8f7fb) 14%,#fff 28%,#fff);box-shadow:16px 0 48px rgba(46,90,120,.12),4px 0 24px rgba(86,201,217,.14),inset 1px 0 0 hsla(0,0%,100%,.85);backdrop-filter:blur(12px) saturate(1.2)}.coming-soon-card--dock-left:before{border-radius:0 20px 0 0}.coming-soon-header{margin-bottom:14px}.coming-soon-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#56c9d9,#4db8c4);color:#fff;padding:5px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.45px;text-transform:uppercase;margin-bottom:10px;box-shadow:0 4px 12px rgba(86,201,217,.3)}.coming-soon-title{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:4px;line-height:1.25}.coming-soon-subtitle{color:#64748b;font-size:11px;line-height:1.45}.features-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:flex-start;gap:10px;padding:10px 8px;margin-bottom:6px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;animation:none}.coming-soon-card--play .feature-item{animation:comingSoonFadeInUp .4s ease-out forwards}.feature-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#56c9d9,#4db8c4);opacity:0;transition:opacity .3s ease}.coming-soon-card--dock-left .feature-item:hover{transform:translateX(3px)}.feature-item:hover{background:#fff;border-color:#56c9d9;transform:translateX(4px);box-shadow:0 4px 12px rgba(86,201,217,.15)}.feature-item:hover:before{opacity:1}.feature-icon{width:32px;height:32px;background:linear-gradient(135deg,#56c9d9,#4db8c4);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(86,201,217,.25)}.feature-content{flex:1;min-width:0;padding-top:1px}.feature-title{font-size:12px;font-weight:600;color:#1e293b;margin-bottom:2px;line-height:1.3}.feature-description{font-size:10px;color:#64748b;line-height:1.4}@keyframes comingSoonFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes comingSoonDockIn{0%{opacity:0;transform:translateY(-50%) perspective(800px) rotateY(-4deg) translateX(-16px)}to{opacity:1;transform:translateY(-50%) perspective(800px) rotateY(-2deg) translateX(0)}}.login-page-frame{position:relative;min-height:0;flex:1 1 auto}.login-main{flex:1 1 auto;align-items:center;justify-content:center;min-height:0;width:100%;overflow-y:auto;padding-top:max(2.75rem,env(safe-area-inset-top,0px))}.login-main,.login-panel{display:flex;flex-direction:column}.login-panel{gap:.5rem;width:min(75vw,100%);max-width:75%;flex-shrink:0;margin-left:auto;margin-right:auto}@media (min-width:1024px){.login-panel{width:min(50vw,100%);max-width:50%}}.login-stack__subtitle{flex-shrink:0}.login-panel__logo{width:100%}.login-panel__logo .login-cinematic-logo__mark{height:clamp(4.5rem,28vmin,9.5rem)!important;width:min(24rem,calc(100vw - 2rem))!important}.login-card{flex-shrink:0;width:100%}@media (max-width:968px){.coming-soon-card--dock-left{position:relative;top:auto;left:auto;width:100%;max-width:min(200px,calc(100vw - 32px));margin:0 auto 20px;transform:none;border-radius:16px;border:1px solid color-mix(in srgb,#56c9d9 22%,#e2e8f0);padding:20px 18px}.coming-soon-card--dock-left:before{border-radius:16px 16px 0 0}}.dark .coming-soon-card{background:color-mix(in srgb,var(--ds-surface-primary) 92%,#0f172a);border:1px solid var(--ds-border);box-shadow:0 20px 60px rgba(0,0,0,.35)}.dark .coming-soon-card--dock-left{background:linear-gradient(102deg,color-mix(in srgb,var(--ds-surface-primary) 40%,transparent) 0,color-mix(in srgb,var(--ds-surface-primary) 92%,#0f172a) 22%,color-mix(in srgb,var(--ds-surface-primary) 96%,#0f172a) 100%);border-color:var(--ds-border);box-shadow:16px 0 48px rgba(0,0,0,.28)}.dark .coming-soon-title{color:var(--ds-text-primary)}.dark .coming-soon-subtitle,.dark .feature-description{color:var(--ds-text-secondary)}.dark .feature-item{background:color-mix(in srgb,var(--ds-surface-secondary) 80%,#0f172a);border-color:var(--ds-border)}.dark .feature-item:hover{background:var(--ds-surface-elevated);border-color:#56c9d9}.dark .feature-title{color:var(--ds-text-primary)}@media (prefers-reduced-motion:reduce){.coming-soon-card,.feature-item{animation:none;opacity:1}.coming-soon-card--dock-left,.coming-soon-card--dock-left.coming-soon-card--embedded,.coming-soon-card--dock-left.coming-soon-card--play{animation:none;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) perspective(800px) rotateY(-2deg)}.feature-item{transition:none}.coming-soon-card--dock-left .feature-item:hover,.feature-item:hover{transform:none}}