.flow-shell{height:100vh;font-family:var(--ui-font,"Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif);color:var(--text-primary,#333);background:var(--bg-white,#fff);-webkit-font-smoothing:antialiased;flex-direction:column;padding-top:61px;display:flex;overflow:hidden}.flow-top-bar{background:var(--flow-bar-gradient,linear-gradient(90deg, #5ec269 0%, #5ec269 65%, #7ed888 100%));z-index:100;box-shadow:var(--flow-bar-shadow,0 2px 12px #5ec26926);padding:16px 0;position:fixed;top:0;left:0;right:0}.flow-top-bar__inner{align-items:center;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.flow-top-bar__logo{align-items:center;margin-right:auto;display:flex}.flow-top-bar__logo-text{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:700}.flow-top-bar__right{color:#ffffffd9;align-items:center;gap:16px;margin-left:auto;font-size:13px;display:flex}.flow-top-bar__step-label{color:#fff;font-weight:600}.flow-top-bar__exit{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff6;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .18s}.flow-top-bar__exit:hover{background:#ffffff47;border-color:#fff9;transform:translateY(-1px)}.flow-progress{z-index:100;background:0 0;height:3px;transition:opacity .3s;position:fixed;top:58px;left:0;right:0}.flow-progress__fill{background:var(--rlgl-green,#5ec269);border-radius:0 2px 2px 0;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.flow-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.flow-content{flex:1;justify-content:center;align-items:stretch;min-height:0;max-height:100%;display:flex;overflow:hidden}.flow-section--split{align-items:flex-start;gap:48px;width:100%;max-width:1200px;height:100%;min-height:0;margin:0 auto;padding:0 32px;animation:.45s cubic-bezier(.4,0,.2,1) .1s both flowFadeIn;display:flex;overflow:hidden}.flow-section__left{background:linear-gradient(165deg,#1e251e 0%,#263126 55%,#202b25 100%);flex:0 0 38%;align-self:stretch;min-width:0;margin-left:-32px;padding:40px 28px 28px 36px;animation:.32s both flowPanelFade;position:relative;overflow:hidden}.flow-section__left:after{content:"";pointer-events:none;z-index:1;border-top:1px solid #ffffff0a;border-right:1px solid #ffffff0a;position:absolute;inset:0}.flow-section__left:before{content:"";pointer-events:none;z-index:0;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.flow-section__left .flow-label{color:#5ec269bf;text-transform:uppercase;letter-spacing:1.2px;z-index:1;margin-bottom:12px;font-size:12px;font-weight:600;position:relative}.flow-section__left .flow-hero{color:#fff;letter-spacing:-.7px;z-index:1;margin-bottom:8px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.1;position:relative}.flow-section__left .flow-hero-sub{color:#ffffffbf;letter-spacing:-.3px;z-index:1;margin-top:6px;font-size:clamp(19px,2.6vw,28px);font-weight:600;line-height:1.2;position:relative}.flow-section__left .flow-tagline{color:#ffffff8c;z-index:1;margin-top:12px;font-size:16px;font-weight:500;line-height:1.5;position:relative}.flow-section__right{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border,#e0e4e8) var(--bg-muted,#f2f4f5);background:#fcfcfb;flex:1;min-width:0;height:100%;min-height:0;max-height:calc(100vh - 131px);padding:24px 16px 16px 0;animation:.45s cubic-bezier(.4,0,.2,1) .2s both flowFadeIn;overflow:hidden auto}.flow-section--confirm{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:40px 32px;animation:.45s cubic-bezier(.4,0,.2,1) both flowFadeIn;display:flex;overflow-y:auto}.flow-confirm-default{max-width:480px;margin:80px auto 0}.flow-confirm-check{background:var(--rlgl-green,#5ec269);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:32px;display:flex}.flow-confirm-default h1{margin-bottom:8px;font-size:28px;font-weight:700}.flow-confirm-default p{color:var(--text-secondary,#666);font-size:16px;line-height:1.5}.flow-bottom-nav{border-top:1px solid var(--border-light,#eaecef);background:var(--bg-white,#fff);flex-shrink:0;padding:16px 0}.flow-bottom-nav__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.flow-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 32px;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex}.flow-btn--primary{background:var(--rlgl-green,#5ec269);color:#fff}.flow-btn--primary:hover{background:var(--rlgl-green-hover,#4aad54)}.flow-btn--primary:disabled{background:var(--border,#e0e4e8);color:var(--text-muted,#98a1ae);cursor:not-allowed;opacity:.6}.flow-btn--secondary{color:var(--text-secondary,#666);border:1.5px solid var(--border,#e0e4e8);background:0 0}.flow-btn--secondary:hover{border-color:var(--text-muted,#98a1ae);background:var(--bg-light,#f7f8f9)}.flow-form-group{margin-bottom:16px}.flow-form-label{color:var(--text-primary,#333);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.flow-form-hint{color:var(--text-muted,#98a1ae);margin-bottom:8px;font-size:12px;line-height:1.4}.flow-form-input{border:1.5px solid var(--border,#e0e4e8);width:100%;color:var(--text-primary,#333);background:var(--bg-white,#fff);border-radius:8px;outline:none;padding:8px 16px;font-size:15px;transition:border-color .18s,box-shadow .18s}.flow-form-input:focus{border-color:var(--rlgl-coral,#ff666e);box-shadow:0 0 0 3px #ff666e1f}.flow-form-input::placeholder{color:#b0b8c1;font-size:14px;font-style:italic;font-weight:400}.flow-form-input.error,.flow-form-input.error:focus{background:#ffebee;border-color:#ef5350}.flow-field-error{color:#c62828;align-items:center;gap:5px;margin-top:8px;font-size:13px;font-weight:500;animation:.25s flowErrorFadeIn;display:flex}textarea.flow-form-input{resize:vertical;min-height:100px;line-height:1.5}.flow-form-row{gap:16px;display:flex}.flow-form-row>.flow-form-group{flex:1}.flow-section-divider{background:var(--border-light,#eaecef);height:1px;margin:32px 0}.flow-tag-container{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.flow-tag{border:1.5px solid var(--border,#e0e4e8);background:var(--bg-white,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.flow-tag:hover{border-color:var(--rlgl-coral,#ff666e);background:var(--rlgl-coral-light,#fff0f0)}.flow-tag.selected{background:var(--rlgl-green,#5ec269);color:#fff;border-color:var(--rlgl-green,#5ec269)}.flow-form-progress{border-bottom:1px solid var(--border-light,#eaecef);margin-bottom:16px;padding-bottom:8px}.flow-form-title{margin-bottom:4px;font-size:24px;font-weight:700}.flow-form-subtitle{color:var(--text-muted,#98a1ae);margin-bottom:16px;font-size:14px;line-height:1.5}@keyframes flowFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes flowPanelFade{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes flowErrorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-height:900px){.flow-section__left{padding-top:32px}.flow-section__right{padding:16px 0 8px}.flow-section--split{gap:32px}.flow-form-group,.flow-form-subtitle{margin-bottom:8px}}@media (max-height:600px){.flow-section__left{padding-top:20px}.flow-section__right{padding:8px 0}.flow-section--split{gap:24px}}@media (max-width:768px){.flow-section--split{flex-direction:column;gap:24px;padding:0 24px}.flow-section__left{border-radius:0;flex:none;width:100%;margin-left:0;padding:32px 24px;position:static}.flow-section__right{width:100%;max-height:none}.flow-form-row{flex-direction:column;gap:0}}.flow-btn:focus-visible,.flow-tag:focus-visible,.flow-top-bar__exit:focus-visible{outline:none;box-shadow:0 0 0 3px #ff666e40}.flow-form-input:focus-visible{border-color:var(--rlgl-coral,#ff666e);outline:none;box-shadow:0 0 0 3px #ff666e1f}@media (prefers-reduced-motion:reduce){.flow-shell *,.flow-shell :before,.flow-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}