*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8f9fa;color:#212529}*{box-sizing:border-box}#root{max-width:430px;margin:0 auto;min-height:100vh;padding:0}.app{display:flex;flex-direction:column;min-height:100vh;background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-header{background:#fff;color:#000;padding:.75rem 2rem;text-align:center;border-bottom:1px solid #f0f0f0}.app-logo{height:60px;width:auto;margin:0;transition:transform .2s ease}.app-logo:hover{transform:scale(1.05)}.app-logo:active{animation:logo-bounce .3s ease}@keyframes logo-bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-jiggle{0%{transform:rotate(0)}20%{transform:rotate(2deg)}40%{transform:rotate(0)}60%{transform:rotate(-2deg)}80%{transform:rotate(0)}to{transform:rotate(0)}}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:85vh;padding:1rem 1.5rem 2rem;text-align:center}.welcome-logo-container{margin-bottom:.5rem;margin-top:.5rem}.welcome-logo{height:140px;width:auto;animation:logo-jiggle 3s cubic-bezier(.4,0,.2,1) infinite;transition:filter .3s ease}.welcome-logo:hover{filter:brightness(1.1);animation-duration:1.5s}.welcome-content{width:110%;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.welcome-title{font-size:1.8rem;font-weight:700;color:#000;margin:0;letter-spacing:-.03em}.welcome-subtitle{font-size:1.1rem;color:#666;margin:0 0 .25rem;line-height:1.3}.welcome-features{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;flex-shrink:1}.welcome-feature{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f8f9fa;border-radius:12px;text-align:left;width:100%;margin:0 -.25rem}.welcome-feature i{font-size:1.4rem;color:#007bff;min-width:24px}.welcome-feature span{font-size:1rem;color:#333;line-height:1.3;font-weight:500}.app-header p{margin:-1rem 0 0rem;font-size:1.1rem;color:#666;font-weight:400}.app-main{flex:1;padding:2rem;display:flex;flex-direction:column}.step-container{background:#fff;border-radius:0;padding:0;box-shadow:none;margin-bottom:2rem}.step-title{font-size:1.5rem;font-weight:600;margin:0 0 .75rem;color:#000;letter-spacing:-.02em;line-height:1.3}.step-description{color:#666;margin:0 0 2rem;line-height:1.4;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .15s ease;min-height:52px;letter-spacing:-.01em}.btn-primary{background:#000;color:#fff}.btn-primary:hover{background:#333;transform:translateY(-1px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.btn-secondary:hover{background:#eee;transform:translateY(-1px)}.btn-outline{background:transparent;color:#000;border:1px solid #e0e0e0}.btn-outline:hover{background:#f5f5f5;transform:translateY(-1px)}.btn-large{padding:1.25rem 2rem;font-size:1rem;min-height:56px}.btn-block{width:100%}.navigation-buttons{display:flex;gap:1rem;margin-top:3rem}.navigation-buttons .btn{flex:1}.loading{text-align:center;padding:3rem 0;color:#666}.error{background:#fff;color:#000;padding:1.5rem;border-radius:16px;margin:2rem 0;text-align:left;border:1px solid #f0f0f0}.success{background:#fff;color:#000;padding:1.5rem;border-radius:16px;margin:2rem 0;text-align:left;border:1px solid #e8f5e8}input[type=text],textarea{width:100%;padding:1rem;border:1px solid #e0e0e0;border-radius:12px;font-size:1rem;font-family:inherit;background:#fff;color:#000;transition:border-color .15s ease}input[type=text]:focus,textarea:focus{outline:none;border-color:#007bff}label{display:block;font-weight:500;margin-bottom:.5rem;color:#000;font-size:1rem}.breadcrumbs{display:flex;justify-content:center;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:0 1rem;position:relative}.breadcrumbs:before{content:"";position:absolute;top:16px;left:calc(12.5% + 16px);right:calc(12.5% + 16px);height:2px;background:linear-gradient(to right,#28a745 0%,#28a745 var(--progress, 0%),#f0f0f0 var(--progress, 0%),#f0f0f0 100%);z-index:1}.breadcrumb-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:80px;position:relative;z-index:2}.breadcrumb-number{width:32px;height:32px;border-radius:50%;background:#f0f0f0;color:#999;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;transition:all .2s ease}.breadcrumb-label{font-size:.8rem;color:#999;text-align:center;font-weight:500;transition:all .2s ease}.breadcrumb-item.active .breadcrumb-number{background:#000;color:#fff}.breadcrumb-item.active .breadcrumb-label{color:#000}.breadcrumb-item.completed .breadcrumb-number{background:#28a745;color:#fff}.breadcrumb-item.completed .breadcrumb-label{color:#666}.back-button{background:transparent;border:none;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 0;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem;transition:color .15s ease}.back-button:hover{color:#000}.back-button i{font-size:.8rem}@media (max-height: 700px){.welcome-logo{height:120px}.welcome-title{font-size:1.8rem;margin:0 0 .5rem}.welcome-subtitle{font-size:1.1rem;margin:0 0 .5rem}.welcome-features{gap:.15rem;margin-bottom:.5rem}.welcome-feature{padding:.75rem 1rem}.welcome-feature span{font-size:.9rem}.welcome-screen{padding:.5rem 1.5rem 1.5rem}}@media (max-height: 600px){.welcome-logo{height:100px}.welcome-title{font-size:1.6rem}.welcome-subtitle{font-size:1rem}.welcome-feature{padding:.5rem .75rem}.welcome-feature span{font-size:.85rem}}.welcome-content .btn{margin-top:auto;flex-shrink:0}