*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto}.header{text-align:center;margin-bottom:40px;padding:40px 20px 20px}.logo-container{align-items:center;gap:12px;margin-bottom:16px;display:inline-flex}.logo-svg{width:48px;height:48px}.logo-text{color:#fff;text-shadow:0 2px 4px #0000001a;font-size:2.5rem;font-weight:700}.tagline{color:#ffffffe6;margin-top:8px;font-size:1.1rem;font-weight:400}.card{background:#fff;border-radius:16px;margin-bottom:24px;padding:32px;box-shadow:0 10px 40px #00000026}.form-group{margin-bottom:24px}.form-label{color:#2d3748;margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:100px}.form-hint{color:#718096;margin-top:6px;font-size:.875rem}.color-input{cursor:pointer;border:2px solid #e2e8f0;border-radius:8px;width:100%;height:50px;transition:all .2s}.color-input:hover{border-color:#667eea}.checkbox-label{cursor:pointer;color:#2d3748;align-items:center;font-weight:500;display:flex}.checkbox-label input{cursor:pointer;width:18px;height:18px;margin-right:10px}.btn{cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#2d3748;background:#f7fafc;border:2px solid #e2e8f0}.btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0}.btn-success{color:#fff;background:linear-gradient(135deg,#38a169 0%,#2f855a 100%);box-shadow:0 4px 12px #38a16966}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #38a16980}.btn-success:disabled{opacity:.6;cursor:not-allowed}.button-group{gap:12px;margin-bottom:24px;display:flex}.button-group .btn{flex:1}.alert{border-radius:8px;margin-top:16px;padding:16px;font-weight:500}.alert-success{color:#22543d;background-color:#c6f6d5;border:1px solid #9ae6b4}.alert-error{color:#742a2a;background-color:#fed7d7;border:1px solid #fc8181}.premium-badge{color:#744210;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border-radius:12px;margin-left:8px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.feature-item{color:#4a5568;background:#f7fafc;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:.9rem;display:flex}.feature-icon{color:#667eea;font-size:1.2rem}.file-upload{text-align:center;cursor:pointer;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;padding:24px;transition:all .2s}.file-upload:hover{background:#edf2f7;border-color:#667eea}.file-upload-text{color:#4a5568;font-size:.95rem}@media (width<=768px){.card{padding:20px}.logo-text{font-size:2rem}.header{padding:20px 10px}}.field-error{color:#e53e3e;margin-top:4px;font-size:.8rem}.input-error{border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e26!important}.btn-secondary{color:#667eea;cursor:pointer;background:0 0;border:1px solid #667eea;border-radius:8px;padding:10px 20px;font-size:.9rem;transition:all .2s}.btn-secondary:hover{background:#667eea14}