@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}@font-face{font-family:__Montserrat_069ab3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b1f344208eb4edfe-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Montserrat_069ab3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/48e2044251ef3125-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Montserrat_069ab3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/bf24a9759715e608-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Montserrat_069ab3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/1f173e5e25f3efee-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Montserrat_069ab3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Montserrat_Fallback_069ab3;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_069ab3{font-family:__Montserrat_069ab3,__Montserrat_Fallback_069ab3;font-style:normal}.__variable_069ab3{--font-montserrat:"__Montserrat_069ab3","__Montserrat_Fallback_069ab3"}:root{--charcoal:#141110;--charcoal-light:#1c1816;--charcoal-lighter:#252220;--warm-gold:#fbbf24;--deep-gold:#b45309;--terracotta:#c65d3b;--terracotta-light:#e07a56;--cream:#f5f0eb;--muted:#a8a29e;--radius:16px;--radius-sm:10px;--sidebar-w:240px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-inter),sans-serif;background:var(--charcoal);color:var(--cream);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.font-heading,h1,h2,h3,h4{font-family:var(--font-montserrat),sans-serif;letter-spacing:-.02em}a{color:var(--warm-gold);text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}.grain{position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:50}.gold-glow{box-shadow:0 0 32px rgba(251,191,36,.28);transition:box-shadow .3s,transform .3s}.gold-glow:hover{box-shadow:0 0 48px rgba(251,191,36,.45);transform:translateY(-2px)}.nav{position:fixed;top:0;width:100%;z-index:40;padding:1rem 2rem;transition:background .3s,box-shadow .3s}.nav.scrolled{background:rgba(20,17,16,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid hsla(0,0%,100%,.06)}.nav-inner{max-width:1200px;margin:0 auto;justify-content:space-between}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.6rem;text-decoration:none}.nav-logo-icon{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--warm-gold),var(--terracotta));display:flex;align-items:center;justify-content:center;font-size:1rem}.nav-logo-text{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;color:var(--cream);letter-spacing:-.02em}.nav-logo-text span{color:var(--warm-gold)}.nav-cta{background:var(--warm-gold);color:var(--charcoal);padding:.55rem 1.4rem;border-radius:50px;font-family:Montserrat,sans-serif;font-weight:700;font-size:.85rem;text-decoration:none;transition:all .25s}.nav-cta:hover{background:#fcd34d;text-decoration:none}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:4rem}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 30%,rgba(198,93,59,.15) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(251,191,36,.08) 0,transparent 60%);pointer-events:none}.hero-inner{max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.hero-badge{display:inline-block;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);color:var(--warm-gold);padding:.4rem 1rem;border-radius:50px;font-size:.82rem;font-weight:500;margin-bottom:1.5rem}.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(2.8rem,5.5vw,4.8rem);font-weight:900;line-height:1.06;margin-bottom:1.2rem;letter-spacing:-.03em}.hero h1 .highlight{background:linear-gradient(135deg,var(--warm-gold),var(--terracotta-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:var(--muted);max-width:460px;margin-bottom:2rem;line-height:1.7}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.vinyl-disc{width:340px;height:340px;border-radius:50%;background:conic-gradient(from 0deg,#1c1816 0deg 2deg,#221e1b 2deg 4deg,#1c1816 4deg 6deg,#221e1b 6deg 8deg,#1c1816 8deg 10deg,#221e1b 10deg 12deg,#1c1816 12deg 14deg,#221e1b 14deg 16deg,#1c1816 16deg 18deg,#221e1b 18deg 20deg);position:relative;animation:spin 12s linear infinite;box-shadow:0 0 80px rgba(198,93,59,.2),0 0 40px rgba(251,191,36,.12),0 20px 60px rgba(0,0,0,.5)}.vinyl-disc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,var(--terracotta-light) 0,var(--terracotta) 40%,var(--deep-gold) 100%);box-shadow:0 0 40px rgba(198,93,59,.5)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.floating-notes{position:absolute;inset:0;pointer-events:none}.note{position:absolute;font-size:2rem;opacity:.14;animation:floatUp 6s ease-in-out infinite;color:var(--warm-gold)}.note:first-child{top:8%;left:8%;animation-delay:0s}.note:nth-child(2){top:72%;left:5%;animation-delay:1.5s;font-size:1.6rem}.note:nth-child(3){top:30%;right:8%;animation-delay:3s}.note:nth-child(4){top:60%;right:4%;animation-delay:4.5s;font-size:1.4rem}@keyframes floatUp{0%,to{transform:translateY(0) rotate(0deg);opacity:.08}50%{transform:translateY(-24px) rotate(6deg);opacity:.2}}section{padding:6rem 2rem;position:relative;z-index:1}.section-inner{max-width:1100px;margin:0 auto}.section-label{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--warm-gold);margin-bottom:.8rem}.section-label,.section-title{font-family:Montserrat,sans-serif}.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;line-height:1.15;margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{color:var(--muted);font-size:1.05rem;max-width:540px;margin-bottom:3rem}.packs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.pack-card{background:var(--charcoal-light);border-radius:var(--radius);padding:2rem 1.8rem;border:1px solid hsla(0,0%,100%,.06);transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;display:flex;flex-direction:column}.pack-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.4);border-color:rgba(251,191,36,.25)}.pack-card.featured{border:1.5px solid rgba(251,191,36,.35);background:linear-gradient(180deg,rgba(251,191,36,.04) 0,var(--charcoal-light) 40%)}.pack-card.featured:before{content:"★ Populaire";position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,var(--warm-gold),var(--terracotta));color:var(--charcoal);font-size:.68rem;font-family:Montserrat,sans-serif;font-weight:700;padding:.25rem .8rem;border-radius:50px}.pack-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.2rem}.pack-icon.backing{background:rgba(198,93,59,.15)}.pack-icon.arrange{background:rgba(251,191,36,.12)}.pack-icon.compose{background:rgba(16,185,129,.12)}.pack-card h3{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:.4rem}.pack-use{font-size:.85rem;color:var(--muted);margin-bottom:1rem}.pack-price{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;color:var(--warm-gold);margin-bottom:.2rem}.pack-unit{font-size:.82rem;color:var(--muted);margin-bottom:1.2rem}.pack-details{list-style:none;font-size:.88rem;margin-bottom:1.8rem;flex:1 1}.pack-details li{padding:.35rem 0 .35rem 1.4rem;position:relative;color:#b0aca8}.pack-details li:before{content:"";position:absolute;left:0;top:.7rem;width:5px;height:5px;border-radius:50%;background:var(--warm-gold)}.pack-card .btn{width:100%;justify-content:center;font-size:.9rem;padding:.75rem}.steps{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;gap:1rem;counter-reset:step}.step{text-align:center;position:relative;padding-top:3rem}.step:before{counter-increment:step;content:counter(step);position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background:var(--warm-gold);color:var(--charcoal);font-family:Montserrat,sans-serif;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center}.step-connector{position:absolute;top:20px;left:60%;width:80%;height:1px;background:hsla(24,5%,64%,.25)}.step:last-child .step-connector{display:none}.step-icon{font-size:1.6rem;margin-bottom:.6rem}.step h4{font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;margin-bottom:.4rem}.step p{font-size:.8rem;color:var(--muted);line-height:1.5}.showcase{background:var(--charcoal-light);border-top:1px solid hsla(0,0%,100%,.04);border-bottom:1px solid hsla(0,0%,100%,.04)}.showcase .section-subtitle{color:var(--muted)}.demo-cards{display:flex;flex-direction:column;gap:2rem}.demo-card{background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:2rem;transition:border-color .3s,background .3s}.demo-card:hover{border-color:rgba(251,191,36,.2);background:hsla(0,0%,100%,.04)}.demo-card-header{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1.5rem}.demo-card-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.demo-card-icon.backing{background:rgba(198,93,59,.15)}.demo-card-icon.idee{background:rgba(251,191,36,.12)}.demo-card-icon.compose{background:rgba(16,185,129,.12)}.demo-card-header h3{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.demo-card-header p{font-size:.85rem;color:var(--muted);line-height:1.5}.demo-audio-group{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:700px){.demo-audio-group.cols-2{grid-template-columns:1fr 1fr}}.wave-player{background:rgba(0,0,0,.25);border-radius:var(--radius-sm);padding:.9rem 1rem;display:flex;align-items:center;gap:.8rem;position:relative;overflow:hidden}.wave-player .wp-play{width:38px;height:38px;border-radius:50%;border:none;background:var(--warm-gold);color:var(--charcoal);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .2s}.wave-player .wp-play:hover{background:#fcd34d;transform:scale(1.08)}.wave-player .wp-play.playing{background:var(--terracotta);color:#fff}.wave-player .wp-play svg{width:14px;height:14px}.wave-player .wp-canvas-wrap{flex:1 1;height:44px;position:relative;cursor:pointer;min-width:0}.wave-player canvas{width:100%;height:100%;display:block}.wave-player .wp-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;min-width:70px}.wave-player .wp-label,.wave-player .wp-time{color:var(--muted);flex-shrink:0;text-align:right}.wave-player .wp-time{font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:40px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:start}.contact-info h3{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.contact-info p{color:var(--muted);margin-bottom:1.5rem}.whatsapp-link{display:inline-flex;align-items:center;gap:.6rem;background:#25d366;color:#fff;padding:.85rem 1.8rem;border-radius:50px;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:700;font-size:.95rem;transition:transform .2s,box-shadow .2s}.whatsapp-link:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,211,102,.35);text-decoration:none}.whatsapp-link svg{width:22px;height:22px}.order-form{background:var(--charcoal-light);border-radius:var(--radius);padding:2rem;border:1px solid hsla(0,0%,100%,.06)}.order-form .form-group{margin-bottom:1.2rem}.order-form label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--cream)}.order-form input:not([type=file]),.order-form select,.order-form textarea{width:100%;padding:.75rem 1rem;border:1.5px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.04);color:var(--cream);font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s,background .2s;box-sizing:border-box}.order-form input:not([type=file]):focus,.order-form select:focus,.order-form textarea:focus{outline:none;border-color:var(--warm-gold);background:hsla(0,0%,100%,.07)}.order-form textarea{resize:vertical;min-height:100px}.order-form input::placeholder,.order-form textarea::placeholder{color:hsla(24,5%,64%,.45)}.order-form select option{background:var(--charcoal-light);color:var(--cream)}.upload-zone-dark{border:2px dashed hsla(0,0%,100%,.12);border-radius:var(--radius-sm);padding:1.2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.upload-zone-dark:hover{border-color:var(--warm-gold);background:rgba(251,191,36,.04)}.file-item{display:flex;align-items:center;justify-content:space-between;background:hsla(0,0%,100%,.03);border-radius:6px;padding:.4rem .7rem;font-size:.78rem;margin-bottom:.3rem}.file-item .rm{color:#ef4444;cursor:pointer;background:none;border:none;font-size:.9rem}.link-row-landing{display:flex;gap:.4rem;margin-bottom:.4rem;align-items:center}.form-submit{width:100%;padding:.9rem;background:var(--warm-gold);color:var(--charcoal);border:none;border-radius:50px;font-family:Montserrat,sans-serif;font-weight:800;font-size:.95rem;cursor:pointer;transition:all .25s}.form-submit:hover{background:#fcd34d;box-shadow:0 0 32px rgba(251,191,36,.3)}.form-confirmation{display:none;text-align:center;padding:2rem;color:#10b981}.form-confirmation.show{display:block}.form-confirmation .icon{font-size:3rem;margin-bottom:.8rem}.payment-bar{background:hsla(0,0%,100%,.03);border-top:1px solid hsla(0,0%,100%,.06);padding:1.2rem 2rem;text-align:center}.payment-methods{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.payment-method{font-weight:600;font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}.payment-dot{width:7px;height:7px;border-radius:50%;background:#10b981}footer{background:var(--charcoal);color:var(--muted);padding:3rem 2rem 2rem;text-align:center;font-size:.82rem}footer .footer-logo{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:800;color:var(--cream);margin-bottom:.5rem}footer .footer-logo span,footer a{color:var(--warm-gold)}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--charcoal-light);border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:30;padding:1.5rem}.sidebar-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:2rem;text-decoration:none}.sidebar-logo-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--warm-gold),var(--terracotta));display:flex;align-items:center;justify-content:center}.sidebar-logo-text{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.05rem;color:var(--cream)}.sidebar-logo-text span{color:var(--warm-gold)}.sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:.3rem}.sidebar-nav a{display:flex;align-items:center;gap:.7rem;padding:.65rem .9rem;border-radius:var(--radius-sm);color:var(--muted);font-size:.9rem;font-weight:500;transition:all .2s;text-decoration:none}.sidebar-nav a.active,.sidebar-nav a:hover{background:rgba(251,191,36,.08);color:var(--cream);text-decoration:none}.sidebar-nav a.active{color:var(--warm-gold);background:rgba(251,191,36,.12)}.sidebar-nav a .nav-icon{font-size:1.1rem;width:22px;text-align:center}.sidebar-footer{border-top:1px solid hsla(0,0%,100%,.06);padding-top:1rem;font-size:.8rem}.sidebar-footer .user-info{color:var(--muted);margin-bottom:.5rem;word-break:break-all}.sidebar-footer .user-role{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:50px}.sidebar-footer .user-role.admin{background:rgba(198,93,59,.2);color:var(--terracotta-light)}.sidebar-footer .user-role.agent{background:rgba(251,191,36,.15);color:var(--warm-gold)}.sidebar-footer .btn-logout{display:block;margin-top:.8rem;font-size:.8rem;color:var(--muted);cursor:pointer;background:none;border:none;font-family:inherit}.sidebar-footer .btn-logout:hover{color:#ef4444}.main-content{flex:1 1;margin-left:var(--sidebar-w);padding:2rem;max-width:calc(100vw - var(--sidebar-w))}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.6rem;font-weight:800}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.3rem;border-radius:50px;font-family:Montserrat,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background:var(--warm-gold);color:var(--charcoal)}.btn-primary:hover{background:#fcd34d;text-decoration:none}.btn-secondary{background:hsla(0,0%,100%,.08);color:var(--cream);border:1px solid hsla(0,0%,100%,.12)}.btn-secondary:hover{background:hsla(0,0%,100%,.12);text-decoration:none}.btn-danger{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:rgba(239,68,68,.2)}.btn-outline{background:transparent;color:var(--cream);border:1.5px solid hsla(0,0%,100%,.2)}.btn-outline:hover{border-color:rgba(251,191,36,.5);background:rgba(251,191,36,.06);text-decoration:none}.btn-sm{padding:.4rem .9rem;font-size:.78rem}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%;justify-content:center;background:hsla(0,0%,100%,.06);color:var(--muted);border:1px solid hsla(0,0%,100%,.08)}.btn-icon:hover{background:hsla(0,0%,100%,.12);color:var(--cream)}.card{background:var(--charcoal-light);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:var(--charcoal-light);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:1.2rem 1.5rem}.stat-value{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;color:var(--warm-gold);line-height:1.1}.stat-label{font-size:.8rem;color:var(--muted);margin-top:.3rem}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.06)}table{width:100%;border-collapse:collapse;background:var(--charcoal-light)}th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid hsla(0,0%,100%,.06);white-space:nowrap}td{padding:.7rem 1rem;font-size:.88rem;border-bottom:1px solid hsla(0,0%,100%,.03);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:hsla(0,0%,100%,.02)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.form-group{margin-bottom:1.2rem}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--cream)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:1.5px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.04);color:var(--cream);font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s,background .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--warm-gold);background:hsla(0,0%,100%,.07)}.form-textarea{resize:vertical;min-height:80px}.form-select option{background:var(--charcoal-light);color:var(--cream)}.form-input::placeholder,.form-textarea::placeholder{color:hsla(24,5%,64%,.4)}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:50;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal{background:var(--charcoal-light);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius);padding:2rem;max-width:560px;width:100%;max-height:90vh;overflow-y:auto}.modal-title{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.5rem}.toast{position:fixed;bottom:2rem;right:2rem;z-index:100;background:var(--charcoal-light);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius);padding:1rem 1.5rem;font-size:.88rem;box-shadow:0 8px 32px rgba(0,0,0,.5);animation:slideIn .3s ease;display:none}.toast.show{display:block}.toast.success{border-color:#10b981}.toast.error{border-color:#ef4444}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.upload-zone{border:2px dashed hsla(0,0%,100%,.12);border-radius:var(--radius);padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.upload-zone:hover{border-color:var(--warm-gold);background:rgba(251,191,36,.04)}.upload-zone.has-files{border-style:solid;border-color:rgba(16,185,129,.3)}.upload-list{margin-top:.8rem}.upload-item{display:flex;align-items:center;justify-content:space-between;background:hsla(0,0%,100%,.03);border-radius:var(--radius-sm);padding:.5rem .8rem;font-size:.82rem;margin-bottom:.4rem}.upload-item .remove-file{color:#ef4444;cursor:pointer;font-size:.8rem;background:none;border:none}.link-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.link-row .form-input{flex:1 1}.link-row .form-select{width:140px;flex-shrink:0}.link-row .btn-icon{width:32px;height:32px;font-size:.7rem}.client-container{max-width:720px;margin:0 auto;padding:2rem 1.5rem}.client-header{text-align:center;padding:2rem 0 3rem;position:relative}.client-logo{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.client-logo-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--warm-gold),var(--terracotta));display:flex;align-items:center;justify-content:center}.client-logo-text{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.2rem}.client-logo-text span{color:var(--warm-gold)}.project-status{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:.8rem}.info-card{background:var(--charcoal-light);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;font-size:.9rem}.info-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.info-value{font-weight:600;margin-top:.15rem}.instructions-box{margin-top:1rem;padding:1rem;background:hsla(0,0%,100%,.03);border-radius:8px;font-size:.88rem;color:var(--muted);white-space:pre-wrap}.deliverables-section{margin-top:2rem}.deliverables-section h2{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:1.2rem}.deliverable-card{background:var(--charcoal-light);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:1.3rem 1.5rem;margin-bottom:.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;transition:border-color .2s}.deliverable-card:hover{border-color:rgba(251,191,36,.2)}.deliverable-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.deliverable-icon.audio{background:rgba(198,93,59,.15)}.deliverable-icon.stems{background:rgba(251,191,36,.12)}.deliverable-icon.lyrics{background:rgba(16,185,129,.12)}.deliverable-info{flex:1 1;min-width:150px}.deliverable-info h3{font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:700}.deliverable-info .type-badge{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.download-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;background:var(--warm-gold);color:var(--charcoal);border-radius:50px;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:700;font-size:.82rem;transition:all .2s;flex-shrink:0}.download-btn:hover{background:#fcd34d;transform:translateY(-1px);text-decoration:none}.section-heading{display:flex;align-items:center;gap:.5rem;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:1rem;margin-top:1.5rem}.client-footer{text-align:center;padding:3rem 0 2rem;color:var(--muted);font-size:.82rem;border-top:1px solid hsla(0,0%,100%,.04);margin-top:3rem}.client-footer a{color:var(--warm-gold);text-decoration:none}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-subtitle{margin-inline:auto}.hero-buttons{justify-content:center}.hero-visual{order:-1}.vinyl-disc{width:220px;height:220px}.packs-grid{max-width:420px}.packs-grid,.steps{grid-template-columns:1fr;margin-inline:auto}.steps{max-width:360px}.step{padding-top:2.5rem;padding-bottom:1.5rem}.step-connector{top:auto;bottom:0;left:20px;width:1px;height:40%}.contact-grid{grid-template-columns:1fr}.nav{padding:.8rem 1rem}}@media (max-width:768px){.sidebar{width:60px;padding:1rem .5rem}.sidebar-footer .btn-logout,.sidebar-footer .user-info,.sidebar-footer .user-role,.sidebar-logo-text,.sidebar-nav a span:not(.nav-icon){display:none}.sidebar-nav a{justify-content:center;padding:.6rem}.sidebar-nav a .nav-icon{margin:0}.main-content{margin-left:60px;max-width:calc(100vw - 60px);padding:1.2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){section{padding:3.5rem 1.2rem}.hero{min-height:auto;padding-top:4rem}.hero-inner{padding:3rem 1.2rem}.hero h1{font-size:2.2rem}.btn{padding:.75rem 1.4rem;font-size:.85rem}.stats-grid{grid-template-columns:1fr}.main-content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.client-container{padding:1.2rem 1rem}.info-grid{grid-template-columns:1fr}.deliverable-card{flex-direction:column;align-items:flex-start}.download-btn{width:100%;justify-content:center}}