:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient:linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);--bg-color:#f8f9fa;--card-bg:#ffffff;--text-primary:#2d3748;--text-secondary:#718096;--accent-color:#667eea;--glass-bg:rgba(255, 255, 255, 0.95);--glass-border:rgba(255, 255, 255, 0.2);--shadow-sm:0 4px 6px -1px rgba(0, 0, 0, 0.05),0 2px 4px -1px rgba(0, 0, 0, 0.03);--shadow-md:0 10px 15px -3px rgba(0, 0, 0, 0.05),0 4px 6px -2px rgba(0, 0, 0, 0.025);--shadow-lg:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text-primary);background-color:var(--bg-color);overflow-x:hidden}.navbar{background:var(--glass-bg);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-sm);transition:all .3s ease}.navbar-brand{font-weight:800;font-size:1.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.hero-section{position:relative;padding:8rem 0 6rem;overflow:hidden;background:radial-gradient(circle at top right,rgba(118,75,162,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(102,126,234,.05),transparent 40%)}.hero-title{font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(to right,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);font-weight:400;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.url-input-group{background:#fff;padding:.5rem;border-radius:1rem;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.url-input-group:focus-within{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-color)}.form-control-lg{border:none;font-size:1.1rem;padding-left:1.5rem}.form-control-lg:focus{box-shadow:none}.btn-download{background:var(--primary-gradient);border:none;padding:.8rem 2.5rem;font-weight:600;border-radius:.8rem;transition:all .3s ease}.btn-download:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;align-items:center}#chromeStoreBtn{background:var(--primary-gradient);border:none;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}#chromeStoreBtn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 20px rgba(102,126,234,.3)}.hero-section .btn-outline-primary{border:2px solid var(--accent-color);color:var(--accent-color);transition:all .3s ease}.hero-section .btn-outline-primary:hover{background:var(--primary-gradient);border-color:transparent;color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px rgba(102,126,234,.2)}.feature-card{background:#fff;border-radius:1.5rem;padding:2.5rem;height:100%;transition:all .3s ease;border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.feature-icon-wrapper{width:64px;height:64px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.75rem}.bg-soft-primary{background-color:rgba(102,126,234,.1);color:#667eea}.bg-soft-success{background-color:rgba(72,187,120,.1);color:#48bb78}.bg-soft-warning{background-color:rgba(237,137,54,.1);color:#ed8936}.bg-soft-danger{background-color:rgba(245,101,101,.1);color:#f56565}.feature-title{font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.feature-desc{color:var(--text-secondary);line-height:1.6}#progressSection{background:#fff;border-radius:1rem;box-shadow:var(--shadow-md)}.progress{height:.8rem;border-radius:1rem;background-color:#edf2f7;overflow:hidden}.progress-bar{background:var(--primary-gradient)}footer{background:#fff;border-top:1px solid rgba(0,0,0,.05)}.social-link{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:#f7fafc;transition:all .2s}.social-link:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.fade-in-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.feature-card{padding:2rem}}@media (max-width:991.98px){.offcanvas{background-color:#fff!important;z-index:10000!important;box-shadow:-5px 0 25px rgba(0,0,0,.15)!important;display:flex!important;flex-direction:column!important;height:100vh!important}.offcanvas-backdrop{z-index:9999!important;background-color:rgba(0,0,0,.5)}.navbar-toggler{position:relative;z-index:10001!important;border-color:rgba(0,0,0,.1);color:var(--text-primary);cursor:pointer;min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.5);border-radius:8px}.navbar-toggler:active,.navbar-toggler:focus{box-shadow:0 0 0 .25rem rgba(102,126,234,.25)}.offcanvas-header{border-bottom:1px solid rgba(0,0,0,.05);padding:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0!important}.offcanvas-header .btn-close{display:none!important}.offcanvas-body{padding:1.5rem;flex-grow:1!important;height:auto!important;overflow-y:auto!important}.offcanvas .nav-link{color:var(--text-primary)!important;font-weight:600;font-size:1.25rem;padding:1.25rem .5rem;border-bottom:1px dashed rgba(0,0,0,.05);display:block}.offcanvas .nav-link:focus,.offcanvas .nav-link:hover{color:var(--accent-color)!important;background-color:rgba(102,126,234,.05);padding-left:1.5rem;transition:all .2s ease}.offcanvas .dropdown-menu{position:static!important;float:none;width:100%;margin-top:0;background-color:transparent;border:none;box-shadow:none;padding-left:1rem}.offcanvas .dropdown-item{padding:1rem 1rem;font-size:1.1rem}}