.vitty-intro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.95),rgba(var(--secondary-color-rgb),.98));display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.vitty-intro-content{text-align:center;padding:2rem;max-width:500px}.vitty-intro-character{margin-bottom:1.5rem;display:flex;justify-content:center;animation:floatAnimation 3s ease-in-out infinite}.vitty-intro-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.2);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.vitty-intro-subtitle{font-size:1.25rem;font-weight:500;color:hsla(0,0%,100%,.95);margin-bottom:2rem;text-shadow:0 1px 4px rgba(0,0,0,.15)}.vitty-intro-hint{font-size:.9rem;color:hsla(0,0%,100%,.7);margin-top:2rem;animation:pulseOpacity 2s ease-in-out infinite}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseOpacity{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:768px){.vitty-intro-title{font-size:2rem}.vitty-intro-subtitle{font-size:1.1rem}.vitty-intro-character{margin-bottom:1rem}}.preview-logo-container,.preview-plan-badge,.vita-card-bezel-soft{position:relative;border-radius:24px;border:1px solid rgba(0,0,0,.1);box-shadow:0 3px 8px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04),inset 1px 1px 1.5px hsla(0,0%,100%,.65),inset -1px -1px 1.5px rgba(0,0,0,.06),inset 0 0 0 1px hsla(0,0%,100%,.1)}.preview-logo-container:before,.preview-plan-badge:before,.vita-card-bezel-soft:before{content:"";position:absolute;inset:2px;border-radius:24px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08) 40%,rgba(255,255,255,0))}.vita-hover-lift{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.vita-hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06)}.vita-hover-lift:active{transform:translateY(-1px)}.vita-card-bezel{position:relative;border-radius:24px;border:1px solid rgba(0,0,0,.12);box-shadow:0 6px 14px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.05),inset 1.5px 1.5px 2.5px hsla(0,0%,100%,.8),inset -1.5px -1.5px 3px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.18)}.vita-card-bezel:before{content:"";position:absolute;inset:2px;border-radius:24px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.12) 42%,rgba(255,255,255,0))}.vita-card-bezel-max{position:relative;border:1px solid rgba(0,0,0,.16);box-shadow:0 12px 28px rgba(0,0,0,.18),0 4px 10px rgba(0,0,0,.1),0 1px 1px hsla(0,0%,100%,.1),inset 2px 2px 4px hsla(0,0%,100%,.9),inset -2px -2px 6px rgba(0,0,0,.18),inset 0 0 0 1px hsla(0,0%,100%,.24),inset 0 -1px 0 rgba(0,0,0,.06);border-radius:24px}.vita-card-bezel-max:before{content:"";position:absolute;inset:2px;border-radius:24px;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.45),rgba(255,255,255,.18) 35%,rgba(255,255,255,.057) 60%)}.is-readable:before{background:rgba(0,0,0,0)!important}.onboarding-preview-panel{display:flex;flex-direction:column;height:100%;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(250,250,250,.95));will-change:transform,opacity;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow-y:auto}.preview-hero h3{margin:0;font-size:1.3rem;font-weight:700;color:var(--text-color)}.preview-hero p{margin:0;font-size:.85rem;color:rgba(var(--text-color),.65)}.preview-hero .preview-logo-container{width:90px;height:90px}.preview-panel-header{margin-bottom:1.5rem}.preview-panel-header h3{margin:0 0 .25rem;font-size:1.2rem;font-weight:700;color:var(--text-color)}.preview-panel-header p{margin:0;font-size:.85rem;color:rgba(var(--text-color),.6)}.preview-section{margin-bottom:1rem}.preview-section:not(:last-child):after{content:"";display:block;margin-top:1rem;height:1px;background:linear-gradient(90deg,rgba(var(--primary-color-rgb),0) 0,rgba(var(--primary-color-rgb),.15) 50%,rgba(var(--primary-color-rgb),0) 100%)}.preview-section-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--text-color),.5);font-weight:600;margin-bottom:.5rem}.preview-account-name{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.preview-account-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:rgba(var(--primary-color-rgb),.08);border-radius:10px;font-size:.8rem;color:rgba(var(--text-color),.85);margin-bottom:.4rem}.preview-logo-container{width:120px;height:120px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.preview-logo-container img{width:100%;height:100%;object-fit:cover}.preview-logo-container:hover{transform:scale(1.05);box-shadow:0 8px 32px rgba(var(--primary-color-rgb),.25),inset 2px 2px 4px hsla(0,0%,100%,.9)}.preview-institution-name{font-size:1.5rem;font-weight:700;text-align:center;color:var(--text-color);margin-bottom:.5rem}.preview-subdomain{text-align:center;font-size:.75rem;color:rgba(var(--primary-color-rgb),.75);font-family:monospace;background:rgba(var(--primary-color-rgb),.08);padding:.3rem .6rem;border-radius:8px;display:inline-block;margin:0 auto .5rem;width:100%}.preview-palette{display:flex;gap:.4rem;justify-content:center;margin-top:.6rem}.preview-color-swatch{width:36px;height:36px;border-radius:10px;border:2px solid hsla(0,0%,100%,.5);box-shadow:0 3px 8px rgba(0,0,0,.15),inset 1px 1px 2px hsla(0,0%,100%,.4);will-change:transform;transform:translateZ(0);transition:transform .25s cubic-bezier(.22,1,.36,1)}.preview-color-swatch:hover{transform:translate3d(0,-3px,0) scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.25)}.preview-plan-badge{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(var(--primary-color-rgb),.08);border-radius:16px}.preview-plan-name{font-size:1.1rem;font-weight:700;color:var(--text-color)}.preview-plan-price{font-size:.9rem;color:rgba(var(--text-color),.7);font-weight:600}.preview-global-features{margin-top:.75rem;padding:.6rem .75rem;background:rgba(var(--primary-color-rgb),.03);border-radius:12px}.preview-global-features .preview-global-features-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.4rem}.preview-global-features .preview-global-features-header span{font-size:.7rem;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.03em}.preview-global-features .preview-global-features-grid{display:grid;grid-template-columns:1fr;grid-gap:.2rem;gap:.2rem}.preview-global-features .preview-global-features-grid .preview-global-feature-item{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:rgba(var(--text-color),.8);font-weight:500}@media(max-width:991px){.onboarding-preview-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:480px;width:90%;z-index:1050;display:none}.onboarding-preview-panel.show{display:block}}@media(max-width:767px){.onboarding-preview-panel{top:auto;bottom:0;left:0;right:0;transform:translateY(100%);max-height:60vh;border-radius:24px 24px 0 0;max-width:100%;width:100%}.onboarding-preview-panel.show{transform:translateY(0)}}.preview-floating-trigger{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;display:none;align-items:center;justify-content:center;background:#fff;z-index:1040;border:none;cursor:pointer;box-shadow:0 8px 24px rgba(var(--primary-color-rgb),.25),0 2px 8px rgba(0,0,0,.15);animation:previewButtonPulse 2s ease-in-out infinite}@keyframes previewButtonPulse{0%,to{box-shadow:0 8px 24px rgba(var(--primary-color-rgb),.25),0 0 0 0 rgba(var(--primary-color-rgb),0)}50%{box-shadow:0 8px 24px rgba(var(--primary-color-rgb),.25),0 0 0 12px rgba(var(--primary-color-rgb),.15)}}@media(max-width:991px){.preview-floating-trigger{display:flex}}