.workspace-page{background:#171717;display:flex;align-items:center;justify-content:center;position:relative;margin:2rem 1rem;overflow:hidden;border-radius:20px;background-image:url(/images/expand-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}@media(min-width:768px){.workspace-page{margin:6rem 2rem;border-radius:30px}}.workspace-page:before{content:"";position:absolute;inset:0;z-index:0;background:url(/images/Hero-Section-Background.png);filter:blur(6px);opacity:.5}.workspace-card,.workspace-cards{position:relative;z-index:1}.workspace-cards{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:12px}@media(min-width:768px){.workspace-cards{gap:24px;padding:16px}}.workspace-card{box-shadow:0 4px 24px rgba(0,0,0,.25);padding:16px 12px 20px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;border-radius:1rem;border:1px solid var(--Core_ColorBackground,#f0ede8);background:rgba(23,23,23,.6);transition:all .4s ease;transform-origin:center;cursor:pointer}@media(min-width:768px){.workspace-card{padding:20px 16px 24px;border-radius:26px}}@media(hover:hover){.workspace-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 10px 25px hsla(0,0%,100%,.1),0 0 20px rgba(255,215,0,.15)}}.workspace-card .card-image img{transition:transform .5s ease}.workspace-card:hover .card-image img{transform:scale(1.05)}.workspace-card .card-desc,.workspace-card .card-title{transition:color .3s ease}.workspace-card:hover .card-title{color:#f5d68a}.card-image:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);pointer-events:none}.card-title-large,.card-title-overlay{position:absolute;z-index:2;text-shadow:0 4px 12px rgba(0,0,0,.8)}.workspace-card:nth-child(3){align-items:flex-start}.workspace-card:nth-child(3) .card-title-large{width:100%;text-align:left}.card-image{width:100%;height:200px;border-radius:12px;margin-bottom:12px;background-size:cover;background-position:50%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(min-width:768px){.card-image{height:240px}}.card-image img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}.card-title-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;text-align:center;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;color:#fff;background:linear-gradient(180deg,rgba(23,23,23,0),rgba(0,0,0,.7));border-radius:12px;padding:12px 8px}@media(min-width:768px){.card-title-overlay{font-size:2rem;padding:16px 12px}}.card-title-large,.card-title-overlay{text-shadow:0 2px 8px rgba(0,0,0,.85)}.card-title-overlay span{color:#c5a56f}.card-title{font-size:1.6rem;font-weight:700;margin-bottom:12px;background:linear-gradient(90deg,var(--Core_ColorWhite,#FFF) 0,var(--Core_ColorGold,#C5A56F) 100%);background-clip:text;-webkit-background-clip:text}.card-title span{color:#c5a56f}.card-title-large{font-size:1.2rem;color:#c5a56f;text-align:left;margin-bottom:8px}.card-list{width:100%;color:#fff;font-size:.875rem;font-family:Montserrat,sans-serif;font-weight:400;display:flex;flex-direction:column;gap:4px;margin-top:8px}@media(min-width:768px){.card-list{font-size:1rem}}.cta-button-generate{border:1px solid #fef0cd;background-image:url(/images/background-image.png);background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:50px;padding:16px 22px;font-weight:700;font-size:18px;color:#1a1a1a;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 4px 0 rgba(0,0,0,.25),0 4px 4px 0 rgba(0,0,0,.25)}@media(hover:hover){.cta-button-generate:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,215,0,.4)}.cta-button-animated:hover{background:linear-gradient(-45deg,#d4b883,#fef0cd,#c5a56f,#f0ede8)}}.cta-button-generate:focus{outline:none;box-shadow:0 12px 32px rgba(197,165,111,.4),0 6px 16px rgba(0,0,0,.15),0 0 0 3px rgba(197,165,111,.5)}.card-desc{font-family:Montserrat,sans-serif;font-size:1rem;color:#fff;margin-bottom:12px;text-align:left;width:100%}.card-progress{display:flex;gap:8px;margin-top:8px;justify-content:center;width:100%}.progress-dot{width:32px;height:6px;background:#f0ede8;border-radius:12px;display:inline-block}.progress-dot.active{background:#c5a56f}@media(min-width:768px){.workspace-cards{flex-direction:row;max-width:1200px;gap:32px;padding:32px}.workspace-card{width:450px}.workspace-card:nth-child(3){width:520px}.card-title{font-size:2.5rem}.card-title-large{font-size:1.5rem}}.upload-hero{position:relative;background:rgba(23,23,23,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(197,165,111,.3);border-radius:24px;padding:48px 32px;min-height:320px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .3s ease}.upload-hero:hover{border-color:rgba(197,165,111,.6);box-shadow:0 0 40px rgba(197,165,111,.15),0 8px 32px rgba(0,0,0,.3)}.upload-hero:before{content:"";position:absolute;inset:16px;border:2px dashed rgba(197,165,111,.25);border-radius:16px;pointer-events:none;transition:border-color .3s ease}.upload-hero:hover:before{border-color:rgba(197,165,111,.45)}.upload-hero.drag-active{border-color:rgba(197,165,111,.8);box-shadow:0 0 60px rgba(197,165,111,.25),0 12px 40px rgba(0,0,0,.4)}.upload-hero.drag-active:before{border-color:rgba(197,165,111,.6);border-style:solid}.upload-hero-icon{width:56px;height:56px;color:#c5a56f;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(197,165,111,.3))}.upload-hero-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:8px;text-align:center}.upload-hero-subtitle{font-size:.95rem;color:hsla(0,0%,100%,.6);margin-bottom:16px}.upload-hero-hint,.upload-hero-subtitle{font-family:Montserrat,sans-serif;text-align:center}.upload-hero-hint{font-size:.8rem;color:rgba(197,165,111,.7)}@media(max-width:767px){.upload-hero{min-height:260px;padding:36px 24px}.upload-hero-icon{width:48px;height:48px}.upload-hero-title{font-size:1.25rem}}