*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#667eea;--secondary:#764ba2;--accent:#f093fb;--dark:#1a1a1a;--light:#f8f9fa;--text:#333;--text-light:#666;--border:#e0e0e0;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.7;color:var(--text);background:#fff;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;padding:1rem 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.nav{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--text);text-decoration:none;font-weight:500;transition:color .3s}.nav-link:hover{color:var(--primary)}.user-info{display:flex;align-items:center;gap:1rem}.user-balance{color:var(--text-light);font-size:.9rem}.btn{padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;transition:.3s;border:none;cursor:pointer;font-size:1rem;display:inline-block;text-align:center}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.btn-outline{background:0 0;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-sm{padding:8px 16px;font-size:.9rem}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--error);color:#fff}.main-content{flex:1;padding:2rem 0}.form-container{max-width:500px;margin:2rem auto;background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text)}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .3s}.form-input:focus{outline:0;border-color:var(--primary)}.form-error{color:var(--error);font-size:.9rem;margin-top:.5rem}.form-success{color:var(--success);font-size:.9rem;margin-top:.5rem}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.card-title{font-size:1.5rem;font-weight:700;color:var(--dark)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}.stat-value{font-size:2.5rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--text-light);font-size:.9rem;margin-top:.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.project-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-top:.5rem}.status-draft{background:#e5e7eb;color:#6b7280}.status-generating{background:#dbeafe;color:#2563eb}.status-published{background:#d1fae5;color:#059669}.status-archived{background:#f3f4f6;color:#6b7280}.wizard-steps{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.wizard-step{flex:1;text-align:center;position:relative}.wizard-step-number{width:40px;height:40px;border-radius:50%;background:var(--border);color:var(--text-light);display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;font-weight:700}.wizard-step.active .wizard-step-number{background:var(--gradient);color:#fff}.wizard-step.completed .wizard-step-number{background:var(--success);color:#fff}.progress-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:var(--gradient);transition:width .3s}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem}.alert-success{background:#d1fae5;color:#059669;border:1px solid #10b981}.alert-error{background:#fee2e2;color:#dc2626;border:1px solid #ef4444}.alert-info{background:#dbeafe;color:#2563eb;border:1px solid #3b82f6}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:var(--primary);animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer{background:var(--dark);color:#fff;padding:40px 0;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{margin-bottom:1rem}.footer-section a{color:rgba(255,255,255,.7);text-decoration:none;display:block;margin-bottom:.5rem}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;margin-top:2rem;text-align:center}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.nav{flex-direction:column;width:100%}.form-container{margin:1rem;padding:1.5rem}.dashboard-stats,.projects-grid{grid-template-columns:1fr}}