.flowb-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background:var(--app-bg)}@media (min-width:768px){.flowb-container{flex-direction:row}}.flowb-branding-panel{background:linear-gradient(135deg,var(--app-bg) 0,#151A22 100%);color:var(--primary-text);padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;flex-shrink:0}@media (min-width:768px){.flowb-branding-panel{padding:3rem;align-items:flex-start;text-align:left;flex:1;max-width:50%}}.flowb-branding-panel h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-text)}@media (min-width:768px){.flowb-branding-panel h1{font-size:2.5rem;margin-bottom:1rem}}.flowb-branding-panel p{font-size:1rem;max-width:400px;color:var(--secondary-text)}@media (min-width:768px){.flowb-branding-panel p{font-size:1.125rem}}.flowb-form-panel{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:1.5rem;background-color:var(--app-bg);min-height:auto;box-sizing:border-box}@media (min-width:768px){.flowb-form-panel{align-items:center;padding:2rem;min-height:100vh}}.flowb-card{width:100%;max-width:450px;background:var(--app-surface);border-radius:var(--border-radius);border:1px solid var(--app-border);padding:1.5rem;transition:border-color .2s}@media (min-width:768px){.flowb-card{padding:2.5rem}}.flowb-progress-container .progress-bar{height:.75rem;border-radius:999px;background-color:var(--app-border)}.flowb-progress-container .progress-bar>div{background-color:var(--cyber-emerald)}.flowb-progress-container .progress-text{color:var(--secondary-text)}.flowb-scroll-area::-webkit-scrollbar{width:8px}.flowb-scroll-area::-webkit-scrollbar-track{background:var(--app-surface);border-radius:4px}.flowb-scroll-area::-webkit-scrollbar-thumb{background:var(--app-border);border-radius:4px}.flowb-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--secondary-text)}