@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-color:#ff5c00;--primary-hover:#e05200;--secondary-color:#c0b8af;--secondary-hover:#d0c8bf;--accent-color:#ffb800;--accent-hover:#e5a600;--dark-charcoal:#111;--text-dark:#fff;--text-light:#c0b8af;--bg-gradient-start:#111;--bg-gradient-end:#1a1a1a;--card-bg:#1a1a1a;--card-border:#ffffff14;--card-shadow:0 10px 30px #0000004d;--glass-bg:#111111d9;--glass-border:#ffffff14;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--font-heading:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);color:var(--text-dark);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--dark-charcoal);font-weight:700}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#00000005}::-webkit-scrollbar-thumb{background:#00b4d833;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ff5e3666}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);transition:var(--transition-smooth);padding:28px}.card:hover{border-color:#ff5e364d;transform:translateY(-5px);box-shadow:0 20px 40px #00b4d814}.btn{font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, #ff7e53 100%);color:#fff;box-shadow:0 4px 15px #ff5c004d}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, #ff5c00 100%);transform:scale(1.03);box-shadow:0 0 24px #ff5c0073}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:linear-gradient(135deg, var(--secondary-color) 0%, #33c6e3 100%);color:#fff;box-shadow:0 4px 15px #00b4d833}.btn-secondary:hover{background:linear-gradient(135deg, var(--secondary-hover) 0%, var(--secondary-color) 100%);transform:translateY(-2px);box-shadow:0 8px 25px #00b4d866}.btn-accent{background:linear-gradient(135deg, var(--accent-color) 0%, #ffc837 100%);color:#1e2229;box-shadow:0 4px 15px #ffb70333}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffb70366}.btn-outline{border:2px solid var(--secondary-color);color:var(--secondary-color);background:0 0}.btn-outline:hover{background:#00b4d80d;transform:translateY(-2px)}.btn-danger{color:#fff;background:#ef4444;box-shadow:0 4px 15px #ef444433}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.navbar{z-index:100;background:0 0;padding:16px 0;transition:background .3s,padding .3s;position:sticky;top:0}.navbar.nav-glass{-webkit-backdrop-filter:blur(12px);background:#111111d9;border-bottom:1px solid #ffffff14;box-shadow:0 2px 20px #0000001a}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo-wrapper{align-items:center;gap:12px;display:flex}.logo-img{object-fit:contain;border:2px solid var(--primary-color);background-color:#fff;border-radius:50%;width:45px;height:45px}.brand-name{font-family:var(--font-heading);background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.role-switcher-banner{color:#fff;border-bottom:3px solid var(--primary-color);background:linear-gradient(90deg,#1e2229 0%,#2a303c 100%);padding:8px 0;font-size:.85rem}.role-switcher-container{justify-content:space-between;align-items:center;display:flex}.role-buttons{align-items:center;gap:10px;display:flex}.role-btn{color:#cbd5e1;cursor:pointer;transition:var(--transition-smooth);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;padding:4px 12px;font-size:.8rem}.role-btn:hover{color:#fff;background:#fff3}.role-btn.active-role{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600;box-shadow:0 0 10px #ff5e3680}.form-group{margin-bottom:20px}.form-label{color:var(--dark-charcoal);margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--border-radius-sm);width:100%;font-family:var(--font-body);color:#111;transition:var(--transition-smooth);background-color:#fff;border:1.5px solid #00b4d833;padding:12px 16px;font-size:1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 4px #00b4d81a}.form-textarea{resize:vertical;min-height:100px}.hero{align-items:center;gap:48px;padding:80px 0;display:flex}.hero-content{flex:1.2}.hero-visual{flex:.8;justify-content:center;display:flex;position:relative}.hero-img{border-radius:var(--border-radius-lg);border:4px solid #fff;width:100%;max-width:450px;box-shadow:0 20px 40px #0000001a}.hero-badge{background:var(--accent-color);color:var(--dark-charcoal);text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:.9rem;font-weight:700;display:inline-block}.hero-title{margin-bottom:20px;font-size:3.5rem;line-height:1.15}.hero-title span{background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-light);margin-bottom:32px;font-size:1.2rem}.badge-status{text-transform:uppercase;border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:#d97706;background-color:#fef3c7}.badge-assigned{color:#2563eb;background-color:#dbeafe}.badge-scrubbing{color:#0284c7;background-color:#e0f2fe}.badge-completed{color:#059669;background-color:#d1fae5}.grid-2{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=992px){.hero{text-align:center;flex-direction:column;padding:48px 0}.hero-title{font-size:2.8rem}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.landing-hero-grid,.landing-become-cleaner-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.dashboard-layout{grid-template-columns:260px 1fr;gap:40px;display:grid}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero-title{font-size:2.3rem}.navbar-desktop-menu{display:none!important}.landing-hero-grid{text-align:center;grid-template-columns:1fr!important;gap:32px!important;padding:40px 16px!important}.landing-hero-grid h1{font-size:2.2rem!important}.landing-become-cleaner-grid{text-align:center;grid-template-columns:1fr!important;gap:32px!important}.landing-become-cleaner-grid h2{font-size:2rem!important}.dashboard-layout{grid-template-columns:1fr!important;gap:24px!important}}.footer{background:var(--dark-charcoal);color:#94a3b8;border-top:4px solid var(--secondary-color);margin-top:80px;padding:48px 0 24px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:40px;display:grid}.footer-col h3{color:#fff;margin-bottom:18px;font-size:1.1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{transition:var(--transition-smooth)}.footer-links a:hover{color:var(--secondary-color)}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;padding-top:24px}.gradient-text{background:linear-gradient(90deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpHero{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:.5s ease-out forwards fadeUp}.fade-up-1{opacity:0;animation:.6s ease-out forwards fadeUpHero}.fade-up-2{opacity:0;animation:.6s ease-out .15s forwards fadeUpHero}.fade-up-3{opacity:0;animation:.6s ease-out .3s forwards fadeUpHero}.hover-lift{transition:all .3s}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 8px 32px #0000004d;border-color:var(--accent-color)!important}@keyframes floatParticle{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.3}90%{opacity:.1}to{opacity:0;transform:translateY(-100px)scale(.5)}}.fire-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background-color:var(--primary-color);opacity:0;border-radius:50%;animation:3s ease-in infinite floatParticle;position:absolute}.particle:first-child{width:6px;height:6px;animation-duration:4s;animation-delay:0s;left:10%}.particle:nth-child(2){width:8px;height:8px;animation-duration:3.5s;animation-delay:1s;left:30%}.particle:nth-child(3){width:4px;height:4px;animation-duration:5s;animation-delay:.5s;left:50%}.particle:nth-child(4){width:7px;height:7px;animation-duration:4.2s;animation-delay:1.5s;left:70%}.particle:nth-child(5){width:5px;height:5px;animation-duration:3.8s;animation-delay:2s;left:90%}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{white-space:nowrap;width:100%;display:flex;position:relative;overflow:hidden}.marquee-content{gap:24px;min-width:200%;animation:30s linear infinite scrollMarquee;display:flex}.marquee-container:hover .marquee-content{animation-play-state:paused}.page-transition-enter{opacity:0}.page-transition-enter-active{opacity:1;transition:opacity .2s ease-in}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .15s ease-out}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}