.commissions-page{color:#fff;background:#0a0a0a;min-height:100vh;padding-top:64px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300}.commissions-container{max-width:1200px;margin:0 auto;padding:0 40px}.commissions-hero{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:40vh;margin:-24px calc(50% - 50vw) 40px;padding:60px 20px 40px;display:flex;position:relative;left:0;right:0}.commissions-badge{letter-spacing:2px;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#f97316,#ea580c);border-radius:100px;margin-top:20px;padding:8px 20px;font-size:14px;font-weight:500;display:inline-block;box-shadow:0 4px 12px #f973164d}.commissions-hero h1{letter-spacing:-2px;margin:0;font-size:4rem;font-weight:100;line-height:1.1}.commissions-tagline{color:#fffc;margin:20px 0 0;font-size:1.5rem;font-weight:300;line-height:1.4}.how-it-works-section{border-bottom:1px solid #ffffff1a;padding:60px 0}.how-it-works-section h2{text-align:center;color:#f97316;margin-bottom:40px;font-size:2.5rem;font-weight:100}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;display:grid}.step{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:20px;padding:30px;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:600;display:flex}.step-content h3{color:#fff;margin:0 0 10px;font-size:1.25rem;font-weight:500}.step-content p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.5}.commission-types-section{border-bottom:1px solid #ffffff1a;padding:60px 0}.commission-types-section h2{text-align:center;color:#f97316;margin-bottom:40px;font-size:2.5rem;font-weight:100}.commission-types-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;display:grid}.commission-type{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:40px 30px;transition:all .3s}.commission-type.featured{background:#f973160d;border-color:#f97316}.commission-type:hover{background:#ffffff0d;border-color:#f973164d}.commission-icon{color:#f97316;width:48px;height:48px;margin-bottom:20px}.commission-type h3{color:#fff;margin:0 0 15px;font-size:1.5rem;font-weight:500}.commission-type p{color:#ffffffb3;margin:0 0 20px;font-size:.95rem;line-height:1.5}.price-range{color:#f97316;font-size:1.1rem;font-weight:600}.creator-benefits-section{border-bottom:1px solid #ffffff1a;padding:60px 0}.creator-benefits-section h2{text-align:center;color:#f97316;margin-bottom:40px;font-size:2.5rem;font-weight:100}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;display:grid}.benefit{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:30px}.benefit h3{color:#f97316;margin:0 0 15px;font-size:1.25rem;font-weight:500}.benefit p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.5}.pricing-section{border-bottom:1px solid #ffffff1a;padding:60px 0}.pricing-section h2{text-align:center;color:#f97316;margin-bottom:40px;font-size:2.5rem;font-weight:100}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;display:grid}.pricing-tier{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:40px 30px}.pricing-tier.featured{background:#f973160d;border-color:#f97316;transform:scale(1.05)}.pricing-tier h3{color:#fff;margin:0 0 20px;font-size:1.5rem;font-weight:500}.price{color:#f97316;margin:0 0 30px;font-size:2rem;font-weight:600}.pricing-tier ul{text-align:left;margin:0;padding:0;list-style:none}.pricing-tier li{color:#fffc;border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:.95rem}.pricing-tier li:last-child{border-bottom:none}.active-commissions-section{border-bottom:1px solid #ffffff1a;padding:60px 0}.active-commissions-section h2{text-align:center;color:#f97316;margin-bottom:40px;font-size:2.5rem;font-weight:100}.commissions-list{flex-direction:column;gap:20px;margin-top:40px;display:flex}.commission-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:30px;transition:all .3s}.commission-item:hover{background:#ffffff0d;border-color:#f973164d}.commission-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.commission-header h3{color:#fff;margin:0;font-size:1.25rem;font-weight:500}.commission-budget{color:#f97316;font-size:1.25rem;font-weight:600}.commission-item p{color:#ffffffb3;margin:0 0 20px;font-size:.95rem;line-height:1.5}.commission-meta{color:#fff9;gap:20px;font-size:.85rem;display:flex}.cta-section{text-align:center;padding:80px 0 60px}.cta-section h2{color:#fff;margin-bottom:40px;font-size:2.5rem;font-weight:100}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.cta-btn{border:2px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:16px 32px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.cta-btn.primary{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c)}.cta-btn.primary:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px);box-shadow:0 8px 25px #f973164d}.cta-btn.secondary{color:#f97316;background:0 0;border-color:#f97316}.cta-btn.secondary:hover{background:#f973161a;transform:translateY(-2px)}.cta-icon{width:20px;height:20px}@media (max-width:768px){.commissions-container{padding:0 20px}.commissions-hero h1{font-size:2.5rem}.commissions-tagline{font-size:1.25rem}.how-it-works-section h2,.commission-types-section h2,.creator-benefits-section h2,.pricing-section h2,.active-commissions-section h2,.cta-section h2{font-size:2rem}.steps-grid,.commission-types-grid,.benefits-grid,.pricing-grid{grid-template-columns:1fr}.pricing-tier.featured{transform:none}.commission-header{flex-direction:column;align-items:flex-start;gap:10px}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{justify-content:center;width:100%;max-width:300px}}