:root{--primary: #5B4B9E;--primary-light: #7B6BBE;--primary-dark: #3B2B7E;--secondary: #3A7BD5;--accent: #FFD700;--accent-glow: rgba(255, 215, 0, .3);--cost-1: #808080;--cost-2: #159934;--cost-3: #2770c0;--cost-4: #a320b6;--cost-5: #e8b017;--bg-dark: #0a0a1a;--bg-card: rgba(30, 30, 60, .8);--bg-glass: rgba(255, 255, 255, .05);--surface: #1a1a2e;--surface-hover: #252540;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-subtle: rgba(255, 255, 255, .1);--border-accent: rgba(91, 75, 158, .5);--glow-primary: 0 0 20px rgba(91, 75, 158, .5);--glow-accent: 0 0 20px rgba(255, 215, 0, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(91,75,158,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(58,123,213,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.glass-card:hover{border-color:var(--border-accent);box-shadow:var(--glow-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 4px 15px #5b4b9e66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5b4b9e99}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary)}.btn-accent{background:linear-gradient(135deg,var(--accent) 0%,#FFA500 100%);color:#1a1a2e;font-weight:600}.btn-accent:hover{box-shadow:var(--glow-accent)}.input{width:100%;padding:var(--space-md);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5b4b9e33}.input::placeholder{color:var(--text-muted)}textarea.input{min-height:120px;resize:vertical}.step-wizard{display:flex;justify-content:center;gap:var(--space-lg);padding:var(--space-xl) 0;margin-bottom:var(--space-xl)}.step-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative}.step-item:not(:last-child):after{content:"";position:absolute;top:20px;left:calc(50% + 30px);width:calc(100% - 20px);height:2px;background:var(--border-subtle)}.step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background:var(--surface);border:2px solid var(--border-subtle);transition:all var(--transition-normal);z-index:1}.step-item.active .step-number{background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-primary)}.step-item.completed .step-number{background:var(--cost-2);border-color:var(--cost-2)}.step-item.completed .step-number:before{content:"✓"}.step-title{font-size:.85rem;color:var(--text-muted);text-align:center;max-width:100px}.step-item.active .step-title{color:var(--text-primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.skill-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--border-subtle)}.skill-card:hover{transform:translateY(-4px);box-shadow:var(--glow-primary)}.skill-card-header{padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle)}.skill-card-name{font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.skill-card-id{font-size:.75rem;color:var(--text-muted);background:var(--surface);padding:2px 6px;border-radius:var(--radius-sm)}.skill-card-body{padding:var(--space-md)}.skill-card-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:var(--space-md)}.skill-card-stats{display:flex;gap:var(--space-sm);flex-wrap:wrap}.stat-badge{font-size:.75rem;padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface)}.stat-badge.star-1{border-left:3px solid #9e9e9e}.stat-badge.star-2{border-left:3px solid #4caf50}.stat-badge.star-3{border-left:3px solid #ffd700}.skill-card-footer{padding:var(--space-md);display:flex;gap:var(--space-xs);flex-wrap:wrap;background:#0003}.trait-tag{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-full);background:var(--primary);color:#fff}.cost-1{border-top:3px solid var(--cost-1)}.cost-2{border-top:3px solid var(--cost-2)}.cost-3{border-top:3px solid var(--cost-3)}.cost-4{border-top:3px solid var(--cost-4)}.cost-5{border-top:3px solid var(--cost-5)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;background:#0a0a1ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);z-index:1000}.loading-text{color:var(--text-secondary);font-size:1.1rem}.progress-bar{width:300px;height:6px;background:var(--surface);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);transition:width var(--transition-normal)}.image-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.image-item{aspect-ratio:1;background:#fff;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.image-item img{max-width:100%;max-height:100%;object-fit:contain}.tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-lg)}.tab{padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--text-muted);cursor:pointer;position:relative;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-light)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}.step-wizard{flex-wrap:wrap;gap:var(--space-md)}.step-item:not(:last-child):after{display:none}.image-gallery,.card-grid{grid-template-columns:1fr}}