body{color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-container{max-width:1200px;margin:0 auto;padding:20px}.page-title{text-align:center;margin-bottom:40px}.page-title h1{color:#ff6b6b;margin-bottom:8px;font-size:32px}.page-title p{color:#666;font-size:16px}.card{background:#fff;border-radius:16px;margin-bottom:20px;padding:24px;box-shadow:0 4px 20px #0000000d}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);border:none;border-radius:25px;padding:12px 32px;font-size:16px;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b4d}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:20px;display:grid}.theme-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;padding:24px;transition:all .3s}.theme-card:hover{border-color:#667eea;transform:translateY(-4px)}.theme-card.selected{background:#f5f0ff;border-color:#667eea}.theme-icon{margin-bottom:12px;font-size:48px}.theme-name{color:#333;font-size:16px;font-weight:500}.form-group{margin-bottom:20px}.form-label{color:#333;margin-bottom:8px;font-weight:500;display:block}.form-input{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:border-color .3s}.form-input:focus{border-color:#ff6b6b;outline:none}.steps-container{justify-content:center;margin-bottom:40px;display:flex}.step{align-items:center;display:flex}.step-number{color:#999;background:#eee;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.step.active .step-number{color:#fff;background:#ff6b6b}.step.completed .step-number{color:#fff;background:#52c41a}.step-line{background:#eee;width:60px;height:2px;margin:0 10px}.step.completed+.step-line{background:#52c41a}.navbar{background:#fff;margin-bottom:40px;padding:16px 0;box-shadow:0 2px 8px #0000000d}.navbar-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo{color:#667eea;font-size:24px;font-weight:700}.nav-links{gap:30px;display:flex}.nav-link{color:#666;font-size:16px;text-decoration:none;transition:color .3s}.nav-link:hover{color:#667eea}:root{color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body,#root{min-height:100vh}