.depo-detail-page{background:var(--bg-primary)}.depo-detail-page,.depo-hero{min-height:100vh;position:relative}.depo-hero{padding:140px 0 100px;overflow:hidden;display:flex;align-items:center}.depo-hero-bg{position:absolute;inset:0;z-index:0}.depo-hero-gradient{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120%;height:100%;background:radial-gradient(ellipse at center,rgba(249,115,22,.15) 0,rgba(34,197,94,.08) 40%,transparent 70%);filter:blur(60px)}.depo-hero-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(249,115,22,.15) 1px,transparent 0),radial-gradient(rgba(34,197,94,.15) 1px,transparent 0);background-size:50px 50px;background-position:0 0,25px 25px;opacity:.3}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:40px;transition:all var(--transition-fast);position:relative;z-index:1}.back-link:hover{color:var(--zailo-depo-primary);transform:translateX(-4px)}.depo-hero-content{text-align:center;position:relative;z-index:1;max-width:900px;margin:0 auto}.depo-coming-soon-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(34,197,94,.2));border:1px solid rgba(249,115,22,.4);border-radius:50px;font-size:14px;font-weight:600;color:#f97316;margin-bottom:32px;animation:pulse-depo 2s ease-in-out infinite}@keyframes pulse-depo{0%,to{box-shadow:0 0 0 0 rgba(249,115,22,.4)}50%{box-shadow:0 0 0 10px rgba(249,115,22,0)}}.depo-hero-logo{margin-bottom:32px;display:flex;justify-content:center}.depo-hero-logo img{max-width:500px;height:auto;filter:drop-shadow(0 10px 30px rgba(249,115,22,.3))}.depo-hero-title{font-family:var(--font-secondary);font-size:clamp(32px,6vw,56px);font-weight:800;line-height:1.2;margin-bottom:24px;background:linear-gradient(135deg,var(--text-primary) 0,var(--zailo-depo-primary) 50%,#22c55e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.depo-hero-description{font-size:18px;line-height:1.8;color:var(--text-secondary);max-width:700px;margin:0 auto 48px}.depo-coming-soon-icon{margin:48px auto;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(34,197,94,.2));border-radius:30px;color:var(--zailo-depo-primary);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.depo-features-preview{margin:64px 0}.preview-title{font-family:var(--font-secondary);font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:40px}.features-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:24px;gap:24px;max-width:900px;margin:0 auto}.feature-preview-card{padding:28px;background:rgba(20,20,30,.5);border:1px solid rgba(249,115,22,.2);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-medium);text-align:left}.feature-preview-card:hover{transform:translateY(-4px);border-color:rgba(249,115,22,.4);box-shadow:0 10px 30px rgba(249,115,22,.2)}.feature-preview-icon{width:56px;height:56px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(34,197,94,.2));border-radius:14px;color:var(--zailo-depo-primary)}.feature-preview-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.feature-preview-card p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.depo-notification-section{margin:64px 0}.notification-card{display:flex;align-items:center;gap:24px;padding:32px;background:rgba(20,20,30,.5);border:1px solid rgba(249,115,22,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:700px;margin:0 auto}.notification-icon{min-width:32px;color:var(--zailo-depo-primary);animation:ring 2s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}.notification-content{flex:1 1;text-align:left}.notification-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.notification-content p{font-size:14px;color:var(--text-secondary);margin:0}.btn-notify{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--zailo-depo-primary),var(--zailo-depo-secondary));color:white;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-medium);white-space:nowrap}.btn-notify:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(249,115,22,.3)}.depo-hero-cta{display:flex;justify-content:center;gap:16px;margin-top:48px;flex-wrap:wrap}.btn-primary-large,.btn-secondary-large{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all var(--transition-medium);text-decoration:none}.btn-primary-large{background:linear-gradient(135deg,var(--zailo-depo-primary),var(--zailo-depo-secondary));color:white;box-shadow:0 4px 20px rgba(249,115,22,.3)}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(249,115,22,.4)}.btn-secondary-large{background:rgba(20,20,30,.5);color:var(--text-primary);border:1px solid rgba(249,115,22,.3)}.btn-secondary-large:hover{background:rgba(249,115,22,.1);border-color:var(--zailo-depo-primary)}.depo-info-box{display:flex;align-items:center;gap:16px;padding:20px 28px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:16px;max-width:600px;margin:48px auto 0}.depo-info-box svg{min-width:20px;color:#22c55e}.depo-info-box p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0;text-align:left}.depo-info-box strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.depo-hero{padding:120px 0 80px}.depo-hero-title{font-size:32px}.depo-hero-description{font-size:16px}.depo-coming-soon-icon{width:100px;height:100px;margin:32px auto}.depo-coming-soon-icon svg{width:60px;height:60px}.features-preview-grid{grid-template-columns:1fr}.notification-card{flex-direction:column;text-align:center}.notification-content{text-align:center}.depo-hero-cta{flex-direction:column}.btn-primary-large,.btn-secondary-large{width:100%;justify-content:center}.depo-info-box{flex-direction:column}.depo-info-box,.depo-info-box p{text-align:center}}@media (max-width:480px){.depo-hero-logo img{max-width:300px}.feature-preview-card{padding:20px}.notification-card{padding:24px}}