.google-login-container{margin:0;min-width:200px;width:auto}.google-login-container .google-login-button{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;height:40px;justify-content:center;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.google-login-container .google-login-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary);box-shadow:0 2px 6px #0000001a,0 0 0 1px rgba(var(--primary-rgb),.1);transform:translateY(-1px)}.google-login-container .google-login-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.google-login-container .google-login-button:disabled{cursor:not-allowed;opacity:.7}.google-login-container .google-login-button.loading{background:var(--bg-secondary)}.google-login-container .google-login-button.loading .button-text{opacity:.7}.google-login-container .google-login-button svg{flex-shrink:0;font-size:20px}.google-login-container .google-login-button span{font-size:14px;font-weight:500;white-space:nowrap}.google-login-container .google-login-button .spinner{animation:spin .8s linear infinite;border:2px solid rgba(var(--primary-rgb),.1);border-radius:50%;border-top-color:var(--primary);height:20px;width:20px}@media(max-width:768px){.google-login-container{min-width:160px}.google-login-container .google-login-button{height:38px;padding:8px 16px}.google-login-container .google-login-button svg{font-size:18px}.google-login-container .google-login-button span{font-size:13px}.google-login-container .google-login-button .spinner{height:18px;width:18px}}@media(max-width:480px){.google-login-container{min-width:auto;position:relative;z-index:10}.google-login-container .google-login-button{cursor:pointer!important;height:36px;padding:6px 12px;pointer-events:auto!important;position:relative;z-index:10}.google-login-container .google-login-button svg{font-size:18px;pointer-events:none}.google-login-container .google-login-button span{display:none}.google-login-container .google-login-button .spinner{height:16px;width:16px}}@media(min-width:481px)and (max-width:640px){.google-login-container .google-login-button{padding:6px 12px}.google-login-container .google-login-button span{font-size:12px;max-width:80px;overflow:hidden;text-overflow:ellipsis}}.navbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;box-shadow:0 2px 10px #0000001a;height:80px;isolation:isolate;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar__container{align-items:center;box-sizing:border-box;display:flex;width:100%}.navbar__container{justify-content:space-between;margin:0 auto;max-width:1200px;max-width:100%;overflow-x:hidden;padding:0 1rem}@media(max-width:768px){.navbar__container{max-width:100%;padding:0 .75rem}}@media(max-width:480px){.navbar__container{padding:0 .5rem}}@media(max-width:768px){.navbar__container{height:64px;max-width:100vw;padding:0 .75rem}}@media(max-width:480px){.navbar__container{height:auto;padding:0 .5rem}}.navbar__left{align-items:center;display:flex;flex:0 0 auto}.navbar__left .logo{height:70px;max-width:260px;object-fit:contain;width:auto}.navbar__center{display:none;flex:1 1 auto;gap:2rem;justify-content:center}@media(min-width:768px){.navbar__center{display:flex}}.navbar__right{align-items:center;display:flex;flex:0 0 auto;justify-content:flex-end;position:relative;z-index:10000}.navbar__right .user-menu{position:relative;z-index:10100}.navbar__right .user-menu .user-profile-button{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:25px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:all .2s ease;z-index:10100}.navbar__right .user-menu .user-profile-button:hover{background:var(--bg-light);border-color:#017bfe;border-color:var(--primary-color)}.navbar__right .user-menu .user-profile-button .user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.navbar__right .user-menu .user-profile-button .username{color:var(--text-primary);font-size:.875rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.navbar__right .user-menu .user-profile-button .username{display:none}}.navbar__right .user-menu .user-profile-button .dropdown-arrow{color:#666;color:var(--text-secondary);transition:transform .2s ease}.navbar__right .user-menu .user-profile-button .dropdown-arrow.rotated{transform:rotate(180deg)}.navbar__right .user-menu .user-dropdown{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026;opacity:0;position:fixed;right:24px;top:70px;transform:translateY(-10px);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;width:280px;z-index:10999}.navbar__right .user-menu .user-dropdown.active{opacity:1;transform:translateY(0);visibility:visible}.navbar__right .user-menu .user-dropdown .user-info{align-items:center;display:flex;gap:1rem;padding:1rem}.navbar__right .user-menu .user-dropdown .user-info .user-avatar-large{border-radius:50%;height:48px;object-fit:cover;width:48px}.navbar__right .user-menu .user-dropdown .user-info .user-details{display:flex;flex-direction:column;gap:.25rem}.navbar__right .user-menu .user-dropdown .user-info .user-details .user-name{color:var(--text-primary);font-weight:500}.navbar__right .user-menu .user-dropdown .user-info .user-details .user-email{color:#666;color:var(--text-secondary);font-size:.875rem}.navbar__right .user-menu .user-dropdown .dropdown-divider{background:#e2e8f0;background:var(--border-color);height:1px;margin:.5rem 0}.navbar__right .user-menu .user-dropdown .dropdown-link{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s ease;width:100%}.navbar__right .user-menu .user-dropdown .dropdown-link svg{color:#666;color:var(--text-secondary)}.navbar__right .user-menu .user-dropdown .dropdown-link:hover{background:var(--bg-light)}.navbar__right .user-menu .user-dropdown .logout-button{align-items:center;background:#0000;border:none;color:var(--danger-color);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease;width:100%}.navbar__right .user-menu .user-dropdown .logout-button:hover{background:var(--danger-light)}.navbar__right .user-menu .user-dropdown:before{background:#fff;border-left:1px solid #e2e8f0;border-left:1px solid var(--border-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);content:"";height:12px;position:absolute;right:24px;top:-6px;transform:rotate(45deg);width:12px;z-index:10998}.navbar__right .google-login-container .google-login-button{border-radius:20px;height:40px;padding:8px 18px}.navbar__right .google-login-container .google-login-button svg{font-size:20px}.navbar__right .google-login-container .google-login-button span{font-size:14px;font-weight:500}.navbar__item{color:#333;font-weight:500;position:relative;text-decoration:none}.navbar__item:after{background:#017bfe;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar__item:hover:after{width:100%}@media(max-width:768px){.navbar{height:64px;padding:.75rem 1rem}.navbar__container{padding:0 .75rem;position:relative}.navbar__left{margin-right:auto}.navbar__left .logo{height:48px;max-width:180px}.navbar__right .user-menu .user-profile-button{padding:.375rem}.navbar__right .user-menu .user-dropdown{max-width:400px;position:fixed;right:-10px;top:64px;width:350px;z-index:1100}.navbar__right .google-login-container .google-login-button{height:38px;padding:8px 16px}.navbar__right .google-login-container .google-login-button svg{font-size:18px}.navbar__right .google-login-container .google-login-button span{font-size:13px}}.navbar .mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;height:40px;left:12px;padding:5px;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:1050}.navbar .mobile-menu-toggle svg{color:var(--text-primary);height:24px;width:24px}@media(max-width:480px){.navbar .mobile-menu-toggle{align-items:center;display:flex;justify-content:center}}.navbar .mobile-menu-dropdown{background:#fff;box-shadow:0 4px 12px #0000001a;display:none;flex-direction:column;left:0;opacity:0;padding:1rem;pointer-events:none;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:transform .3s ease,opacity .3s ease;z-index:1050}.navbar .mobile-menu-dropdown.active{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar .mobile-menu-dropdown .mobile-menu-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:block;font-size:16px;padding:12px 16px;text-decoration:none}.navbar .mobile-menu-dropdown .mobile-menu-item:last-child{border-bottom:none}@media(max-width:480px){.navbar .mobile-menu-dropdown{display:flex}.navbar{height:70px;overflow:visible;padding:.5rem .75rem}.navbar__container{display:flex;justify-content:center;overflow:visible;padding:0;position:relative}.navbar__left{left:50%;margin:0;position:absolute;transform:translateX(-50%);z-index:1020}.navbar__left a{cursor:pointer;display:block;pointer-events:auto;position:relative;z-index:5}.navbar__left .logo{height:64px;margin-right:24px;margin-top:15px;max-width:248px;pointer-events:auto}.navbar__right{pointer-events:auto;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:1050}.navbar__right .google-login-container{pointer-events:auto;position:relative;z-index:1050}.navbar__right .google-login-container .google-login-button{cursor:pointer;height:36px;min-width:auto;padding:6px 12px;pointer-events:auto;position:relative;z-index:10}.navbar__right .google-login-container .google-login-button svg{font-size:18px}.navbar__right .google-login-container .google-login-button span{display:none}.navbar__right .user-menu{pointer-events:auto;z-index:1050}.navbar__right .user-menu .user-profile-button{cursor:pointer;padding:5px;pointer-events:auto;position:relative;z-index:1050}.navbar__right .user-menu .user-profile-button .dropdown-arrow,.navbar__right .user-menu .user-profile-button .username{display:none}.navbar__right .user-menu .user-dropdown{z-index:1100}}@media(min-width:481px)and (max-width:640px){.navbar__right .google-login-container .google-login-button{padding:6px 12px}.navbar__right .google-login-container .google-login-button span{font-size:12px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.footer{background:#1a1a1a;color:#fff;padding:4rem 0 2rem}.footer,.footer__container{box-sizing:border-box;width:100%}.footer__container{margin:0 auto;max-width:1200px;max-width:100%;overflow-x:hidden;padding:0 1rem}@media(max-width:768px){.footer__container{max-width:100%;padding:0 .75rem}}@media(max-width:480px){.footer__container{padding:0 .5rem}}.footer__logo{margin-bottom:3rem;text-align:center}.footer__logo a{align-items:center;display:flex;justify-content:center}.footer__logo a .logo{filter:brightness(0) invert(1);height:148px;width:auto}.footer__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;margin-bottom:3rem}.footer__column h3{color:#fff;margin-bottom:1.5rem}.footer__column ul{list-style:none;padding:0}.footer__column ul li{margin-bottom:.75rem}.footer__column ul li a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer__column ul li a:hover{color:#fff}.footer__bottom{border-top:1px solid #ffffff1a;color:#fffc;padding-top:2rem;text-align:center}.app-container{isolation:isolate;overflow-x:hidden}.app-container,.content-container{box-sizing:border-box;position:relative;width:100%}.content-container{flex:1 1;max-width:100%;padding-top:80px;z-index:1}@media(max-width:768px){.content-container{padding-top:64px}}@media(max-width:480px){.content-container{padding-top:70px}}footer{box-sizing:border-box;margin-top:auto;z-index:1}body,footer,html{position:relative;width:100%}body,html{-webkit-overflow-scrolling:touch;overflow-x:hidden}:root{--z-index-base:1;--z-index-footer:10;--z-index-content:100;--z-index-navbar:9000;--z-index-navbar-dropdown:9999}.toast{animation:slideIn .3s ease;background:#fff;border-radius:8px;box-shadow:var(--shadow-lg);gap:1rem;justify-content:space-between;max-width:400px;min-width:300px;padding:1rem;position:fixed;right:1rem;top:1rem;z-index:1060}.toast,.toast .toast-content{align-items:center;display:flex}.toast .toast-content{flex:1 1;gap:.75rem}.toast .toast-content .icon{align-items:center;display:flex;font-size:1.25rem}.toast .toast-content .message{color:var(--text-primary);font-size:.875rem}.toast .close-btn{color:var(--text-secondary);font-size:1.25rem;opacity:.7;padding:.25rem;transition:opacity .2s}.toast .close-btn:hover{opacity:1}.toast.success{border-left:4px solid var(--success)}.toast.success .icon{color:var(--success)}.toast.warning{border-left:4px solid var(--warning)}.toast.warning .icon{color:var(--warning)}.toast.error{border-left:4px solid var(--error)}.toast.error .icon{color:var(--error)}.toast.info{border-left:4px solid var(--primary-color)}.toast.info .icon{color:var(--primary-color)}.toast.with-banner{top:4.5rem}.loading-state{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:1.5rem;transition:all .3s ease}.loading-state.fullscreen{background-color:#ffffffe6;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-state .loading-animation{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.loading-state .spinner{animation:spin 1.2s cubic-bezier(.5,.1,.5,.9) infinite;font-size:2rem}.loading-state .loading-message{font-size:1rem;font-weight:500;line-height:1.5;margin:0;max-width:300px;text-align:center}.loading-state.small .spinner{font-size:1.5rem}.loading-state.small .loading-message{font-size:.875rem}.loading-state.medium .spinner{font-size:2.5rem}.loading-state.large .spinner{font-size:3.5rem}.loading-state.large .loading-message{font-size:1.125rem}.loading-state.default{color:#6b7280;color:var(--text-secondary,#6b7280)}.loading-state.primary{color:#3b82f6;color:var(--primary,#3b82f6)}.loading-state.success{color:#10b981;color:var(--success,#10b981)}.loading-state.warning{color:#f59e0b;color:var(--warning,#f59e0b)}.loading-state.error{color:#ef4444;color:var(--error,#ef4444)}.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner.inline{display:inline-flex;margin:0 .5rem}.loading-spinner .spinner{animation:spin 1s linear infinite}.loading-spinner.small .spinner{font-size:1rem}.loading-spinner.medium .spinner{font-size:1.5rem}.loading-spinner.large .spinner{font-size:2rem}.loading-spinner.default{color:#6b7280;color:var(--text-secondary,#6b7280)}.loading-spinner.primary{color:#3b82f6;color:var(--primary,#3b82f6)}.loading-spinner.success{color:#10b981;color:var(--success,#10b981)}.loading-spinner.warning{color:#f59e0b;color:var(--warning,#f59e0b)}.loading-spinner.error{color:#ef4444;color:var(--error,#ef4444)}.loading-dots{align-items:center;display:flex;justify-content:center}.loading-dots .dot{animation:pulse 1.4s ease-in-out infinite;background-color:#6b7280;background-color:var(--text-secondary,#6b7280);border-radius:50%;height:.5rem;margin:0 .25rem;width:.5rem}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}.loading-dots.small .dot{height:.35rem;width:.35rem}.loading-dots.medium .dot{height:.5rem;width:.5rem}.loading-dots.large .dot{height:.75rem;width:.75rem}.loading-dots.default .dot{background-color:#6b7280;background-color:var(--text-secondary,#6b7280)}.loading-dots.primary .dot{background-color:#3b82f6;background-color:var(--primary,#3b82f6)}.loading-dots.success .dot{background-color:#10b981;background-color:var(--success,#10b981)}.loading-dots.warning .dot{background-color:#f59e0b;background-color:var(--warning,#f59e0b)}.loading-dots.error .dot{background-color:#ef4444;background-color:var(--error,#ef4444)}.spinner{align-items:center;display:flex;justify-content:center}.spinner.spinner-inline{display:inline-flex;margin:0 .5rem}.spinner .spinner-inner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#1a73e8}.spinner.spinner-small .spinner-inner{height:16px;width:16px}.spinner.spinner-medium .spinner-inner{height:24px;width:24px}.spinner.spinner-large .spinner-inner{height:40px;width:40px}.circular-progress{align-items:center;display:flex;height:180px;justify-content:center;position:relative;width:180px}.circular-progress svg{filter:drop-shadow(0 0 5px rgba(0,0,0,.3));overflow:visible;transform:rotate(-90deg)}.circular-progress circle{transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.circular-progress .progress-background{stroke:#ffffff1a}.circular-progress .progress-background-animated{animation:rotateGradient 4s linear infinite}.circular-progress .progress-bar{transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1),stroke .5s ease}.circular-progress.error .progress-bar{stroke:#ef4444;filter:drop-shadow(0 0 5px rgba(239,68,68,.5))}.circular-progress.loading .progress-bar{animation:pulseOpacity 1.5s ease-in-out infinite}.circular-progress.status-initializing .progress-bar{stroke:#8b5cf6;filter:drop-shadow(0 0 5px rgba(139,92,246,.5))}.circular-progress.status-crawling .progress-bar,.circular-progress.status-discovery .progress-bar{stroke:#f97316;filter:drop-shadow(0 0 5px rgba(249,115,22,.5))}.circular-progress.status-analyzing .progress-bar{stroke:#0ea5e9;filter:drop-shadow(0 0 5px rgba(14,165,233,.5))}.circular-progress.status-finalizing .progress-bar,.circular-progress.status-generating .progress-bar,.circular-progress.status-processing .progress-bar,.circular-progress.status-reporting .progress-bar{stroke:#10b981;filter:drop-shadow(0 0 5px rgba(16,185,129,.5))}.circular-progress.status-completed .progress-bar{stroke:#22c55e;filter:drop-shadow(0 0 5px rgba(34,197,94,.5))}.circular-progress.status-error .progress-bar{stroke:#ef4444;filter:drop-shadow(0 0 5px rgba(239,68,68,.5))}.circular-progress .progress-label{color:#333;font-size:1.5rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.circular-progress .progress-label .error-icon{color:#dc3545}@keyframes pulseOpacity{0%{stroke-width:8;opacity:1}50%{stroke-width:10;opacity:.6}to{stroke-width:8;opacity:1}}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stage-indicator{display:flex;justify-content:space-between;margin:1.5rem 0;position:relative;width:100%}@media(max-width:768px){.stage-indicator{flex-direction:column;gap:1.5rem}}.stage-indicator .stage-item{flex:1 1;position:relative;text-align:center;z-index:2}@media(max-width:768px){.stage-indicator .stage-item{align-items:center;display:flex;text-align:left}}.stage-indicator .stage-item .stage-marker{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:2px solid #fff3;border-radius:50%;color:#fff9;display:flex;font-size:.85rem;font-weight:600;height:32px;justify-content:center;margin:0 auto;transition:all .3s ease;width:32px}@media(max-width:768px){.stage-indicator .stage-item .stage-marker{height:28px;margin:0 1rem 0 0;min-width:28px;width:28px}}.stage-indicator .stage-item .stage-label{color:#fff9;font-size:.85rem;margin-top:.7rem;transition:color .3s ease}@media(max-width:768px){.stage-indicator .stage-item .stage-label{font-size:.9rem;margin-top:0;white-space:normal}}@media(min-width:768px)and (max-width:1100px){.stage-indicator .stage-item .stage-label{font-size:.75rem}}.stage-indicator .stage-item .stage-connector{background:#ffffff1a;height:2px;left:50%;position:absolute;top:16px;transition:background-color .3s ease;width:100%;z-index:-1}@media(max-width:768px){.stage-indicator .stage-item .stage-connector{display:none}}.stage-indicator .stage-item.complete .stage-marker{background:#22c55e26;border-color:#22c55eb3;box-shadow:0 0 8px #22c55e4d;color:#fff}.stage-indicator .stage-item.complete .stage-label{color:#ffffffe6;font-weight:500}.stage-indicator .stage-item.complete .stage-connector{background:linear-gradient(90deg,#22c55eb3,#22c55e4d)}.stage-indicator .stage-item.current .stage-marker{animation:pulse 2s infinite;background:#3b82f626;border-color:#3b82f6b3;box-shadow:0 0 12px #3b82f666;color:#fff;transform:scale(1.1)}.stage-indicator .stage-item.current .stage-label{color:#fff;font-weight:500}.stage-indicator .stage-item.error .stage-marker{background:#ef444426;border-color:#ef4444b3;box-shadow:0 0 8px #ef44444d;color:#fff}.stage-indicator .stage-item.error .stage-label{color:#fca5a5}.scan-progress-overlay{animation:fadeIn .5s ease-in-out;background-color:#000000f2;box-sizing:border-box;color:#fff;overflow:auto;padding:2rem;z-index:9999}.scan-progress-overlay.completed{background-color:#0f2818fa}.scan-progress-overlay.error{background-color:#2a0f0ffa}.scan-progress-overlay.mobile{-webkit-overflow-scrolling:touch;bottom:0!important;height:100%!important;left:0!important;margin:0!important;max-height:100vh!important;max-height:100dvh!important;max-width:100vw!important;overflow:hidden;position:fixed;right:0!important;top:0!important;width:100%!important}.scan-progress-overlay.mobile .scan-progress-content{height:100%;justify-content:flex-start;overflow-y:auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.scan-progress-overlay.mobile .scan-progress-content .progress-header{margin-bottom:1rem}.scan-progress-overlay.mobile .scan-progress-content .scan-warning{margin-bottom:1rem;padding:.75rem}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout{gap:1rem}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .animation-content-container{margin-top:0;padding:1rem}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .animation-content-container .animation-area{margin-bottom:.75rem}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .animation-content-container .content-area h3{font-size:1.1rem;margin-bottom:.5rem}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .animation-content-container .content-area p{font-size:.9rem;line-height:1.3}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .progress-main-container,.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics{gap:1rem}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-circle-container{height:100px;width:100px}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info{gap:.75rem}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status{gap:.5rem}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status .status-text{font-size:.9rem}.scan-progress-overlay.mobile .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status .current-stage{font-size:.9rem;padding:.3rem .7rem}.scan-progress-overlay.mobile .scan-progress-content .progress-footer{margin-top:1rem}.scan-progress-overlay.mobile .scan-progress-content .progress-footer .connection-status,.scan-progress-overlay.mobile .scan-progress-content .progress-footer .reconnecting-message{font-size:.8rem}.scan-progress-overlay .scan-progress-content{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:100%;overflow-y:auto;padding:2rem;width:100%}@media(max-width:768px){.scan-progress-overlay .scan-progress-content{height:-webkit-fill-available;padding:1rem}}.scan-progress-overlay .scan-progress-content .scan-warning{align-items:center;background-color:#ffffff14;border-left:4px solid #f59e0b;border-radius:.75rem;display:flex;gap:1rem;margin:0 auto 2rem;max-width:1200px;padding:1rem 1.5rem;width:100%}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-warning{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}}.scan-progress-overlay .scan-progress-content .scan-warning .scan-icon{color:#f59e0b;flex-shrink:0;font-size:1.5rem}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-warning .scan-icon{font-size:1.3rem}}.scan-progress-overlay .scan-progress-content .scan-warning p{color:#e2e8f0;font-size:1rem;line-height:1.5;margin:0}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-warning p{font-size:.9rem}}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-warning p{font-size:.85rem;line-height:1.4}}.scan-progress-overlay .scan-progress-content .progress-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto 2rem;max-width:1200px;width:100%}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .progress-header{margin-bottom:1.5rem}}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .progress-header{margin-bottom:1.25rem}}.scan-progress-overlay .scan-progress-content .progress-header h2{color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:-.025em;margin:0;text-shadow:0 2px 4px #0000004d}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .progress-header h2{font-size:1.4rem}}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .progress-header h2{font-size:1.25rem}}.scan-progress-overlay .scan-progress-content .progress-header .cancel-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .progress-header .cancel-button{height:44px;width:44px}}.scan-progress-overlay .scan-progress-content .progress-header .cancel-button:hover{background-color:#ffffff1a;color:#fff}.scan-progress-overlay .scan-progress-content .progress-header .cancel-button:focus{box-shadow:0 0 0 2px #ffffff80;outline:none}.scan-progress-overlay .scan-progress-content .scan-progress-layout{display:flex;flex-direction:column;flex-grow:1;gap:3rem;margin:0 auto;max-width:1200px;width:100%}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-progress-layout{gap:1.75rem}}@media(min-width:1024px){.scan-progress-overlay .scan-progress-content .scan-progress-layout{align-items:flex-start;flex-direction:row}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container{display:flex;flex:1 1;flex-direction:column;gap:2.5rem}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container{gap:1.5rem}}@media(min-width:1024px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container{max-width:55%}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics{align-items:center;display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics{flex-direction:row}}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics{gap:1.25rem}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-circle-container{flex-shrink:0;height:160px;position:relative;width:160px}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-circle-container{height:120px;width:120px}}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-circle-container{height:100px;width:100px}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;width:100%}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info{gap:1rem}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status{align-items:center;flex-direction:row;justify-content:space-between}}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status{gap:.75rem}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status .status-text{color:#94a3b8;font-size:1.1rem;font-weight:500}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status .status-text{font-size:.95rem}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status .current-stage{background-color:#3b82f633;border-radius:999px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:.5rem 1rem}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status .current-stage{font-size:.95rem;padding:.4rem .8rem}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-status .current-stage.completed{background-color:#22c55e33}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-bar-container{background-color:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-bar-container .progress-bar{background:linear-gradient(90deg,#4338ca,#3b82f6);border-radius:4px;box-shadow:0 0 10px #3b82f680;height:100%;transition:width .5s ease}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-bar-container .progress-bar.error{background:linear-gradient(90deg,#b91c1c,#ef4444);box-shadow:0 0 10px #ef444480}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-metrics .progress-info .progress-bar-container .progress-bar.completed{background:linear-gradient(90deg,#15803d,#22c55e);box-shadow:0 0 10px #22c55e80}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container .progress-stages{width:100%}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-radius:12px;box-shadow:0 8px 32px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:2rem;padding:2rem}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container{gap:1.5rem;padding:1.5rem}}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container{border-radius:10px;gap:1.25rem;padding:1.25rem}}@media(min-width:1024px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container{margin-top:1rem;max-width:45%}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area{margin-bottom:.5rem}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area .animation-icon{align-items:center;animation:float 3s ease-in-out infinite alternate;background-color:#ffffff1a;border-radius:50%;color:#60a5fa;display:flex;height:100px;justify-content:center;padding:1.5rem;width:100px}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area .animation-icon{height:90px;padding:1.25rem;width:90px}}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area .animation-icon{height:80px;padding:1rem;width:80px}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area .animation-icon.error{color:#f87171}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area .animation-icon.complete{color:#86efac}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area .animation-icon svg{height:100%;width:100%}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area.initializing .animation-icon{animation:pulse 2s infinite;color:#c4b5fd}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area.discovering .animation-icon{animation:spin 8s linear infinite;color:#fdba74}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area.analyzing .animation-icon{animation:wave 4s ease-in-out infinite;color:#67e8f9}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area.processing .animation-icon{animation:bounce 2s infinite;color:#86efac}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area.completed .animation-icon{animation:success 1s ease-out,glow 2s infinite alternate;color:#86efac}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .animation-area.error .animation-icon{animation:shake .5s ease-in-out;color:#f87171}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .content-area{animation:fadeInUp .5s ease-out}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .content-area h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:0}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .content-area h3{font-size:1.3rem;margin-bottom:.75rem}}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .content-area h3{font-size:1.15rem;margin-bottom:.5rem}}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .content-area h3.completed{color:#86efac;text-shadow:0 0 10px #86efac80}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .content-area p{color:#cbd5e1;font-size:1.1rem;line-height:1.6;margin:0}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .content-area p{font-size:1rem;line-height:1.5}}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container .content-area p{font-size:.95rem;line-height:1.4}}.scan-progress-overlay .scan-progress-content .progress-footer{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1200px;width:100%}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .progress-footer{margin-top:1.5rem}}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .progress-footer{margin-bottom:env(safe-area-inset-bottom,0);margin-top:1.25rem}}.scan-progress-overlay .scan-progress-content .progress-footer .connection-status{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:.5rem}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .progress-footer .connection-status{font-size:.8rem}}.scan-progress-overlay .scan-progress-content .progress-footer .connection-status .status-indicator{border-radius:50%;flex-shrink:0;height:10px;width:10px}.scan-progress-overlay .scan-progress-content .progress-footer .connection-status .status-indicator.connected{background-color:#22c55e;box-shadow:0 0 10px #22c55e80}.scan-progress-overlay .scan-progress-content .progress-footer .connection-status .status-indicator.disconnected{background-color:#94a3b8}.scan-progress-overlay .scan-progress-content .progress-footer .reconnecting-message{color:#f59e0b;font-size:.9rem;margin-top:.5rem}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .progress-footer .reconnecting-message{font-size:.8rem}}.scan-progress-overlay .scan-progress-content .error-container{background-color:#ef44441a;border-left:4px solid #ef4444;border-radius:.75rem;margin:2rem auto 0;max-width:1200px;padding:1.5rem;width:100%}@media(max-width:768px){.scan-progress-overlay .scan-progress-content .error-container{margin-top:1.5rem;padding:1.25rem}}.scan-progress-overlay .scan-progress-content .error-container h3{color:#ef4444;font-size:1.2rem;font-weight:600;margin:0 0 .75rem}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .error-container h3{font-size:1.1rem}}.scan-progress-overlay .scan-progress-content .error-container p{color:#fecaca;font-size:1rem;margin:0 0 1.25rem}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .error-container p{font-size:.9rem;margin-bottom:1rem}}.scan-progress-overlay .scan-progress-content .error-container .retry-button{background-color:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.25rem;transition:background-color .2s ease}@media(max-width:480px){.scan-progress-overlay .scan-progress-content .error-container .retry-button{font-size:.9rem;padding:.5rem 1rem;width:100%}}.scan-progress-overlay .scan-progress-content .error-container .retry-button:hover{background-color:#dc2626}.scan-progress-overlay .scan-progress-content .error-container .retry-button:focus{box-shadow:0 0 0 2px #ef444480;outline:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes success{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(134,239,172,.5))}to{filter:drop-shadow(0 0 15px rgba(134,239,172,.8))}}body .scan-progress-overlay{border-radius:0!important;box-shadow:none!important;height:100vh!important;height:100dvh!important;height:-webkit-fill-available!important;left:0!important;margin:0!important;max-height:none!important;max-height:-webkit-fill-available!important;max-width:none!important;overflow:hidden!important;padding:0!important;position:fixed!important;top:0!important;transform:none!important;width:100vw!important;z-index:999999!important}body.scan-progress-active{height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}@supports(padding:max(0px)){.scan-progress-overlay .scan-progress-content{padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}}@media(max-width:480px){.scan-progress-overlay{padding:0}.scan-progress-overlay .scan-progress-content{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-width:100%;overflow-y:auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));width:100%}.scan-progress-overlay .scan-progress-content .scan-progress-layout{flex:1 1;gap:1.25rem}.scan-progress-overlay .scan-progress-content .scan-progress-layout .progress-main-container{gap:1.25rem}.scan-progress-overlay .scan-progress-content .scan-progress-layout .animation-content-container{margin-top:0;padding:1rem}.scan-progress-overlay .scan-progress-content .progress-footer{margin-top:auto;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}}@supports(-webkit-touch-callout:none){.scan-progress-overlay{height:-webkit-fill-available!important;max-height:-webkit-fill-available!important}.scan-progress-overlay.mobile .scan-progress-content{height:-webkit-fill-available;max-height:-webkit-fill-available;min-height:0}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.accessibility-score{align-items:center;background:var(--current-bg-primary);border:1px solid var(--current-border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.accessibility-score:hover{border-color:var(--current-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.accessibility-score h3{color:var(--current-text-primary);font-size:1rem;margin-bottom:1rem}.accessibility-score .score-display{aspect-ratio:1;max-width:100px;width:100%}.accessibility-score .score-display .CircularProgressbar-text{fill:var(--current-text-primary)!important;font-size:28px;font-weight:600}.accessibility-score .score-display .CircularProgressbar-trail{stroke:var(--current-bg-secondary)!important}.accessibility-score .status-label{color:var(--current-text-primary);margin-top:1.25rem}.accessibility-score.developer-mode{background:var(--dev-bg-primary);border-color:var(--dev-border-color)}.accessibility-score.developer-mode .CircularProgressbar-text,.accessibility-score.developer-mode h3{color:var(--dev-text-primary)}.accessibility-score.developer-mode .CircularProgressbar-trail{stroke:var(--dev-bg-secondary)}.violations-tag{background:var(--current-bg-secondary);color:var(--current-text-primary)}.developer-mode .violations-tag{background:var(--dev-bg-secondary);color:var(--dev-text-primary)}.category-navigation{padding:1rem}.category-navigation h3{color:var(--text-primary);font-size:1rem;margin:0 0 1rem}.category-navigation .category-list{display:flex;flex-direction:column;gap:.5rem}.category-navigation .category-item{align-items:center;background:var(--bg-light);border:none;border-radius:6px;cursor:pointer;display:flex;padding:.75rem 1rem;transition:all .2s ease}.category-navigation .category-item:hover{background:var(--bg-hover)}.category-navigation .category-item.active{background:var(--primary-light);color:var(--primary-color);font-weight:500}.category-navigation .category-item.active .category-count{background:var(--primary-color);color:#fff}.category-navigation .category-item .category-label{flex:1 1;font-size:.875rem}.category-navigation .category-item .category-count{background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:.75rem;min-width:24px;padding:.25rem .5rem;text-align:center}.developer-mode .category-navigation{background:var(--dev-bg-secondary);border-bottom:1px solid var(--dev-border-color)}.developer-mode .category-navigation .category-item{background:var(--dev-bg-secondary);border:1px solid var(--dev-border-color);color:var(--dev-text-primary)}.sidebar-view-toggle,.sidebar-view-toggle .view-btn{display:flex;gap:.5rem;padding:.5rem}.sidebar-view-toggle .view-btn{align-items:center;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;width:100%}.sidebar-view-toggle .view-btn svg{flex-shrink:0;height:18px;width:18px}.sidebar-view-toggle .view-btn span{overflow:hidden;white-space:nowrap}.business-mode .sidebar-view-toggle{border-bottom:1px solid var(--business-border-color)}.business-mode .sidebar-view-toggle .view-btn{background:var(--business-bg-primary);border:1px solid var(--business-border-color);color:var(--business-text-primary)}.business-mode .sidebar-view-toggle .view-btn.active{background:var(--business-bg-primary);border-color:var(--business-border-color);color:var(--business-text-primary)}.business-mode .sidebar-view-toggle .view-btn:hover:not(.active){background:var(--business-bg-secondary);color:var(--business-text-primary)}.developer-mode .sidebar-view-toggle{border-bottom:1px solid var(--dev-border-color)}.developer-mode .sidebar-view-toggle .view-btn{background:var(--dev-bg-secondary);border:1px solid var(--dev-border-color);color:var(--dev-text-secondary)}.developer-mode .sidebar-view-toggle .view-btn.active{background:var(--dev-primary);border-color:var(--dev-primary);color:#fff}.developer-mode .sidebar-view-toggle .view-btn:hover:not(.active){background:var(--dev-bg-tertiary);color:var(--dev-text-primary)}.collapsed .sidebar-view-toggle{flex-direction:column;padding:.25rem}.collapsed .sidebar-view-toggle .view-btn{justify-content:center;padding:.5rem;width:auto}.collapsed .sidebar-view-toggle .view-btn span{display:none}.left-sidebar{background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-width:20%;overflow:hidden;position:relative;transition:all .45s cubic-bezier(.4,0,.2,1);width:220px}.left-sidebar .sidebar-header{border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:1rem}.left-sidebar .sidebar-header .toggle-btn{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;height:32px;justify-content:center;transition:transform .3s ease;width:32px}.left-sidebar .sidebar-header .toggle-btn:hover{background:var(--bg-light)}.left-sidebar .mobile-header{display:none}@media(max-width:768px){.left-sidebar .mobile-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem;z-index:10}.left-sidebar .mobile-header h2{font-size:1.25rem;font-weight:600;margin:0}.left-sidebar .mobile-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.left-sidebar .mobile-header .close-btn:hover{background:var(--bg-light)}.left-sidebar .mobile-header .close-btn svg{height:24px;width:24px}}.left-sidebar .sidebar-content{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-width:100%;overflow-y:auto;position:relative;transition:opacity .3s ease;width:100%}.left-sidebar .sidebar-content::-webkit-scrollbar{width:6px}.left-sidebar .sidebar-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.left-sidebar .sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.left-sidebar .sidebar-content .score-section{align-items:center;background:#fff;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem}.left-sidebar .sidebar-content .score-section .accessibility-score{background:#0000;border:none;box-shadow:none;margin-bottom:1rem;padding:0;transition:transform .3s ease}.left-sidebar .sidebar-content .score-section .accessibility-score .score-display{aspect-ratio:1;max-width:100px;width:100%}.left-sidebar .sidebar-content .score-section .accessibility-score .score-display .CircularProgressbar-text{font-size:28px;font-weight:600}.left-sidebar .sidebar-content .score-section .violations-tag{align-items:center;background:var(--error-light);border-radius:4px;color:var(--error);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.375rem .75rem;transition:opacity .3s ease}.left-sidebar .sidebar-content .score-section .violations-tag svg{height:24px;transition:transform .3s ease;width:24px}.left-sidebar .sidebar-content .score-section .violations-tag:hover svg{transform:translateY(2px)}.left-sidebar .sidebar-content .categories-section{flex:1 1}.left-sidebar .sidebar-content .unlock-report{background:#fff;border-top:1px solid var(--border-color);bottom:0;padding:1rem;position:-webkit-sticky;position:sticky;z-index:10}.left-sidebar .sidebar-content .unlock-report button{align-items:center;background:var(--primary);border-radius:6px;color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:background .2s;width:100%}.left-sidebar .sidebar-content .unlock-report button:hover{background:var(--primary-dark);color:#fff}.left-sidebar .sidebar-content .unlock-report button.premium{background:var(--primary-light);color:var(--primary)}.left-sidebar .sidebar-content .unlock-report button.premium:hover{background:var(--primary-lighter)}.left-sidebar .sidebar-content .unlock-report button svg{height:16px;width:16px}.left-sidebar.collapsed{min-width:64px;width:64px}.left-sidebar.collapsed .toggle-btn{transform:rotate(180deg)}.left-sidebar.collapsed .sidebar-content .score-section{padding:.75rem}.left-sidebar.collapsed .sidebar-content .score-section .accessibility-score{margin:.5rem 0;transform:scale(1.3);transform-origin:center 40%}.left-sidebar.collapsed .sidebar-content .score-section .accessibility-score .score-display{margin:0;max-width:40px}.left-sidebar.collapsed .sidebar-content .score-section .accessibility-score .score-display .CircularProgressbar-text{font-size:32px;font-weight:700}.left-sidebar.collapsed .sidebar-content .score-section .accessibility-score .status-label,.left-sidebar.collapsed .sidebar-content .score-section .accessibility-score h3,.left-sidebar.collapsed .sidebar-content .score-section .accessibility-score p{display:none}.left-sidebar.collapsed .sidebar-content .score-section .violations-tag{align-items:center;background:var(--error-light);border-radius:999px;color:var(--error);display:flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;margin:.5rem auto 0;padding:0;width:28px}.left-sidebar.collapsed .sidebar-content .score-section .violations-tag span{margin:0}.left-sidebar.collapsed .sidebar-content .score-section .violations-tag span:after{content:attr(data-count)}.left-sidebar.collapsed .sidebar-content .score-section .violations-tag .violations-text,.left-sidebar.collapsed .sidebar-content .score-section .violations-tag svg{display:none}.left-sidebar.collapsed .sidebar-content .categories-section{padding:.5rem}.left-sidebar.collapsed .sidebar-content .categories-section .category-navigation{border:none;padding:0}.left-sidebar.collapsed .sidebar-content .categories-section .category-navigation h2{display:none}.left-sidebar.collapsed .sidebar-content .categories-section .category-navigation .category-list{gap:.75rem}.left-sidebar.collapsed .sidebar-content .categories-section .category-navigation .category-list .category-item{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;margin:0 auto;padding:0;position:relative;width:40px}.left-sidebar.collapsed .sidebar-content .categories-section .category-navigation .category-list .category-item:hover{background:var(--bg-hover);transform:translateY(-1px)}.left-sidebar.collapsed .sidebar-content .categories-section .category-navigation .category-list .category-item.active{background:var(--primary-light);color:var(--primary-color)}.left-sidebar.collapsed .sidebar-content .categories-section .category-navigation .category-list .category-item.active:after{background:var(--primary-color);border-radius:0 2px 2px 0;content:"";height:20px;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.left-sidebar.collapsed .sidebar-content .categories-section .category-navigation .category-list .category-item .category-count,.left-sidebar.collapsed .sidebar-content .categories-section .category-navigation .category-list .category-item .category-label{display:none}.left-sidebar.collapsed .sidebar-content .unlock-report{padding:.5rem}.left-sidebar.collapsed .sidebar-content .unlock-report button{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;margin:0 auto;padding:0;width:40px}.left-sidebar.collapsed .sidebar-content .unlock-report button span{display:none}.left-sidebar.collapsed .sidebar-content .unlock-report button svg{height:18px;margin:0;width:18px}.developer-mode .left-sidebar{background:var(--dev-bg-secondary);border-right:1px solid var(--dev-border-color)}.developer-mode .left-sidebar .sidebar-header{border-bottom:1px solid var(--dev-border-color)}.developer-mode .left-sidebar .sidebar-header .toggle-btn{background:var(--dev-bg-secondary);border:1px solid var(--dev-border-color);color:var(--dev-text-primary);transition:background .2s}.developer-mode .left-sidebar .sidebar-header .toggle-btn:hover{background:var(--dev-bg-primary);border:1px solid var(--dev-border-color);color:var(--dev-text-primary)}.developer-mode .left-sidebar .sidebar-content .score-section{align-items:center;background:var(--dev-bg-secondary);border-bottom:1px solid var(--dev-border-color);display:flex;flex-direction:column;flex-shrink:0}.developer-mode .left-sidebar .sidebar-content .unlock-report button.premium{background:var(--dev-bg-secondary);border:1px solid var(--dev-border-color);color:var(--dev-text-primary)}.developer-mode .left-sidebar .sidebar-content .unlock-report button.premium:hover{background:var(--dev-bg-primary);border:1px solid var(--dev-border-color);color:var(--dev-text-primary)}.left-sidebar.transitioning .sidebar-content{opacity:0}@media(max-width:768px){.left-sidebar{background:var(--bg-light);box-shadow:0 0 20px #0000001a;height:100vh;left:0;max-width:100%;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:100%;z-index:1000}.left-sidebar.expanded{transform:translateX(0)}.left-sidebar .sidebar-content{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;padding-top:4rem}.left-sidebar .sidebar-content .mobile-header{align-items:center;background:var(--bg-light);border-bottom:1px solid var(--border-color);display:flex;height:4rem;justify-content:space-between;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:1001}.left-sidebar .sidebar-content .mobile-header .mobile-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.left-sidebar .sidebar-content .mobile-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.left-sidebar .sidebar-content .mobile-header .close-button:hover{background:var(--bg-hover);color:var(--text-primary)}.left-sidebar .sidebar-content .score-section{border-bottom:1px solid var(--border-color);padding:1rem}.left-sidebar .sidebar-content .filter-section{padding:1rem}.left-sidebar .sidebar-content .filter-section .filter-group{margin-bottom:1.5rem}.left-sidebar .sidebar-content .filter-section .filter-group .filter-header{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem;transition:background-color .2s ease}.left-sidebar .sidebar-content .filter-section .filter-group .filter-header:hover{background:var(--bg-hover)}.left-sidebar .sidebar-content .filter-section .filter-group .filter-header .filter-title{color:var(--text-primary);font-weight:600}.left-sidebar .sidebar-content .filter-section .filter-group .filter-header .filter-icon{color:var(--text-secondary);transition:transform .2s ease}.left-sidebar .sidebar-content .filter-section .filter-group .filter-header.expanded .filter-icon{transform:rotate(180deg)}.left-sidebar .sidebar-content .filter-section .filter-group .filter-options{max-height:0;overflow:hidden;padding:.5rem;transition:max-height .3s ease-in-out}.left-sidebar .sidebar-content .filter-section .filter-group .filter-options.expanded{max-height:500px}.left-sidebar .sidebar-content .filter-section .filter-group .filter-options .filter-option{border-radius:.5rem;cursor:pointer;padding:.5rem;transition:all .2s ease}.left-sidebar .sidebar-content .filter-section .filter-group .filter-options .filter-option:hover{background:var(--bg-hover)}.left-sidebar .sidebar-content .filter-section .filter-group .filter-options .filter-option.active{background:var(--primary-color-light);color:var(--primary-color)}.left-sidebar .sidebar-content.developer-mode .mobile-header{background:var(--dev-bg-secondary);border-bottom:1px solid var(--dev-border-color)}.left-sidebar .sidebar-content.developer-mode .filter-section,.left-sidebar .sidebar-content.developer-mode .score-section,.left-sidebar .sidebar-content.developer-mode .sidebar-content{background:var(--dev-bg-secondary)}.left-sidebar .sidebar-content.developer-mode .unlock-report{background:var(--dev-bg-secondary);color:var(--dev-text-primary)}}.export-preview-modal{align-items:center;animation:fadeIn .2s ease-out;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-preview-modal .modal-overlay{animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:absolute;right:0;top:0}.export-preview-modal .modal-content{animation:fadeScale .25s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:90%;z-index:1001}.export-preview-modal .modal-header{align-items:center;background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;gap:16px;justify-content:center;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.export-preview-modal .modal-header h2{color:#333;color:var(--text-primary,#333);font-size:20px;font-weight:600;margin:0}.export-preview-modal .modal-header .premium-badge{align-items:center;background:#f0e6ff;background:var(--premium-badge-bg,#f0e6ff);border-radius:16px;color:#6b46c1;color:var(--premium-badge-text,#6b46c1);display:flex;font-size:14px;font-weight:500;gap:8px;padding:4px 12px}.export-preview-modal .modal-header .premium-badge svg{height:16px;width:16px}.export-preview-modal .modal-header .close-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:8px;transition:all .2s}.export-preview-modal .modal-header .close-button:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5);color:#333;color:var(--text-primary,#333)}.export-preview-modal .modal-header .close-button svg{height:20px;width:20px}.export-preview-modal .preview-container{flex:1 1;overflow-y:auto;padding:0 24px;scrollbar-width:thin}.export-preview-modal .preview-container::-webkit-scrollbar{width:8px}.export-preview-modal .preview-container::-webkit-scrollbar-track{background:#0000}.export-preview-modal .preview-container::-webkit-scrollbar-thumb{background-color:#ccc;background-color:var(--scrollbar-thumb,#ccc);border-radius:4px}.export-preview-modal .preview-container .pdf-preview{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:20px auto;max-width:800px;padding:32px}.export-preview-modal .preview-container .pdf-preview h1{color:#333;color:var(--text-primary,#333);font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.export-preview-modal .preview-container .pdf-preview .summary-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:32px;padding-bottom:16px}.export-preview-modal .preview-container .pdf-preview .summary-section h2{color:#222;color:var(--heading-color,#222);font-size:20px;font-weight:600;margin-bottom:16px}.export-preview-modal .preview-container .pdf-preview .summary-section p{color:#555;color:var(--text-secondary,#555);font-size:15px;margin:8px 0}.export-preview-modal .preview-container .pdf-preview .summary-section .premium-note{align-items:center;background:#fff8e6;background:var(--premium-note-bg,#fff8e6);border-left:4px solid #f5a623;border-left:4px solid var(--premium-note-border,#f5a623);border-radius:8px;display:flex;gap:8px;margin-top:16px;padding:12px}.export-preview-modal .preview-container .pdf-preview .summary-section .premium-note svg{color:#f5a623;color:var(--premium-note-icon,#f5a623)}.export-preview-modal .preview-container .pdf-preview .summary-section .premium-note span{color:#664d03;color:var(--premium-note-text,#664d03);font-size:14px}.export-preview-modal .preview-container .pdf-preview .violations-section h2{color:#222;color:var(--heading-color,#222);font-size:20px;font-weight:600;margin-bottom:16px}.export-preview-modal .preview-container .pdf-preview .violations-section .no-violations{color:#666;color:var(--text-secondary,#666);font-style:italic;padding:24px;text-align:center}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item{background:#f9f9f9;background:var(--item-bg,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin-bottom:24px;padding:16px}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item:last-child{margin-bottom:0}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item h3{color:#333;color:var(--item-title,#333);font-size:17px;font-weight:600;margin:0 0 12px}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item p{color:#555;color:var(--text-secondary,#555);font-size:15px;line-height:1.5;margin:0 0 16px}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .element-preview{background-color:#f5f7fa;background-color:var(--code-bg,#f5f7fa);border:1px solid #e4e9f0;border:1px solid var(--code-border,#e4e9f0);border-radius:6px;margin:12px 0 16px;padding:12px}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .element-preview h4{color:#333;color:var(--heading-color,#333);font-size:15px;font-weight:600;margin:0 0 10px}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .element-preview .element-selector{color:#555;color:var(--text-secondary,#555);font-size:14px;margin-bottom:8px;word-break:break-all}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .element-preview .element-selector strong{color:#333;color:var(--text-primary,#333)}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .element-preview .html-snippet{background-color:#fff;background-color:var(--code-snippet-bg,#fff);border:1px solid #e0e5ec;border:1px solid var(--code-snippet-border,#e0e5ec);border-radius:4px;color:#333;color:var(--code-text,#333);font-family:monospace;font-size:13px;line-height:1.4;margin:0;max-height:120px;overflow-y:auto;padding:10px;white-space:pre-wrap;word-break:break-all}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .impact-section{border-top:1px dashed #e0e0e0;border-top:1px dashed var(--border-color,#e0e0e0);margin-top:12px;padding-top:12px}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .impact-section .severity-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .impact-section .severity-row h4{font-size:14px;font-weight:600;margin:0}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .impact-section h5{color:#444;color:var(--subheading-color,#444);font-size:15px;margin:12px 0 8px}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .impact-section ul{margin:8px 0;padding-left:20px}.export-preview-modal .preview-container .pdf-preview .violations-section .violation-item .impact-section ul li{color:#555;color:var(--text-secondary,#555);font-size:14px;margin-bottom:4px}.export-preview-modal .preview-footer{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.export-preview-modal .preview-footer .upgrade-button{align-items:center;background:#6b46c1;background:var(--premium-button-bg,#6b46c1);border:none;border-radius:6px;color:#fff;color:var(--premium-button-text,#fff);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.export-preview-modal .preview-footer .upgrade-button svg{height:16px;width:16px}.export-preview-modal .preview-footer .upgrade-button:hover{background:#553c9a;background:var(--premium-button-hover,#553c9a)}.export-preview-modal .preview-footer .export-buttons{display:flex;flex-wrap:wrap;gap:8px}.export-preview-modal .preview-footer .export-buttons .export-option-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#333;color:var(--button-color,#333);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.export-preview-modal .preview-footer .export-buttons .export-option-button:hover{background:#0000000d;background:rgba(var(--button-color-rgb,0,0,0),.05);border-color:#333;border-color:var(--button-color,#333);box-shadow:0 2px 4px #0000000d}.export-preview-modal .preview-footer .export-buttons .export-option-button svg{height:16px;width:16px}.export-preview-modal .preview-footer .preview-note{color:#666;color:var(--text-secondary,#666);font-size:14px;margin:0}@media(max-width:768px){.export-preview-modal .modal-content{max-height:95vh;width:95%}.export-preview-modal .preview-footer{align-items:stretch;flex-direction:column;gap:12px}.export-preview-modal .preview-footer .export-buttons{justify-content:center}.export-preview-modal .preview-footer .preview-note{text-align:center}.export-preview-modal .pdf-preview{padding:20px}.export-preview-modal .pdf-preview h1{font-size:20px}}@keyframes fadeScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.user-impact-details{margin-top:8px}.user-impact-details h6{color:#444;color:var(--subheading-color,#444);font-size:14px;font-weight:600;margin-bottom:6px}.user-impact-details .impact-statistics{background:#f9f9f9;background:var(--item-bg,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin-bottom:12px;padding:12px}.user-impact-details .impact-statistics .stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.user-impact-details .impact-statistics .stats-grid .stat-item{display:flex;flex-direction:column}.user-impact-details .impact-statistics .stats-grid .stat-item .stat-label{color:#666;color:var(--text-secondary,#666);font-size:12px;margin-bottom:2px}.user-impact-details .impact-statistics .stats-grid .stat-item .stat-value{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:500}.user-impact-details .affected-users,.user-impact-details .scenarios{margin-bottom:12px}.user-impact-details .affected-users ul,.user-impact-details .scenarios ul{margin:0;padding-left:20px}.user-impact-details .affected-users ul li,.user-impact-details .scenarios ul li{color:#555;color:var(--text-secondary,#555);font-size:14px;margin-bottom:4px}.export-progress{align-items:center;display:flex;flex-direction:column;padding:1rem;width:100%}.export-progress .progress-bar{background-color:#e6e6e6;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.export-progress .progress-bar .progress-fill{background-color:#4a90e2;height:100%;transition:width .3s ease}.export-progress p{color:#555;font-size:.875rem;margin:0}.export-error{align-items:center;display:flex;flex-direction:column;padding:1rem;width:100%}.export-error p{color:#e74c3c;font-weight:500;margin-bottom:.75rem}.export-error .retry-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.export-error .retry-button:hover{background-color:#c0392b}.modal-overlay{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;padding:2vh;z-index:1000}.modal-overlay.closing{animation:fadeOut .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.modal-overlay{align-items:flex-end;padding:0}}.modal-content{animation:modalSlideIn .5s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--current-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--current-border-color,#e0e0e0);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:calc(90vh - 64px)!important;max-width:90%;overflow:hidden;padding:0!important;position:relative;top:4%;width:75%}@media(max-width:768px){.modal-content{-webkit-overflow-scrolling:touch;border-radius:24px 24px 0 0;display:block;height:auto;max-height:90vh;overflow-y:auto;width:100%}}.modal-content.developer-mode{background:#1a1a1a;background:var(--dev-bg-primary,#1a1a1a);border-color:#333;border-color:var(--dev-border-color,#333)}.modal-content.developer-mode .modal-header{background:linear-gradient(135deg,#007bff0a,#007bff14);background:linear-gradient(135deg,rgba(var(--dev-primary-rgb,0,123,255),.04) 0,rgba(var(--dev-primary-rgb,0,123,255),.08) 100%);border-color:#333;border-color:var(--dev-border-color,#333)}.modal-content.developer-mode .modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#4da3ff);background:linear-gradient(135deg,var(--dev-primary,#007bff) 0,var(--dev-primary-light,#4da3ff) 100%);-webkit-background-clip:text}.modal-content.developer-mode .modal-header .subtitle{color:#aaa;color:var(--dev-text-secondary,#aaa)}.modal-content.developer-mode .modal-header .close-button{background:#252525;background:var(--dev-bg-secondary,#252525);border-color:#333;border-color:var(--dev-border-color,#333);color:#aaa;color:var(--dev-text-secondary,#aaa)}.modal-content.developer-mode .modal-header .close-button:hover{background:#303030;background:var(--dev-bg-tertiary,#303030);color:#e0e0e0;color:var(--dev-text-primary,#e0e0e0)}.modal-content.developer-mode .modal-body{background:#1a1a1a;background:var(--dev-bg-primary,#1a1a1a)}.modal-content.developer-mode .modal-body .feature-highlight{background:#252525;background:var(--dev-bg-secondary,#252525);border-color:#333;border-color:var(--dev-border-color,#333)}.modal-content.developer-mode .modal-body .feature-highlight .feature-icon{color:#007bff;color:var(--dev-primary,#007bff)}.modal-content.developer-mode .modal-body .feature-highlight .feature-content h4{color:#e0e0e0;color:var(--dev-text-primary,#e0e0e0)}.modal-content.developer-mode .modal-body .feature-highlight .feature-content p{color:#aaa;color:var(--dev-text-secondary,#aaa)}.modal-content.developer-mode .modal-body .plan-card{background:#252525;background:var(--dev-bg-secondary,#252525);border-color:#333;border-color:var(--dev-border-color,#333)}.modal-content.developer-mode .modal-body .plan-card.popular,.modal-content.developer-mode .modal-body .plan-card.selected{background:linear-gradient(135deg,#007bff0a,#007bff14);background:linear-gradient(135deg,rgba(var(--dev-primary-rgb,0,123,255),.04) 0,rgba(var(--dev-primary-rgb,0,123,255),.08) 100%);border-color:#007bff;border-color:var(--dev-primary,#007bff)}.modal-content.developer-mode .modal-body .plan-card .popular-badge{background:#007bff;background:var(--dev-primary,#007bff)}.modal-content.developer-mode .modal-body .plan-card h3{color:#e0e0e0;color:var(--dev-text-primary,#e0e0e0)}.modal-content.developer-mode .modal-body .plan-card .amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#4da3ff);background:linear-gradient(135deg,var(--dev-primary,#007bff) 0,var(--dev-primary-light,#4da3ff) 100%);-webkit-background-clip:text}.modal-content.developer-mode .modal-body .plan-card .period,.modal-content.developer-mode .modal-body .plan-card .plan-features li,.modal-content.developer-mode .modal-body .plan-card .scan-count{color:#aaa;color:var(--dev-text-secondary,#aaa)}.modal-content.developer-mode .comparison-table{background:#1a1a1a;background:var(--dev-bg-primary,#1a1a1a);border-color:#333;border-color:var(--dev-border-color,#333)}.modal-content.developer-mode .comparison-table h3{background:linear-gradient(135deg,#007bff0a,#007bff14);background:linear-gradient(135deg,rgba(var(--dev-primary-rgb,0,123,255),.04) 0,rgba(var(--dev-primary-rgb,0,123,255),.08) 100%);color:#e0e0e0;color:var(--dev-text-primary,#e0e0e0)}.modal-content.developer-mode .comparison-table .table-container table td,.modal-content.developer-mode .comparison-table .table-container table th,.modal-content.developer-mode .comparison-table h3{border-color:#333;border-color:var(--dev-border-color,#333)}.modal-content.developer-mode .comparison-table .table-container table td:first-child,.modal-content.developer-mode .comparison-table .table-container table th:first-child{color:#e0e0e0;color:var(--dev-text-primary,#e0e0e0)}.modal-content.developer-mode .comparison-table .table-container table td{color:#aaa;color:var(--dev-text-secondary,#aaa)}.modal-content.developer-mode .comparison-table .table-container table th{color:#e0e0e0;color:var(--dev-text-primary,#e0e0e0)}.modal-content.developer-mode .modal-footer{background:#1a1a1a;background:var(--dev-bg-primary,#1a1a1a);border-color:#333;border-color:var(--dev-border-color,#333)}.modal-content.developer-mode .modal-footer .guarantee{color:#aaa;color:var(--dev-text-secondary,#aaa)}.modal-content.developer-mode .modal-footer .upgrade-button{background:linear-gradient(135deg,#007bff,#4da3ff);background:linear-gradient(135deg,var(--dev-primary,#007bff) 0,var(--dev-primary-light,#4da3ff) 100%)}.modal-content.business-mode{background:#fff;background:var(--business-bg-primary,#fff);border-color:#e0e0e0;border-color:var(--business-border-color,#e0e0e0)}.modal-content.business-mode .modal-header{background:linear-gradient(135deg,#007bff0a,#007bff14);background:linear-gradient(135deg,rgba(var(--business-primary-rgb,0,123,255),.04) 0,rgba(var(--business-primary-rgb,0,123,255),.08) 100%);border-color:#e0e0e0;border-color:var(--business-border-color,#e0e0e0)}.modal-content.business-mode .modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#4da3ff);background:linear-gradient(135deg,var(--business-primary,#007bff) 0,var(--business-primary-light,#4da3ff) 100%);-webkit-background-clip:text}.modal-content.business-mode .modal-header .subtitle{color:#666;color:var(--business-text-secondary,#666)}.modal-content.business-mode .modal-header .close-button{background:#f8f9fa;background:var(--business-bg-secondary,#f8f9fa);border-color:#e0e0e0;border-color:var(--business-border-color,#e0e0e0);color:#666;color:var(--business-text-secondary,#666)}.modal-content.business-mode .modal-header .close-button:hover{background:#f5f5f5;background:var(--business-bg-tertiary,#f5f5f5);color:#333;color:var(--business-text-primary,#333)}.modal-content.business-mode .modal-body{background:#fff;background:var(--business-bg-primary,#fff)}.modal-content.business-mode .modal-body .feature-highlight{background:#f8f9fa;background:var(--business-bg-secondary,#f8f9fa);border-color:#e0e0e0;border-color:var(--business-border-color,#e0e0e0)}.modal-content.business-mode .modal-body .feature-highlight .feature-icon{color:#007bff;color:var(--business-primary,#007bff)}.modal-content.business-mode .modal-body .feature-highlight .feature-content h4{color:#333;color:var(--business-text-primary,#333)}.modal-content.business-mode .modal-body .feature-highlight .feature-content p{color:#666;color:var(--business-text-secondary,#666)}.modal-content.business-mode .modal-body .plan-card{background:#f8f9fa;background:var(--business-bg-secondary,#f8f9fa);border-color:#e0e0e0;border-color:var(--business-border-color,#e0e0e0)}.modal-content.business-mode .modal-body .plan-card.popular,.modal-content.business-mode .modal-body .plan-card.selected{background:linear-gradient(135deg,#007bff0a,#007bff14);background:linear-gradient(135deg,rgba(var(--business-primary-rgb,0,123,255),.04) 0,rgba(var(--business-primary-rgb,0,123,255),.08) 100%);border-color:#007bff;border-color:var(--business-primary,#007bff)}.modal-content.business-mode .modal-body .plan-card .popular-badge{background:#007bff;background:var(--business-primary,#007bff)}.modal-content.business-mode .modal-body .plan-card h3{color:#333;color:var(--business-text-primary,#333)}.modal-content.business-mode .modal-body .plan-card .amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#4da3ff);background:linear-gradient(135deg,var(--business-primary,#007bff) 0,var(--business-primary-light,#4da3ff) 100%);-webkit-background-clip:text}.modal-content.business-mode .modal-body .plan-card .period,.modal-content.business-mode .modal-body .plan-card .plan-features li,.modal-content.business-mode .modal-body .plan-card .scan-count{color:#666;color:var(--business-text-secondary,#666)}.modal-content.business-mode .comparison-table{background:#fff;background:var(--business-bg-primary,#fff);border-color:#e0e0e0;border-color:var(--business-border-color,#e0e0e0)}.modal-content.business-mode .comparison-table h3{background:linear-gradient(135deg,#007bff0a,#007bff14);background:linear-gradient(135deg,rgba(var(--business-primary-rgb,0,123,255),.04) 0,rgba(var(--business-primary-rgb,0,123,255),.08) 100%);color:#333;color:var(--business-text-primary,#333)}.modal-content.business-mode .comparison-table .table-container table td,.modal-content.business-mode .comparison-table .table-container table th,.modal-content.business-mode .comparison-table h3{border-color:#e0e0e0;border-color:var(--business-border-color,#e0e0e0)}.modal-content.business-mode .comparison-table .table-container table td:first-child,.modal-content.business-mode .comparison-table .table-container table th:first-child{color:#333;color:var(--business-text-primary,#333)}.modal-content.business-mode .comparison-table .table-container table td{color:#666;color:var(--business-text-secondary,#666)}.modal-content.business-mode .comparison-table .table-container table th{color:#333;color:var(--business-text-primary,#333)}.modal-content.business-mode .modal-footer{background:#fff;background:var(--business-bg-primary,#fff);border-color:#e0e0e0;border-color:var(--business-border-color,#e0e0e0)}.modal-content.business-mode .modal-footer .guarantee{color:#666;color:var(--business-text-secondary,#666)}.modal-content.business-mode .modal-footer .upgrade-button{background:linear-gradient(135deg,#007bff,#4da3ff);background:linear-gradient(135deg,var(--business-primary,#007bff) 0,var(--business-primary-light,#4da3ff) 100%)}.modal-header{background:linear-gradient(135deg,rgba(var(--primary-rgb),.04) 0,rgba(var(--primary-rgb),.08) 100%);border-bottom:1px solid var(--current-border-color);padding:2rem 2rem 1rem;position:relative;text-align:center}@media(max-width:768px){.modal-header{padding:1.5rem 1rem;position:relative;top:auto;width:100%;z-index:1}}.modal-header .header-content{margin:0 auto;max-width:800px}.modal-header .header-content .title-section{align-items:center;display:inline-flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;position:relative}.modal-header .header-content .title-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;color:var(--current-text-primary);font-size:2.25rem;font-weight:800;margin:0}@media(max-width:768px){.modal-header .header-content .title-section h2{font-size:1.75rem}}.modal-header .header-content .title-section .subtitle{color:var(--current-text-secondary);font-size:1.125rem;margin:0;max-width:600px}.modal-header .close-button{align-items:center;background:var(--current-bg-secondary);border:none;border:1px solid var(--current-border-color);border-radius:50%;color:var(--current-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:10}.modal-header .close-button:hover{background:var(--current-bg-tertiary);color:var(--current-text-primary);transform:scale(1.05)}.modal-header .close-button:active{transform:scale(.95)}@media(max-width:768px){.modal-header .close-button{font-size:1.25rem;height:32px;right:1rem;top:1rem;width:32px}}.modal-body{background:#fff;background:var(--current-bg-primary,#fff);flex-grow:1;overflow-y:auto;padding:2rem;position:relative}@media(max-width:768px){.modal-body{height:auto;max-height:none;overflow-y:visible;padding:1.5rem}}.modal-body .domain-verification-notice{align-items:flex-start;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08) 0,rgba(var(--primary-rgb),.12) 100%);border:1px solid #ffc107;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.25rem}.modal-body .domain-verification-notice .info-icon{color:#ffc107;flex-shrink:0;height:24px;margin-top:2px;width:24px}.modal-body .domain-verification-notice .notice-content h4{color:var(--current-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.modal-body .domain-verification-notice .notice-content p{color:var(--current-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.modal-body .login-container{padding:2rem;text-align:center}.modal-body .login-container h3{color:#333;color:var(--current-text-primary,#333);margin-bottom:1rem}.modal-body .login-container p{color:#666;color:var(--current-text-secondary,#666);margin-bottom:2rem}.modal-body .login-container .login-actions{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:300px}.modal-body .login-container .login-actions .back-button{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--current-border-color,#e0e0e0);border-radius:8px;color:#666;color:var(--current-text-secondary,#666);cursor:pointer;padding:.75rem 1.5rem;transition:all .2s}.modal-body .login-container .login-actions .back-button:hover{background:#f8f9fa;background:var(--current-bg-secondary,#f8f9fa);color:#333;color:var(--current-text-primary,#333)}.developer-mode .modal-body .login-container h3{color:#e0e0e0;color:var(--dev-text-primary,#e0e0e0)}.developer-mode .modal-body .login-container p{color:#aaa;color:var(--dev-text-secondary,#aaa)}.developer-mode .modal-body .login-container .login-actions .back-button{border-color:#333;border-color:var(--dev-border-color,#333);color:#aaa;color:var(--dev-text-secondary,#aaa)}.developer-mode .modal-body .login-container .login-actions .back-button:hover{background:#252525;background:var(--dev-bg-secondary,#252525);color:#e0e0e0;color:var(--dev-text-primary,#e0e0e0)}.modal-body .payment-error-container{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.modal-body .payment-error-container .payment-error{color:#dc3545;font-weight:500;text-align:center}.modal-body::-webkit-scrollbar{height:8px;width:8px}.modal-body::-webkit-scrollbar-track{background:var(--current-bg-secondary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--current-border-color);border:2px solid var(--current-bg-secondary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--current-text-secondary)}.feature-highlights{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.feature-highlights .feature-highlight{align-items:flex-start;background:var(--current-bg-secondary);border:1px solid var(--current-border-color);border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.feature-highlights .feature-highlight:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feature-highlights .feature-highlight .feature-icon{color:var(--primary);flex-shrink:0;height:32px;width:32px}.feature-highlights .feature-highlight .feature-content h4{color:var(--current-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.feature-highlights .feature-highlight .feature-content p{color:var(--current-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.plans-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.plans-section .plan-card{background:var(--current-bg-secondary);border:2px solid var(--current-border-color);border-radius:20px;cursor:pointer;padding:2rem;position:relative;transition:all .3s ease}.plans-section .plan-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.plans-section .plan-card.selected{background:linear-gradient(135deg,rgba(var(--primary-rgb),.04) 0,rgba(var(--primary-rgb),.08) 100%);border-color:var(--primary)}.plans-section .plan-card.popular{background:linear-gradient(135deg,rgba(var(--primary-rgb),.08) 0,rgba(var(--primary-rgb),.12) 100%);border-color:var(--primary)}.plans-section .plan-card.popular .popular-badge{background:var(--primary);border-radius:20px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2);color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.25rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.plans-section .plan-card h3{color:var(--current-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.plans-section .plan-card .price-tag{align-items:baseline;color:var(--current-text-primary);display:flex;gap:.25rem;justify-content:center;margin-bottom:2rem}.plans-section .plan-card .price-tag .currency{font-size:2rem;font-weight:600}.plans-section .plan-card .price-tag .amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;font-size:4rem;font-weight:800;line-height:1}.plans-section .plan-card .price-tag .period{color:var(--current-text-secondary);font-size:1.25rem;margin-left:.25rem}.plans-section .plan-card .plan-features{list-style:none;margin:0;padding:0}.plans-section .plan-card .plan-features li{align-items:center;color:var(--current-text-secondary);display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 0}.plans-section .plan-card .plan-features li .feature-check{color:var(--success-color);flex-shrink:0}.plans-section .plan-card .scan-count{align-items:center;background:rgba(var(--primary-rgb),.04);border-radius:8px;color:var(--current-text-secondary);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.5rem 1rem}.plans-section .plan-card .scan-count .globe-icon{color:var(--primary)}.comparison-table{background:var(--current-bg-primary);border:1px solid var(--current-border-color);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;width:100%}.comparison-table h3{background:linear-gradient(135deg,rgba(var(--primary-rgb),.04) 0,rgba(var(--primary-rgb),.08) 100%);border-bottom:1px solid var(--current-border-color);color:var(--current-text-primary);margin:0;padding:1.5rem}.comparison-table .table-container{overflow-x:auto;padding:1rem}.comparison-table .table-container table{border-collapse:initial;border-spacing:0;width:100%}.comparison-table .table-container table td,.comparison-table .table-container table th{border-bottom:1px solid var(--current-border-color);padding:1rem;text-align:center}.comparison-table .table-container table td:first-child,.comparison-table .table-container table th:first-child{color:var(--current-text-primary);font-weight:600;min-width:180px;text-align:left}.comparison-table .table-container table th{color:var(--current-text-primary);font-weight:700;position:relative}.comparison-table .table-container table th.highlighted{background:rgba(var(--primary-rgb),.04);color:var(--primary)}.comparison-table .table-container table th.highlighted:after{background:var(--primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.comparison-table .table-container table td{color:var(--current-text-secondary)}.comparison-table .table-container table td.highlighted{background:rgba(var(--primary-rgb),.02)}.comparison-table .table-container table td .comparison-check{align-items:center;display:inline-flex;font-size:1.25rem;justify-content:center}.comparison-table .table-container table td .comparison-check.included{color:var(--success-color)}.comparison-table .table-container table tbody tr:hover{background:rgba(var(--primary-rgb),.02)}.modal-footer{align-items:center;background:var(--current-bg-primary);border-top:1px solid var(--current-border-color);gap:1rem;justify-content:space-between;padding:1.5rem 2rem;position:relative}@media(max-width:768px){.modal-footer{background:var(--current-bg-primary);border-top:1px solid var(--current-border-color);bottom:0;box-shadow:0 -4px 12px #0000000d;left:0;padding:1rem;position:fixed;width:100%;z-index:10}}.modal-footer .footer-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}@media(max-width:768px){.modal-footer .footer-content{flex-direction:column;gap:1rem}}.modal-footer .footer-content .guarantee{align-items:center;color:var(--current-text-secondary);display:flex;font-size:.875rem;gap:.5rem}.modal-footer .footer-content .guarantee .lock-icon{color:var(--success-color)}.modal-footer .footer-content .upgrade-button{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .2s}.modal-footer .footer-content .upgrade-button:hover{box-shadow:0 6px 16px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.modal-footer .footer-content .upgrade-button:active{transform:translateY(0)}@media(max-width:768px){.modal-footer .footer-content .upgrade-button{min-width:0;min-width:auto;width:100%}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.main-header{align-items:center;background:var(--bg-light);border-bottom:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:relative;z-index:10}.main-header:after{background:linear-gradient(90deg,#0000 0,var(--primary-transparent) 50%,#0000 100%);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:100%}.main-header .url-section{align-items:center;background:var(--bg-white);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 4px #00000005;display:flex;flex:1 1;gap:1rem;min-width:0;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-header .url-section:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(var(--primary-rgb),.12);transform:translateY(-1px)}.main-header .url-section .globe-icon{color:var(--primary);flex-shrink:0;font-size:1.25rem;transition:transform .3s ease}.main-header .url-section:hover .globe-icon{transform:rotate(15deg)}.main-header .url-section .url-link{color:var(--text-primary);font-size:.9375rem;font-weight:500;overflow:hidden;padding:.25rem 0;position:relative;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.main-header .url-section .url-link:after{background:var(--primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.main-header .url-section .url-link:hover{color:var(--primary)}.main-header .url-section .url-link:hover:after{transform:scaleX(1)}.main-header .url-section .url-link:focus{outline:none}.main-header .url-section .url-link:focus:after{transform:scaleX(1)}.main-header .actions-section{align-items:center;display:flex;gap:1.25rem;margin-left:2rem}.main-header .actions-section .header-actions{align-items:center;display:flex;gap:1rem}.main-header .actions-section button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.75rem;letter-spacing:.01em;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-header .actions-section button:before{background:linear-gradient(45deg,#0000,#ffffff1a 50%,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.main-header .actions-section button:hover:before{transform:translateX(100%)}.main-header .actions-section button svg{height:1.25rem;transition:all .3s ease;width:1.25rem}.main-header .actions-section button:focus-visible{box-shadow:0 0 0 3px var(--primary-transparent),0 4px 12px rgba(var(--primary-rgb),.2);outline:none}.main-header .actions-section .unlock-report-btn{background:linear-gradient(135deg,var(--warning) 0,var(--warning-light) 100%);box-shadow:0 4px 12px rgba(var(--warning-rgb),.2);color:#fff}.main-header .actions-section .unlock-report-btn:hover{box-shadow:0 6px 16px rgba(var(--warning-rgb),.3);transform:translateY(-2px)}.main-header .actions-section .unlock-report-btn:active{transform:translateY(0)}.main-header .actions-section .rescan-btn{background:var(--background-dark);border:1px solid var(--primary-color);color:var(--primary-color)}.main-header .actions-section .rescan-btn:hover{background:var(--background-darker);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.main-header .actions-section .rescan-btn:hover svg{transform:rotate(180deg)}.main-header .actions-section .rescan-btn:active{transform:translateY(0)}.main-header .actions-section .rescan-btn.loading,.main-header .actions-section .rescan-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.8;transform:none}.main-header .actions-section .rescan-btn .spinning{animation:spin 1.5s linear infinite}.main-header .actions-section .export-dropdown{position:relative}.main-header .actions-section .export-dropdown .export-btn{background:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2);color:#eee;padding-right:1.25rem}.main-header .actions-section .export-dropdown .export-btn:hover{box-shadow:0 6px 16px rgba(var(--primary-rgb),.3);transform:translateY(-2px)}.main-header .actions-section .export-dropdown .export-btn:hover .dropdown-arrow{transform:translateY(3px)}.main-header .actions-section .export-dropdown .export-btn:active{transform:translateY(0)}.main-header .actions-section .export-dropdown .export-options{animation:slideIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 24px #0000001f;display:none;min-width:240px;padding:.75rem;position:absolute;right:0;top:calc(100% + .75rem);transform-origin:top right;z-index:1000}.main-header .actions-section .export-dropdown .export-options.show{display:block}.main-header .actions-section .export-dropdown .export-options button{align-items:center;background:none;border:none;border-radius:8px;display:flex;font-weight:500;gap:1rem;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.main-header .actions-section .export-dropdown .export-options button svg{height:1.5rem;width:1.5rem}.main-header .actions-section .export-dropdown .export-options button span{color:var(--text-primary);flex:1 1;font-weight:500;text-align:left}.main-header .actions-section .export-dropdown .export-options button:hover{background:var(--background-light);transform:translateX(4px)}.main-header .actions-section .export-dropdown .export-options button:hover svg{transform:scale(1.1) rotate(5deg)}.main-header .actions-section .export-dropdown .export-options button:not(:last-child){margin-bottom:.25rem}.main-header .actions-section .export-dropdown .export-options:before{background:#fff;border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);content:"";height:12px;position:absolute;right:24px;top:-6px;transform:rotate(45deg);width:12px}.main-header .website-info{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:flex-start;margin-bottom:16px;padding:10px 16px;position:relative;transition:all .2s ease;width:40%}.main-header .website-info:hover{border-color:#cbd5e0;box-shadow:0 2px 6px #00000014}@media(max-width:768px){.main-header .website-info{box-shadow:0 2px 8px #00000014;justify-content:flex-start;margin-bottom:12px;padding:12px 16px;width:100%}}@media(max-width:480px){.main-header .website-info{padding:10px 14px}}.main-header .website-info .website-icon{align-items:center;background-color:#ebf8ff;border-radius:50%;color:#4a5568;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:color .2s ease;width:36px}.main-header .website-info .website-icon:hover{color:#2d3748}@media(max-width:768px){.main-header .website-info .website-icon{background-color:#4299e126;color:#3182ce;color:var(--primary,#3182ce);font-size:1.125rem;height:40px;width:40px}}@media(max-width:480px){.main-header .website-info .website-icon{height:36px;width:36px}}.main-header .website-info .website-details{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:space-between;margin-left:12px;min-width:0}@media(max-width:768px){.main-header .website-info .website-details{flex-wrap:wrap;margin-left:14px}}.main-header .website-info .website-details .website-url{color:#4a5568;font-size:14px;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:992px){.main-header .website-info .website-details .website-url{max-width:220px}}@media(max-width:768px){.main-header .website-info .website-details .website-url{font-size:15px;font-weight:600;margin-bottom:2px;max-width:none;width:100%}}@media(max-width:480px){.main-header .website-info .website-details .website-url{font-size:14px}}.main-header .website-info .website-details .scan-type{background-color:#edf2f7;border-radius:10px;color:#718096;display:inline-block;font-size:12px;margin-top:4px;min-width:46px;padding:2px 8px;text-align:center;text-transform:capitalize;width:auto}@media(max-width:768px){.main-header .website-info .website-details .scan-type{background-color:#4299e11a;color:#3182ce;color:var(--primary,#3182ce);font-size:11px;margin-top:2px;padding:2px 8px}}.main-header .website-info .premium-lock{align-items:center;color:#718096;display:flex;font-size:14px;justify-content:center;margin-left:8px}@media(max-width:768px){.main-header .website-info .premium-lock{background-color:#f6ad5526;border-radius:50%;color:#dd6b20;flex-shrink:0;font-size:13px;height:28px;margin-left:8px;width:28px}}body.menu-open{height:100%;overflow:hidden;position:fixed;width:100%}.mobile-backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;bottom:0;display:none;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:900}.mobile-backdrop.show{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;opacity:1;pointer-events:auto}@media(max-width:768px){.main-header{background:var(--bg-light);border-bottom:1px solid var(--border-color);border-radius:0;box-shadow:0 1px 4px #0000000a;flex-direction:column;gap:1rem;margin:0 0 1rem;padding:1rem;position:relative;transition:all .25s ease;z-index:10}.main-header.export-active{position:relative;z-index:1000}.main-header:after{opacity:.6}.main-header .website-info{background:#fff;border:1px solid #e2e8f0cc;border-radius:14px;box-shadow:0 2px 6px #0000000d;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.main-header .website-info:active,.main-header .website-info:hover{border-color:#cbd5e0e6;box-shadow:0 3px 8px #00000014}.main-header .website-info .website-icon{background-color:#4299e126;color:#3182ce;color:var(--primary,#3182ce);height:42px;transform:translateZ(0);width:42px}.main-header .website-info .website-icon svg{font-size:1.125rem;transform:scale(1);transition:transform .2s ease}.main-header .website-info .website-icon:active svg{transform:scale(.9)}.main-header .website-info .website-details .website-url{color:var(--text-primary);font-size:.9375rem;font-weight:600}.main-header .website-info .website-details .scan-type{background-color:#4299e11a;border-radius:10px;color:#3182ce;color:var(--primary,#3182ce);font-size:.75rem;font-weight:500;padding:2px 8px 3px}.main-header .website-info .premium-lock{align-items:center;background-color:#f6ad5526;border-radius:50%;box-shadow:0 2px 4px #dd6b201a;color:#dd6b20;display:flex;font-size:.875rem;height:34px;justify-content:center;padding:0;transform:translateZ(0);transition:all .2s ease;width:34px}.main-header .website-info .premium-lock:active{transform:scale(.95)}.main-header .website-info .premium-lock .lock-text{display:none}.main-header .actions-section{display:flex;flex-direction:column;gap:.75rem;margin-left:0;width:100%}.main-header .actions-section .header-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);width:100%}.main-header .actions-section .header-actions button{align-items:center;border-radius:14px;display:flex;font-size:.9375rem;height:52px;justify-content:center;padding:.875rem 1rem;transform:translateZ(0);transition:all .2s ease;width:100%}.main-header .actions-section .header-actions button svg{height:1.25rem;margin-right:.5rem;transition:transform .3s ease;width:1.25rem}.main-header .actions-section .header-actions button span{display:inline-block}.main-header .actions-section .header-actions button:active{transform:scale(.98) translateZ(0)}.main-header .actions-section .header-actions .unlock-btn{background:linear-gradient(135deg,var(--warning) 0,var(--warning-light) 100%);border:none;border-radius:14px;box-shadow:0 3px 8px rgba(var(--warning-rgb),.2);color:#000;font-weight:600;grid-column:1/-1}.main-header .actions-section .header-actions .unlock-btn:active{box-shadow:0 1px 4px rgba(var(--warning-rgb),.15)}.main-header .actions-section .header-actions .unlock-btn:active svg{transform:rotate(-10deg)}.main-header .actions-section .header-actions .rescan-btn{background:rgba(var(--primary-rgb),.08);border:none;color:var(--text-primary);font-weight:500}.main-header .actions-section .header-actions .rescan-btn svg{color:var(--primary)}.main-header .actions-section .header-actions .rescan-btn:active{background:rgba(var(--primary-rgb),.12)}.main-header .actions-section .header-actions .rescan-btn:active svg{transform:rotate(30deg)}.main-header .actions-section .header-actions .export-dropdown{position:relative;width:100%;z-index:1001}.main-header .actions-section .header-actions .export-dropdown .export-btn{background:#3182ce!important;background:var(--primary,#3182ce)!important;border:none!important;box-shadow:0 3px 8px #3182ce33!important;color:#fff!important;width:100%}.main-header .actions-section .header-actions .export-dropdown .export-btn svg{color:#fff!important}.main-header .actions-section .header-actions .export-dropdown .export-btn.active{background:#2563eb!important;background:var(--primary-dark,#2563eb)!important}.main-header .actions-section .header-actions .export-dropdown .export-options{-webkit-overflow-scrolling:touch;background:#fff!important;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 24px #00000026;box-sizing:border-box;height:auto;left:0;max-height:75vh;opacity:0;overflow:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem 1rem 2rem;pointer-events:none;position:fixed;right:0;top:auto!important;transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1.1),opacity .2s ease,visibility .1s linear;visibility:hidden;will-change:transform,opacity;z-index:1500}@supports(-webkit-touch-callout:none){.main-header .actions-section .header-actions .export-dropdown .export-options{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}.main-header .actions-section .header-actions .export-dropdown .export-options.show{box-shadow:0 -5px 25px #0003;opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.main-header .actions-section .header-actions .export-dropdown .export-options.show .mobile-header,.main-header .actions-section .header-actions .export-dropdown .export-options.show button{opacity:1;transform:translateY(0)}.main-header .actions-section .header-actions .export-dropdown .export-options .mobile-header{align-items:center;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--border-color,#e2e8f0)!important;display:flex;justify-content:space-between;margin-bottom:1.25rem;opacity:0;padding-bottom:.75rem;transform:translateY(8px);transition:transform .4s cubic-bezier(.16,1,.3,1.1) .05s,opacity .25s ease .05s}.main-header .actions-section .header-actions .export-dropdown .export-options .mobile-header h3{color:#2d3748!important;color:var(--text-primary,#2d3748)!important;font-size:1.25rem;font-weight:600;margin:0}.main-header .actions-section .header-actions .export-dropdown .export-options .mobile-header .close-button{align-items:center;background:#0000000d!important;border:none;border-radius:50%;color:#718096!important;color:var(--text-secondary,#718096)!important;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:.5rem;transform:translateZ(0);transition:all .2s ease;width:40px}.main-header .actions-section .header-actions .export-dropdown .export-options .mobile-header .close-button:active,.main-header .actions-section .header-actions .export-dropdown .export-options .mobile-header .close-button:hover{background:#00000014!important;color:#2d3748!important;color:var(--text-primary,#2d3748)!important}.main-header .actions-section .header-actions .export-dropdown .export-options .mobile-header .close-button:active{transform:scale(.92)}.main-header .actions-section .header-actions .export-dropdown .export-options:before{background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:999px;content:"";height:5px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.main-header .actions-section .header-actions .export-dropdown .export-options .options-container{padding:.5rem 0}.main-header .actions-section .header-actions .export-dropdown .export-options button{align-items:center;background:none;border:none;border-radius:14px;color:#2d3748!important;color:var(--text-primary,#2d3748)!important;display:flex;font-weight:500;gap:1rem;height:64px;margin-bottom:.75rem;opacity:0;overflow:visible;padding:1rem 1.25rem;position:relative;transform:translateY(15px);transition:transform .4s cubic-bezier(.16,1,.3,1.1),opacity .2s ease,background .2s ease;width:100%}.main-header .actions-section .header-actions .export-dropdown .export-options button.hidden,.main-header .actions-section .header-actions .export-dropdown .export-options button[hidden],.main-header .actions-section .header-actions .export-dropdown .export-options button[style*="display: none"]{display:flex!important;opacity:0;visibility:visible!important}.main-header .actions-section .header-actions .export-dropdown .export-options button[title*=Preview]{display:flex!important}.main-header .actions-section .header-actions .export-dropdown .export-options button[title*=Preview] span,.main-header .actions-section .header-actions .export-dropdown .export-options button[title*=Preview] svg{color:inherit}.export-options.show .main-header .actions-section .header-actions .export-dropdown .export-options button[title*=Preview],.main-header .actions-section .header-actions .export-dropdown .export-options button[title*=Preview].show{opacity:1;transform:translateY(0)}.main-header .actions-section .header-actions .export-dropdown .export-options button:first-child{transition-delay:.08s}.main-header .actions-section .header-actions .export-dropdown .export-options button:nth-child(2){transition-delay:.11s}.main-header .actions-section .header-actions .export-dropdown .export-options button:nth-child(3){transition-delay:.14s}.main-header .actions-section .header-actions .export-dropdown .export-options button:nth-child(4){transition-delay:.17s}.main-header .actions-section .header-actions .export-dropdown .export-options button:nth-child(5){transition-delay:.2s}.main-header .actions-section .header-actions .export-dropdown .export-options button:nth-child(6){transition-delay:.23s}.main-header .actions-section .header-actions .export-dropdown .export-options button:nth-child(7){transition-delay:.26s}.main-header .actions-section .header-actions .export-dropdown .export-options button:nth-child(8){transition-delay:.29s}.main-header .actions-section .header-actions .export-dropdown .export-options button:nth-child(9){transition-delay:.32s}.main-header .actions-section .header-actions .export-dropdown .export-options button:nth-child(10){transition-delay:.35s}.main-header .actions-section .header-actions .export-dropdown .export-options button:before{background:linear-gradient(45deg,#0000 0,rgba(var(--primary-rgb),.05) 50%,#0000 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.main-header .actions-section .header-actions .export-dropdown .export-options button:hover:before{transform:translateX(100%)}.main-header .actions-section .header-actions .export-dropdown .export-options button svg{color:#3182ce!important;color:var(--primary,#3182ce)!important;flex-shrink:0;height:1.5rem;margin-right:0;transition:transform .2s ease;width:1.5rem}.main-header .actions-section .header-actions .export-dropdown .export-options button span{color:#2d3748!important;color:var(--text-primary,#2d3748)!important;flex:1 1;font-size:1rem;padding-right:.5rem;text-align:left}.main-header .actions-section .header-actions .export-dropdown .export-options button:active,.main-header .actions-section .header-actions .export-dropdown .export-options button:hover{background:rgba(var(--primary-rgb),.05)}.main-header .actions-section .header-actions .export-dropdown .export-options button:active{background:rgba(var(--primary-rgb),.08);transform:scale(.98)!important}.main-header .actions-section .header-actions .export-dropdown .export-options button:active svg{transform:scale(1.1)}.main-header .actions-section .header-actions .export-dropdown .export-options button.premium-locked{opacity:.8;position:relative}.main-header .actions-section .header-actions .export-dropdown .export-options button.premium-locked .lock-icon{color:#dd6b20!important;color:var(--warning,#dd6b20)!important;flex-shrink:0;font-size:1rem;margin-left:.5rem}.main-header .actions-section .header-actions .export-dropdown .export-options button.premium-locked:hover{background:rgba(var(--warning-rgb),.03)}.main-header .actions-section .header-actions .export-dropdown .export-options button.premium-locked:active{background:rgba(var(--warning-rgb),.05)}.main-header .actions-section .header-actions .export-dropdown .export-options button.premium-locked:after{background:repeating-linear-gradient(45deg,#0000,#0000 10px,rgba(var(--warning-rgb),.04) 10px,rgba(var(--warning-rgb),.04) 20px);border-radius:14px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.main-header.developer-mode{background:#121212!important;background:var(--dev-bg-primary,#121212)!important;border-bottom-color:#ffffff1a!important;border-bottom-color:var(--dev-border-color,#ffffff1a)!important}.main-header.developer-mode .website-info{background:#1a1a1a!important;background:var(--dev-bg-secondary,#1a1a1a)!important;border-color:#ffffff1a!important;border-color:var(--dev-border-color,#ffffff1a)!important;box-shadow:0 2px 8px #00000026!important}.main-header.developer-mode .website-info .website-icon{background-color:#00ebbc1a!important;color:#00ebbc!important;color:var(--dev-primary,#00ebbc)!important}.main-header.developer-mode .website-info .website-details .website-url{color:#fff!important;color:var(--dev-text-primary,#fff)!important}.main-header.developer-mode .website-info .website-details .scan-type{background:#00ebbc1a!important;color:#00ebbc!important;color:var(--dev-primary,#00ebbc)!important}.main-header.developer-mode .website-info .premium-lock{background-color:#f6ad5526!important;color:#f6ad55!important}.main-header.developer-mode .actions-section .header-actions .unlock-btn{background:linear-gradient(135deg,#f6ad55,#ed8936)!important;box-shadow:0 3px 8px #f6ad5533!important;color:#eee}.main-header.developer-mode .actions-section .header-actions .rescan-btn{background:#00ebbc14!important;border-color:#ffffff1a!important;border-color:var(--dev-border-color,#ffffff1a)!important;color:#fff!important;color:var(--dev-text-primary,#fff)!important}.main-header.developer-mode .actions-section .header-actions .rescan-btn svg{color:#00ebbc!important;color:var(--dev-primary,#00ebbc)!important}.main-header.developer-mode .actions-section .header-actions .rescan-btn:active{background:#00ebbc1f!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-btn{background:#00ebbc!important;background:var(--dev-primary,#00ebbc)!important;border:1px solid #ffffff1a!important;box-shadow:0 3px 8px #00ebbc33!important;color:#000!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-btn svg{color:#000!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-btn.active{background:#00fccb!important;background:var(--dev-primary-light,#00fccb)!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options{background:#1a1a1a!important;background:var(--dev-bg-secondary,#1a1a1a)!important;border-color:#ffffff1a!important;border-color:var(--dev-border-color,#ffffff1a)!important;box-shadow:0 -5px 25px #00000059!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options:before{background:#fff3!important;background:var(--dev-border-color,#fff3)!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options .mobile-header{border-color:#ffffff1a!important;border-color:var(--dev-border-color,#ffffff1a)!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options .mobile-header h3{color:#fff!important;color:var(--dev-text-primary,#fff)!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options .mobile-header .close-button{background:#ffffff0d!important;color:#ffffffb3!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options .mobile-header .close-button:active,.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options .mobile-header .close-button:hover{background:#ffffff1a!important;color:#fff!important;color:var(--dev-text-primary,#fff)!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button{color:#fff!important;color:var(--dev-text-primary,#fff)!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button:active,.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button:hover{background:#ffffff0d!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button:active{background:#ffffff14!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button svg{color:#00ebbc!important;color:var(--dev-primary,#00ebbc)!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button span{color:#fff!important;color:var(--dev-text-primary,#fff)!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button[title*=Preview]{display:flex!important;opacity:1!important;visibility:visible!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button[title*=Preview] svg{color:#00ebbc!important;color:var(--dev-primary,#00ebbc)!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button[title*=Preview] span{color:#fff!important;color:var(--dev-text-primary,#fff)!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button.premium-locked .lock-icon{color:#f6ad55!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button.premium-locked:hover{background:#f6ad550d!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button.premium-locked:active{background:#f6ad5514!important}.main-header.developer-mode .actions-section .header-actions .export-dropdown .export-options button.premium-locked:after{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#f6ad550a 0,#f6ad550a 20px)!important}}@media(max-width:768px)and (max-width:480px){.main-header{padding:.75rem}.main-header .actions-section .header-actions{gap:.625rem;grid-template-columns:1fr}.main-header .actions-section .header-actions .export-btn,.main-header .actions-section .header-actions .rescan-btn{grid-column:1/-1;height:48px}.main-header .actions-section .header-actions .export-dropdown .export-options button{height:60px;padding:1rem .875rem}.main-header .website-info .website-details .website-url{font-size:.875rem}}.export-options button[title*=Preview]{display:flex!important;opacity:1!important;visibility:visible!important}.export-options button[title*=Preview].show,.export-options.show .export-options button[title*=Preview]{transform:translateY(0)!important}.export-options button[title*=Preview] span,.export-options button[title*=Preview] svg{opacity:1!important}.severity-distribution .chart-legend-helper{display:flex;flex-direction:column;font-size:.875rem;margin-bottom:1rem}.severity-distribution .chart-legend-helper small{color:var(--text-secondary);font-size:.75rem;margin-bottom:.5rem;text-align:center}.severity-distribution .chart-legend-helper .total-violations{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.severity-distribution .chart-legend-helper .selected-severity{align-items:center;background:#0d6efd0d;background:rgba(var(--primary-rgb,13,110,253),.05);border-radius:4px;display:flex;font-size:.75rem;justify-content:center;margin-top:.5rem;padding:.25rem}.severity-distribution .chart-legend-helper .selected-severity span{margin-right:.5rem}.severity-distribution .chart-legend-helper .selected-severity .clear-filter-btn{background:none;border:none;border-radius:4px;color:#dc3545;color:var(--danger,#dc3545);cursor:pointer;font-size:.75rem;padding:.125rem .375rem;transition:all .2s ease}.severity-distribution .chart-legend-helper .selected-severity .clear-filter-btn:hover{background:#dc35451a;background:rgba(var(--danger-rgb,220,53,69),.1)}.severity-distribution .chart-container{align-items:center;display:flex;height:200px;justify-content:center;position:relative}.severity-distribution .chart-container .total-count{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 0 8px var(--bg-light);display:flex;flex-direction:column;height:80px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80px}.severity-distribution .chart-container .total-count .number{color:var(--text-primary);display:block;font-size:1.125rem;font-weight:600;line-height:1}.severity-distribution .chart-container .total-count .label{color:var(--text-secondary);display:block;font-size:.625rem;margin-top:.25rem}.severity-distribution .severity-legend{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.severity-distribution .severity-legend .legend-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;gap:.5rem;min-width:0;padding:.375rem;transition:background-color .2s ease}.severity-distribution .severity-legend .legend-item:hover{background-color:#0d6efd0d;background-color:rgba(var(--primary-rgb,13,110,253),.05)}.severity-distribution .severity-legend .legend-item.selected{background-color:#0d6efd1a;background-color:rgba(var(--primary-rgb,13,110,253),.1);font-weight:500}.severity-distribution .severity-legend .legend-item .dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.severity-distribution .severity-legend .legend-item .label{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.severity-distribution .severity-legend .legend-item .value{color:var(--text-primary);font-weight:500;margin-left:auto}.severity-distribution.loading .chart-container{opacity:.6}.severity-distribution.loading .loading-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.severity-distribution.loading .loading-placeholder .loading-circle{animation:spin 1.5s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--primary-color);height:120px;width:120px}.category-distribution{position:relative}.category-distribution .chart-container{align-items:center;display:flex;height:200px;justify-content:center;margin-bottom:1.5rem;position:relative;transition:opacity .3s ease}.category-distribution .chart-container canvas{max-width:100%}.category-distribution .category-legend{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.category-distribution .category-legend .legend-item{align-items:center;background:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease;width:100%}.category-distribution .category-legend .legend-item:hover:not(:disabled){background:var(--background-hover);transform:translateY(-1px)}.category-distribution .category-legend .legend-item:disabled{cursor:default;opacity:.5}.category-distribution .category-legend .legend-item.has-issues{background:var(--bg-white);border-color:var(--border-color-hover)}.category-distribution .category-legend .legend-item .icon{font-size:1.25rem;line-height:1}.category-distribution .category-legend .legend-item .label{color:var(--text-primary);flex:1 1;font-size:.875rem;font-weight:500}.category-distribution .category-legend .legend-item .value{color:var(--text-secondary);font-size:.875rem;font-weight:600;min-width:24px;text-align:right}.category-distribution.loading .chart-container{animation:pulse 1.5s ease-in-out infinite}.category-distribution.loading .legend-item{overflow:hidden;pointer-events:none;position:relative}.category-distribution.loading .legend-item:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.violation-category-chart{background-color:#fff;background-color:var(--bg-white,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm,0 2px 8px #0000000d);margin-bottom:0;min-width:330px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.violation-category-chart:hover{border-color:#4263eb;border-color:var(--primary,#4263eb);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md,0 4px 12px #0000001a);transform:translateY(-2px)}.violation-category-chart h3{color:#333;color:var(--text-primary,#333);font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-top:0}.violation-category-chart .chart-container{align-items:center;display:flex;height:200px;justify-content:center;margin-bottom:1rem;position:relative}.violation-category-chart .chart-container canvas{max-height:100%;max-width:100%}.violation-category-chart .chart-legend-helper{align-items:center;display:flex;flex-direction:column}.violation-category-chart .chart-legend-helper small{color:#666;color:var(--text-secondary,#666);font-size:.75rem;margin-bottom:.5rem}.violation-category-chart .chart-legend-helper .total-violations{color:#333;color:var(--text-primary,#333);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.violation-category-chart .chart-legend-helper .total-violations span{font-weight:600}.violation-category-chart .chart-legend-helper .selected-category{align-items:center;background-color:#f5f5f5;background-color:var(--bg-light,#f5f5f5);border-radius:4px;display:flex;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.5rem;width:100%}.violation-category-chart .chart-legend-helper .selected-category span{color:#333;color:var(--text-primary,#333);font-size:.875rem;font-weight:500}.violation-category-chart .chart-legend-helper .selected-category .clear-filter-btn{background-color:#fff;background-color:var(--bg-white,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.violation-category-chart .chart-legend-helper .selected-category .clear-filter-btn:hover{background-color:#f5f5f5;background-color:var(--bg-light,#f5f5f5);border-color:#ccc;border-color:var(--border-color-hover,#ccc)}.violation-category-chart.loading .chart-container{opacity:.5}.violation-category-chart.loading .loading-placeholder{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.violation-category-chart.loading .loading-placeholder .loading-circle{animation:spin 1s linear infinite;border:3px solid #ddd;border-radius:50%;border-top-color:#4263eb;border:3px solid var(--border-color,#ddd);border-top-color:var(--primary-color,#4263eb);height:40px;width:40px}.results-summary .violation-category-chart{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);transition:all .3s cubic-bezier(.4,0,.2,1)}.results-summary .violation-category-chart:hover{border-color:#4263eb;border-color:var(--primary,#4263eb);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.wcag-categories-container{gap:1.5rem}.wcag-categories-container .violation-category-chart{margin-bottom:0}.charts-row{display:flex;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.charts-row::-webkit-scrollbar{height:8px}.charts-row::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.charts-row::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.charts-row::-webkit-scrollbar-thumb:hover{background:#aaa}.charts-row .chart-wrapper{flex-shrink:0;margin-right:20px;max-width:380px;min-width:300px}.charts-row .chart-wrapper:last-child{margin-right:0}.score-display{align-items:center;display:flex;justify-content:center;margin:0 auto}.score-display .CircularProgressbar{height:100%;width:100%}.score-display .CircularProgressbar-text{dominant-baseline:middle;text-anchor:middle;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:700}.score-display.score-display-small{height:80px;width:80px}.score-display.score-display-small .CircularProgressbar-text{font-size:16px}.score-display.score-display-medium{height:120px;width:120px}.score-display.score-display-medium .CircularProgressbar-text{font-size:22px}.score-display.score-display-large{height:160px;width:160px}.score-display.score-display-large .CircularProgressbar-text{font-size:28px}.chart-card.score-chart{flex:0 0 auto;min-height:330px;min-width:400px}.chart-card.score-chart .chart-header{margin-bottom:1.25rem}.chart-card.score-chart .chart-header h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;text-align:center}.chart-card.score-chart .chart-header .description{color:#666;color:var(--text-secondary,#666);font-size:.875rem;text-align:center}.chart-card.score-chart .chart-content{align-items:center;display:flex;height:200px;justify-content:center;min-height:200px;padding:10px 0}.chart-card.score-chart .chart-content .score-display{height:180px;width:180px}.chart-card.score-chart .chart-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);margin-top:1.25rem;padding-top:1.25rem}.chart-card.score-chart .chart-footer .score-description{color:#666;color:var(--text-secondary,#666);font-size:14px;margin:0;text-align:center}@media(max-width:1024px){.chart-card.score-chart .chart-content .score-display{height:160px;width:160px}}@media(max-width:768px){.chart-card.score-chart{min-height:auto;min-width:min(280px,85vw);width:min(280px,85vw)}.chart-card.score-chart .chart-header h3{font-size:1rem}.chart-card.score-chart .chart-content{height:180px;min-height:180px}.chart-card.score-chart .chart-content .score-display{height:140px;width:140px}.chart-card.score-chart .chart-footer{margin-top:1rem;padding-top:1rem}.chart-card.score-chart .chart-footer .score-description{font-size:13px}}@media(max-width:480px){.chart-card.score-chart{min-width:260px;width:260px}.chart-card.score-chart .chart-content{height:160px;min-height:160px}.chart-card.score-chart .chart-content .score-display{height:120px;width:120px}}.result-summary-container .score-chart-container{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;margin-bottom:20px;padding:15px}.result-summary-container .score-chart-container .score-title{color:#333;font-size:16px;font-weight:600;margin-bottom:10px;text-align:center}.result-summary-container .score-chart-container .score-description{color:#666;font-size:14px;margin-top:10px;text-align:center}.results-summary{animation:fadeSlideUp .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--bg-light) 0,#fff 100%);border-radius:20px;box-shadow:0 8px 32px #0000000f,0 0 0 1px rgba(var(--primary-rgb),.08);container-name:results-summary;container-type:inline-size;margin:16px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.results-summary:before{background:radial-gradient(circle at top right,rgba(var(--primary-rgb),.03),#0000 70%);content:"";inset:0;position:absolute;z-index:0}.results-summary:after{animation:gradient 4s linear infinite;background:linear-gradient(90deg,var(--primary) 0,var(--success) 25%,var(--warning) 50%,var(--info) 75%,var(--primary) 100%);background-size:200% auto;content:"";height:6px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.results-summary:hover:after{opacity:1}.results-summary .summary-header{overflow:visible;position:relative;width:100%}.results-summary .charts-section-wrapper{margin-bottom:20px;overflow-x:auto;padding:10px 0;width:100%}.results-summary .charts-section-wrapper::-webkit-scrollbar{height:8px}.results-summary .charts-section-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.results-summary .charts-section-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.results-summary .charts-section-wrapper::-webkit-scrollbar-thumb:hover{background:#aaa}.results-summary .charts-section{background:#fff;display:flex;gap:1rem;min-width:-webkit-max-content;min-width:max-content;padding:.5rem}.results-summary .charts-section>div{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;flex:0 0 auto;height:-webkit-fit-content;height:fit-content;margin-right:.5rem;min-height:330px;min-width:400px;padding:.75rem;scroll-snap-align:center;width:280px}.results-summary .charts-section>div .chart-container{align-items:center;background:#fff;border-radius:4px;display:flex;height:200px!important;justify-content:center;max-height:200px;min-height:200px;overflow:hidden;position:relative}.results-summary .charts-section>div .chart-container canvas{object-fit:contain}.results-summary .charts-section>div h3{font-size:1rem!important;margin-bottom:.75rem!important;text-align:center}.results-summary .charts-section>div .total-count,.results-summary .charts-section>div .total-violations{font-size:.75rem!important;margin-bottom:.25rem!important;text-align:center}.results-summary .charts-section>div:last-child{margin-right:1.5rem}.results-summary .charts-section .chart-card.score-chart{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-shadow:0 2px 6px #0000001a;height:-webkit-fit-content;height:fit-content;padding:.75rem;transition:all .3s ease}.results-summary .charts-section .chart-card.score-chart:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.results-summary .charts-section .chart-card.score-chart .chart-header h3{color:#333;color:var(--text-primary,#333)}.results-summary .charts-section .chart-card.score-chart .chart-header .description{color:#666;color:var(--text-secondary,#666)}.results-summary .charts-section .chart-card.score-chart .chart-content{align-items:center;display:flex;justify-content:center;padding:10px 0}[data-theme=dark] .results-summary .charts-section .chart-card.score-chart{background:#2d3748;background:var(--dev-bg-secondary,#2d3748);border-color:#4a5568;border-color:var(--dev-border-color,#4a5568)}[data-theme=dark] .results-summary .charts-section .chart-card.score-chart .chart-header h3{color:#e2e8f0;color:var(--dev-text-primary,#e2e8f0)}[data-theme=dark] .results-summary .charts-section .chart-card.score-chart .chart-header .description{color:#a0aec0;color:var(--dev-text-secondary,#a0aec0)}[data-theme=dark] .results-summary .charts-section .chart-card.score-chart .chart-footer{border-color:#4a5568;border-color:var(--dev-border-color,#4a5568)}[data-theme=dark] .results-summary .charts-section .chart-card.score-chart .chart-footer .score-description{color:#a0aec0;color:var(--dev-text-secondary,#a0aec0)}.business-mode .results-summary .charts-section .chart-card.score-chart{background:#fff;background:var(--business-bg-primary,#fff);border-color:#e2e8f0;border-color:var(--business-border-color,#e2e8f0)}.business-mode .results-summary .charts-section .chart-card.score-chart .chart-header h3{color:#2d3748;color:var(--business-text-primary,#2d3748)}.business-mode .results-summary .charts-section .chart-card.score-chart .chart-header .description{color:#718096;color:var(--business-text-secondary,#718096)}.business-mode .results-summary .charts-section .chart-card.score-chart .chart-footer{border-color:#e2e8f0;border-color:var(--business-border-color,#e2e8f0)}.business-mode .results-summary .charts-section .chart-card.score-chart .chart-footer .score-description{color:#718096;color:var(--business-text-secondary,#718096)}.business-mode .results-summary .charts-section .chart-card.score-chart:hover{border-color:#3182ce;border-color:var(--business-primary,#3182ce)}.results-summary .accessibility-score{flex:0 0 400px;min-width:400px;scroll-snap-align:center}.results-summary .accessibility-score .chart-container{height:140px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.results-summary .accessibility-score .chart-container .total-count{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 0 8px var(--bg-light);display:flex;flex-direction:column;height:80px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80px}.results-summary .accessibility-score .chart-container .total-count .number{color:var(--text-primary);display:block;font-size:1.125rem;font-weight:600;line-height:1}.results-summary .accessibility-score .chart-container .total-count .label{color:var(--text-secondary);display:block;font-size:.625rem;margin-top:.25rem}.results-summary .accessibility-score .severity-legend{display:flex;justify-content:center;margin-top:1rem;position:relative;z-index:1}.results-summary .accessibility-score .severity-legend .legend-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;min-width:180px;padding:.5rem 1rem}.results-summary .accessibility-score .severity-legend .legend-item .dot{border-radius:50%;height:8px;width:8px}.results-summary .accessibility-score .severity-legend .legend-item .label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.results-summary .accessibility-score .severity-legend .legend-item .value{color:var(--text-primary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-left:auto;text-transform:uppercase}.results-summary .meta-item.checks-info{background:var(--color-background-secondary);border-radius:8px;display:flex;flex:0 0 400px;gap:2rem;grid-column:span 3;justify-content:space-between;min-width:400px;padding:.75rem 1.5rem;scroll-snap-align:center}.results-summary .meta-item.checks-info .check-stat{align-items:center;display:flex;gap:.75rem}.results-summary .meta-item.checks-info .check-stat .label{color:var(--color-text-secondary);font-size:.875rem}.results-summary .meta-item.checks-info .check-stat .value{color:var(--color-text-primary);font-size:1rem;font-weight:600}.results-summary .chart-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:400px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.results-summary .chart-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.results-summary .chart-card .chart-header{margin-bottom:1.25rem}.results-summary .chart-card .chart-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.results-summary .chart-card .chart-header .description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.results-summary .chart-card .chart-content{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px}.results-summary .chart-card .chart-footer{border-top:1px solid var(--border-color);margin-top:1.25rem;padding-top:1.25rem}.results-summary .chart-card .chart-footer .legend{display:flex;flex-wrap:wrap;gap:1rem}.results-summary .chart-card .chart-footer .legend .legend-item{align-items:center;background:var(--bg-light);border-radius:6px;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.results-summary .chart-card .chart-footer .legend .legend-item:hover{background:var(--primary-light);color:var(--primary)}.results-summary .chart-card .chart-footer .legend .legend-item .dot{border-radius:50%;height:8px;width:8px}.results-summary .chart-card .chart-footer .legend .legend-item .label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.results-summary .chart-card .chart-footer .legend .legend-item .value{color:var(--text-primary);font-size:.75rem;font-weight:600;margin-left:.25rem}.results-summary .chart-card .chart-footer.loading .chart-card .skeleton-item{animation:pulse 1.5s ease-in-out infinite;background:var(--bg-light);border-radius:4px;height:1rem;margin-bottom:1rem}.results-summary .chart-card .chart-footer.loading .chart-card .skeleton-item:nth-child(2){width:80%}.results-summary .chart-card .chart-footer.loading .chart-card .skeleton-item:nth-child(3){width:60%}.developer-mode .results-summary{background:var(--dev-bg-primary);border:1px solid var(--dev-border-color);box-shadow:var(--dev-card-shadow)}.developer-mode .results-summary:before{background:radial-gradient(circle at top right,rgba(var(--dev-primary-rgb),.03),#0000 70%)}.developer-mode .results-summary .scan-meta .meta-item{background:var(--dev-bg-secondary);border-color:var(--dev-border-color);box-shadow:0 2px 8px #0003}.developer-mode .results-summary .scan-meta .meta-item:after{background:linear-gradient(45deg,#0000,#ffffff0d 50%,#0000)}.developer-mode .results-summary .scan-meta .meta-item span{color:var(--dev-text-primary)}.developer-mode .results-summary .scan-meta .meta-item span:after{color:var(--dev-text-secondary)}.developer-mode .results-summary .scan-meta .meta-item:hover{box-shadow:0 20px 40px rgba(var(--dev-primary-rgb),.15),0 0 0 1px var(--dev-primary),0 0 0 4px rgba(var(--dev-primary-rgb),.1)}.developer-mode .results-summary .scan-meta .meta-item svg{color:var(--dev-text-primary)}.developer-mode .results-summary .scan-meta .meta-item:first-child:before{background:linear-gradient(180deg,#4dabf7,color-mix(in srgb,#4dabf7 70%,#000));background:linear-gradient(to bottom,var(--dev-info,#4dabf7),color-mix(in srgb,var(--dev-info,#4dabf7) 70%,#000))}.developer-mode .results-summary .scan-meta .meta-item:first-child svg{color:#4dabf7;color:var(--dev-info,#4dabf7);filter:drop-shadow(0 2px 6px rgba(77,171,247,.3))}.developer-mode .results-summary .scan-meta .meta-item:nth-child(2):before{background:linear-gradient(180deg,#40c057,color-mix(in srgb,#40c057 70%,#000));background:linear-gradient(to bottom,var(--dev-success,#40c057),color-mix(in srgb,var(--dev-success,#40c057) 70%,#000))}.developer-mode .results-summary .scan-meta .meta-item:nth-child(2) svg{color:#40c057;color:var(--dev-success,#40c057);filter:drop-shadow(0 2px 6px rgba(64,192,87,.3))}.developer-mode .results-summary .scan-meta .meta-item:nth-child(3):before{background:linear-gradient(180deg,#fab005,color-mix(in srgb,#fab005 70%,#000));background:linear-gradient(to bottom,var(--dev-warning,#fab005),color-mix(in srgb,var(--dev-warning,#fab005) 70%,#000))}.developer-mode .results-summary .scan-meta .meta-item:nth-child(3) svg{color:#fab005;color:var(--dev-warning,#fab005);filter:drop-shadow(0 2px 6px rgba(250,176,5,.3))}.developer-mode .results-summary .scan-meta .meta-item:nth-child(4):before{background:linear-gradient(180deg,#4c6ef5,color-mix(in srgb,#4c6ef5 70%,#000));background:linear-gradient(to bottom,var(--dev-primary,#4c6ef5),color-mix(in srgb,var(--dev-primary,#4c6ef5) 70%,#000))}.developer-mode .results-summary .scan-meta .meta-item:nth-child(4) svg{color:#4c6ef5;color:var(--dev-primary,#4c6ef5);filter:drop-shadow(0 2px 6px rgba(76,110,245,.3))}.developer-mode .results-summary .scan-meta .meta-item:nth-child(5):before{background:linear-gradient(180deg,#7048e8,color-mix(in srgb,#7048e8 70%,#000));background:linear-gradient(to bottom,var(--dev-secondary,#7048e8),color-mix(in srgb,var(--dev-secondary,#7048e8) 70%,#000))}.developer-mode .results-summary .scan-meta .meta-item:nth-child(5) svg{color:#7048e8;color:var(--dev-secondary,#7048e8);filter:drop-shadow(0 2px 6px rgba(112,72,232,.3))}.developer-mode .results-summary .scan-meta .meta-item:nth-child(6):before{background:linear-gradient(180deg,#1098ad,color-mix(in srgb,#1098ad 70%,#000));background:linear-gradient(to bottom,var(--dev-tertiary,#1098ad),color-mix(in srgb,var(--dev-tertiary,#1098ad) 70%,#000))}.developer-mode .results-summary .scan-meta .meta-item:nth-child(6) svg{color:#1098ad;color:var(--dev-tertiary,#1098ad);filter:drop-shadow(0 2px 6px rgba(16,152,173,.3))}@media(max-width:768px){.developer-mode .results-summary .scan-meta .meta-item{background:var(--dev-bg-secondary)}}.developer-mode .results-summary h2{color:var(--dev-text-primary)}.developer-mode .results-summary h2:before{background:linear-gradient(to bottom,var(--dev-primary),var(--dev-primary-dark));box-shadow:0 4px 12px rgba(var(--dev-primary-rgb),.3)}.developer-mode .results-summary h2:after{background:linear-gradient(90deg,var(--dev-border-color) 0,#0000 100%)}.developer-mode .results-summary .summary-header{border-color:var(--dev-border-color)}.developer-mode .results-summary .charts-section,.developer-mode .results-summary .charts-section-wrapper{background:var(--dev-bg-primary)!important}.developer-mode .results-summary .charts-section-wrapper:after,.developer-mode .results-summary .charts-section:after{background:linear-gradient(to right,#0000,var(--dev-bg-primary))}.developer-mode .results-summary .charts-section>div{background:var(--dev-bg-secondary)!important;border:1px solid var(--dev-border-color);box-shadow:0 2px 6px #0003}.developer-mode .results-summary .charts-section>div .chart-container{background:var(--dev-bg-secondary)!important}.developer-mode .results-summary .charts-section>div h3{color:var(--dev-text-primary)!important}.developer-mode .results-summary .charts-section>div .total-count,.developer-mode .results-summary .charts-section>div .total-violations{color:var(--dev-text-secondary)!important}.developer-mode .results-summary .chart-section,.developer-mode .results-summary .chart-section .chart-card{background:var(--dev-bg-secondary)!important;border-color:var(--dev-border-color);color:var(--dev-text-primary)}.developer-mode .results-summary .chart-section .chart-card .chart-title{color:var(--dev-text-primary)}.developer-mode .results-summary .chart-section .chart-card .chart-subtitle{color:var(--dev-text-secondary)}.developer-mode .results-summary .chart-section .chart-card:before{background:linear-gradient(to bottom,var(--dev-primary),color-mix(in srgb,var(--dev-primary) 70%,#000))}.developer-mode .results-summary .chart-section .chart-card svg{color:var(--dev-primary);filter:drop-shadow(0 2px 6px rgba(77,159,255,.3))}.developer-mode .results-summary .chart-section .chart-card:nth-child(2):before{background:linear-gradient(to bottom,var(--dev-success),color-mix(in srgb,var(--dev-success) 70%,#000))}.developer-mode .results-summary .chart-section .chart-card:nth-child(2) svg{color:var(--dev-success)}.developer-mode .results-summary .chart-section .chart-card:nth-child(3):before{background:linear-gradient(to bottom,var(--dev-warning),color-mix(in srgb,var(--dev-warning) 70%,#000))}.developer-mode .results-summary .chart-section .chart-card:nth-child(3) svg{color:var(--dev-warning)}.developer-mode .results-summary .severity-distribution{background:var(--dev-bg-secondary);border-color:var(--dev-border-color)}.developer-mode .results-summary .severity-distribution .chart-title{color:var(--dev-text-primary)}.developer-mode .results-summary .severity-distribution .chart-legend{color:var(--dev-text-secondary)}.developer-mode .results-summary .category-distribution{background:var(--dev-bg-secondary);border-color:var(--dev-border-color)}.developer-mode .results-summary .category-distribution .chart-title{color:var(--dev-text-primary)}.developer-mode .results-summary .category-distribution .chart-legend{color:var(--dev-text-secondary)}@media(max-width:768px){.developer-mode .results-summary{background:var(--dev-bg-primary)}.developer-mode .results-summary .scan-meta .meta-item{align-items:center;background:var(--dev-bg-secondary);border-color:var(--dev-border-color);box-shadow:0 2px 8px #0003}.developer-mode .results-summary .scan-meta .meta-item:before{height:4px;left:0;top:0;width:100%}.developer-mode .results-summary .scan-meta .meta-item:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.developer-mode .results-summary .scan-meta .meta-item svg{height:1.75rem;margin-bottom:.25rem;width:1.75rem}.developer-mode .results-summary .scan-meta .meta-item span{color:var(--dev-text-primary);font-size:.95rem;text-align:center;width:100%}.developer-mode .results-summary .scan-meta .meta-item span:after{color:var(--dev-text-secondary);font-size:.75rem;opacity:.8}}@media(max-width:768px)and (max-width:480px){.developer-mode .results-summary .scan-meta .meta-item{flex:0 0 130px;min-width:130px;padding:.75rem .5rem}.developer-mode .results-summary .scan-meta .meta-item svg{height:1.5rem;width:1.5rem}.developer-mode .results-summary .scan-meta .meta-item span{font-size:.85rem}.developer-mode .results-summary .scan-meta .meta-item span:after{font-size:.7rem}}@media(max-width:768px)and (max-width:360px){.developer-mode .results-summary .scan-meta .meta-item{flex:0 0 110px;min-width:110px}}.results-summary h2{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:800;gap:1.25rem;letter-spacing:-.03em;line-height:1.2;margin:2.5rem 0 1rem;position:relative;z-index:1}.results-summary h2:before{background:linear-gradient(to bottom,var(--primary),var(--primary-dark));border-radius:6px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);content:"";height:32px;width:6px}.results-summary h2:after{background:linear-gradient(90deg,var(--border-color) 0,#0000 100%);border-radius:3px;content:"";flex:1 1;height:3px;opacity:.3}.results-summary .active-filters{animation:fadeSlideUp .5s cubic-bezier(.4,0,.2,1);background:rgba(var(--primary-rgb),.03);border:1px solid rgba(var(--primary-rgb),.1);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;margin:0 1rem 1rem;padding:1rem}.results-summary .active-filters>span{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500}.results-summary .active-filters>span:after{background:linear-gradient(90deg,var(--border-color) 0,#0000 100%);content:"";flex:1 1;height:1px;margin-left:.75rem}.results-summary .active-filters .filter-badges{display:flex;flex-wrap:wrap;gap:.5rem}.results-summary .active-filters .filter-badges .filter-badge{align-items:center;animation:fadeSlideUp .4s cubic-bezier(.4,0,.2,1);animation-fill-mode:both;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;font-size:.75rem;gap:.5rem;padding:.375rem .75rem;transition:all .3s ease}.results-summary .active-filters .filter-badges .filter-badge:first-child{animation-delay:.1s}.results-summary .active-filters .filter-badges .filter-badge:nth-child(2){animation-delay:.2s}.results-summary .active-filters .filter-badges .filter-badge:nth-child(3){animation-delay:.3s}.results-summary .active-filters .filter-badges .filter-badge:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.results-summary .active-filters .filter-badges .filter-badge span{font-weight:500}.results-summary .active-filters .filter-badges .filter-badge .clear-filter-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:color .2s ease;width:16px}.results-summary .active-filters .filter-badges .filter-badge .clear-filter-btn:hover{color:var(--danger)}.results-summary .active-filters .filter-badges .filter-badge .clear-filter-btn svg{height:14px;width:14px}.results-summary .active-filters .filter-badges .clear-all-filters-btn{animation:fadeSlideUp .4s cubic-bezier(.4,0,.2,1);animation-delay:.4s;animation-fill-mode:both;background:var(--danger);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .3s ease}.results-summary .active-filters .filter-badges .clear-all-filters-btn:hover{background:darkred;background:var(--danger-dark,darkred);box-shadow:0 4px 8px rgba(var(--danger-rgb),.3);transform:translateY(-2px)}@media(max-width:768px){.results-summary .active-filters{margin:0 .5rem .5rem;padding:.75rem}}.results-summary .selected-severity{align-items:center;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:.5rem}.results-summary .selected-severity span{font-weight:500}.results-summary .selected-severity .clear-filter-btn{background:none;border:none;border-radius:4px;color:var(--danger);cursor:pointer;font-size:.75rem;padding:.125rem .375rem;transition:background-color .2s ease}.results-summary .selected-severity .clear-filter-btn:hover{background:#dc35451a;background:rgba(var(--danger-rgb,220,53,69),.1)}.results-summary .detailed-statistics{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);flex:0 0 400px;margin:16px;min-width:400px;overflow:hidden;padding:1.5rem;position:relative;scroll-snap-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.results-summary .detailed-statistics:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.results-summary .detailed-statistics h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1.25rem}.results-summary .detailed-statistics .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.results-summary .detailed-statistics .stats-grid .stat-item{background:var(--bg-light);border-radius:8px;display:flex;flex-direction:column;padding:1rem;transition:all .2s ease}.results-summary .detailed-statistics .stats-grid .stat-item:hover{background:var(--primary-light)}.results-summary .detailed-statistics .stats-grid .stat-item:hover .stat-value{color:var(--primary)}.results-summary .detailed-statistics .stats-grid .stat-item .stat-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.results-summary .detailed-statistics .stats-grid .stat-item .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:600;transition:color .2s ease}.results-summary .scan-meta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:linear-gradient(rgba(var(--primary-rgb),.03) 1px,#0000 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.03) 1px,#0000 1px);background-size:20px 20px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.05),0 8px 32px #00000008;display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem;padding:1.5rem;position:relative;z-index:1}.results-summary .scan-meta:before{animation:gradient 6s linear infinite;background:linear-gradient(90deg,var(--primary) 0,var(--success) 25%,var(--warning) 50%,var(--info) 75%,var(--primary) 100%);background-size:200% auto;border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.results-summary .scan-meta .meta-sections{display:flex;flex-wrap:wrap;gap:1.5rem;width:100%}.results-summary .scan-meta .meta-sections .meta-section{flex:1 1 auto;min-width:250px}.results-summary .scan-meta .meta-sections .meta-section .section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;position:relative;text-transform:uppercase}.results-summary .scan-meta .meta-sections .meta-section .section-title span{padding-right:.75rem;position:relative;z-index:2}.results-summary .scan-meta .meta-sections .meta-section .section-title:after{background:linear-gradient(90deg,var(--border-color) 0,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:75%;z-index:1}.results-summary .scan-meta .meta-sections .meta-section.violations-section{flex:2 1 300px;order:1}.results-summary .scan-meta .meta-sections .meta-section.violations-section .violations-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.results-summary .scan-meta .meta-sections .meta-section.stats-section{flex:1 1 250px;order:2}.results-summary .scan-meta .meta-sections .meta-section.stats-section .stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.results-summary .scan-meta .meta-sections .meta-section.info-section{flex:1 1 180px;order:3}.results-summary .scan-meta .meta-sections .meta-section.info-section .info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.results-summary .scan-meta .meta-item{align-items:center;animation:fadeSlideUp .8s cubic-bezier(.4,0,.2,1);animation-fill-mode:both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:1.25rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.results-summary .scan-meta .meta-item:first-child{animation-delay:.1s}.results-summary .scan-meta .meta-item:nth-child(2){animation-delay:.2s}.results-summary .scan-meta .meta-item:nth-child(3){animation-delay:.3s}.results-summary .scan-meta .meta-item:nth-child(4){animation-delay:.4s}.results-summary .scan-meta .meta-item:nth-child(5){animation-delay:.5s}.results-summary .scan-meta .meta-item:nth-child(6){animation-delay:.6s}.results-summary .scan-meta .meta-item:nth-child(7){animation-delay:.7s}.results-summary .scan-meta .meta-item[role=button]{cursor:pointer}.results-summary .scan-meta .meta-item[role=button]:after{background:linear-gradient(45deg,#0000,#fff3 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%) rotate(10deg);transition:transform .8s ease}.results-summary .scan-meta .meta-item[role=button]:hover{box-shadow:0 15px 30px rgba(var(--primary-rgb),.15),0 0 0 1px var(--primary),0 0 0 4px rgba(var(--primary-rgb),.1);transform:translateY(-6px) scale(1.02);z-index:5}.results-summary .scan-meta .meta-item[role=button]:hover:after{transform:translateX(100%) rotate(10deg)}.results-summary .scan-meta .meta-item[role=button]:hover svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transform:scale(1.2) translateY(-5px)}.results-summary .scan-meta .meta-item[role=button]:hover span .click-hint{opacity:1;transform:translateY(0)}.results-summary .scan-meta .meta-item[role=button]:first-child:hover{border-color:#dc3545;border-color:var(--danger,#dc3545);box-shadow:0 15px 30px #dc354526,0 0 0 1px #dc3545,0 0 0 4px #dc35451a;box-shadow:0 15px 30px #dc354526,0 0 0 1px var(--danger,#dc3545),0 0 0 4px #dc35451a}.results-summary .scan-meta .meta-item[role=button]:nth-child(2):hover{border-color:#ffc107;border-color:var(--warning,#ffc107);box-shadow:0 15px 30px #ffc10726,0 0 0 1px #ffc107,0 0 0 4px #ffc1071a;box-shadow:0 15px 30px #ffc10726,0 0 0 1px var(--warning,#ffc107),0 0 0 4px #ffc1071a}.results-summary .scan-meta .meta-item[role=button]:nth-child(3):hover{border-color:#17a2b8;border-color:var(--info,#17a2b8);box-shadow:0 15px 30px #17a2b826,0 0 0 1px #17a2b8,0 0 0 4px #17a2b81a;box-shadow:0 15px 30px #17a2b826,0 0 0 1px var(--info,#17a2b8),0 0 0 4px #17a2b81a}.results-summary .scan-meta .meta-item[role=button]:nth-child(5):hover{border-color:var(--primary);box-shadow:0 15px 30px rgba(var(--primary-rgb),.15),0 0 0 1px var(--primary),0 0 0 4px rgba(var(--primary-rgb),.1)}.results-summary .scan-meta .meta-item[role=button]:focus-visible{outline:2px solid #06c;outline:2px solid var(--primary,#06c);outline-offset:2px;transform:translateY(-3px);z-index:5}.results-summary .scan-meta .meta-item[role=button]:first-child:focus-visible{outline-color:#dc3545;outline-color:var(--danger,#dc3545)}.results-summary .scan-meta .meta-item[role=button]:nth-child(2):focus-visible{outline-color:#ffc107;outline-color:var(--warning,#ffc107)}.results-summary .scan-meta .meta-item[role=button]:nth-child(3):focus-visible{outline-color:#17a2b8;outline-color:var(--info,#17a2b8)}.results-summary .scan-meta .meta-item.selected,.results-summary .scan-meta .meta-item[aria-pressed=true]{transform:translateY(-3px);z-index:2}.results-summary .scan-meta .meta-item.selected:first-of-type,.results-summary .scan-meta .meta-item[aria-pressed=true]:first-of-type{background:linear-gradient(165deg,#dc3545e6,#dc3545cc);border-color:#dc3545;border-color:var(--danger,#dc3545);box-shadow:0 8px 16px #dc354540;color:#fff}.results-summary .scan-meta .meta-item.selected:first-of-type svg,.results-summary .scan-meta .meta-item[aria-pressed=true]:first-of-type svg{color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.results-summary .scan-meta .meta-item.selected:first-of-type span:after,.results-summary .scan-meta .meta-item[aria-pressed=true]:first-of-type span:after{color:#ffffffe6}.results-summary .scan-meta .meta-item.selected:nth-of-type(2),.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(2){background:linear-gradient(165deg,#ffc107e6,#ffc107cc);border-color:#ffc107;border-color:var(--warning,#ffc107);box-shadow:0 8px 16px #ffc10740}.results-summary .scan-meta .meta-item.selected:nth-of-type(2) svg,.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(2) svg{color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.results-summary .scan-meta .meta-item.selected:nth-of-type(2) span,.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(2) span{color:#212529}.results-summary .scan-meta .meta-item.selected:nth-of-type(2) span:after,.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(2) span:after{color:#212529e6}.results-summary .scan-meta .meta-item.selected:nth-of-type(3),.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(3){background:linear-gradient(165deg,#17a2b8e6,#17a2b8cc);border-color:#17a2b8;border-color:var(--info,#17a2b8);box-shadow:0 8px 16px #17a2b840}.results-summary .scan-meta .meta-item.selected:nth-of-type(3) svg,.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(3) svg{color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.results-summary .scan-meta .meta-item.selected:nth-of-type(3) span,.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(3) span{color:#fff}.results-summary .scan-meta .meta-item.selected:nth-of-type(3) span:after,.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(3) span:after{color:#ffffffe6}.results-summary .scan-meta .meta-item.selected:nth-of-type(5),.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(5){background:linear-gradient(165deg,rgba(var(--primary-rgb),.9),rgba(var(--primary-rgb),.8));border-color:var(--primary)}.results-summary .scan-meta .meta-item.selected:nth-of-type(5) svg,.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(5) svg{color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.results-summary .scan-meta .meta-item.selected:nth-of-type(5) span,.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(5) span{color:#fff}.results-summary .scan-meta .meta-item.selected:nth-of-type(5) span:after,.results-summary .scan-meta .meta-item[aria-pressed=true]:nth-of-type(5) span:after{color:#ffffffe6}.results-summary .scan-meta .meta-item svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.1));height:2rem;margin-bottom:.75rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);width:2rem}.results-summary .scan-meta .meta-item span{color:var(--text-primary);font-size:1.125rem;font-weight:700;line-height:1.3}.results-summary .scan-meta .meta-item span:after{color:var(--text-secondary);content:attr(data-label);display:block;font-size:.75rem;font-weight:500;margin-top:.375rem;opacity:.8}.results-summary .scan-meta .meta-item span .click-hint{color:var(--text-secondary);display:block;font-size:.75rem;font-style:italic;font-weight:400;margin-top:.25rem;opacity:0;transform:translateY(5px);transition:all .3s ease}.results-summary .scan-meta .meta-item[role=button]:hover span .click-hint{opacity:.7}.results-summary .scan-meta .meta-item.selected span .click-hint,.results-summary .scan-meta .meta-item[aria-pressed=true] span .click-hint{opacity:.9;transform:translateY(0)}.results-summary .scan-meta .meta-item:first-of-type.selected span .click-hint,.results-summary .scan-meta .meta-item:first-of-type[aria-pressed=true] span .click-hint{color:#ffffffe6;font-weight:500;text-shadow:0 1px 2px #0000001a}.results-summary .scan-meta .meta-item:nth-of-type(2).selected span .click-hint,.results-summary .scan-meta .meta-item:nth-of-type(2)[aria-pressed=true] span .click-hint{color:#212529e6;font-weight:500}.results-summary .scan-meta .meta-item:nth-of-type(3).selected span .click-hint,.results-summary .scan-meta .meta-item:nth-of-type(3)[aria-pressed=true] span .click-hint,.results-summary .scan-meta .meta-item:nth-of-type(5).selected span .click-hint,.results-summary .scan-meta .meta-item:nth-of-type(5)[aria-pressed=true] span .click-hint{color:#ffffffe6;font-weight:500;text-shadow:0 1px 2px #0000001a}.results-summary .scan-meta .meta-item:first-child svg{color:#dc3545;color:var(--danger,#dc3545);filter:drop-shadow(0 2px 6px rgba(220,53,69,.3))}.results-summary .scan-meta .meta-item:nth-child(2) svg{color:#ffc107;color:var(--warning,#ffc107);filter:drop-shadow(0 2px 6px rgba(255,193,7,.3))}.results-summary .scan-meta .meta-item:nth-child(3) svg{color:#17a2b8;color:var(--info,#17a2b8);filter:drop-shadow(0 2px 6px rgba(23,162,184,.3))}.results-summary .scan-meta .meta-item:nth-child(4) svg{color:var(--success);filter:drop-shadow(0 2px 6px rgba(var(--success-rgb),.3))}.results-summary .scan-meta .meta-item:nth-child(5) svg{color:var(--primary);filter:drop-shadow(0 2px 6px rgba(var(--primary-rgb),.3))}.results-summary .scan-meta .meta-item:nth-child(6) svg{color:var(--secondary);filter:drop-shadow(0 2px 6px rgba(var(--secondary-rgb),.3))}.results-summary .scan-meta .meta-item:nth-child(7) svg{color:var(--info);filter:drop-shadow(0 2px 6px rgba(var(--info-rgb),.3))}@container (max-width: 1400px){.results-summary .scan-meta .meta-sections{flex-direction:row;flex-wrap:wrap}.results-summary .scan-meta .meta-sections .meta-section.violations-section{flex:1 1 100%;order:1}.results-summary .scan-meta .meta-sections .meta-section.info-section,.results-summary .scan-meta .meta-sections .meta-section.stats-section{flex:1 1 45%;min-width:200px}.results-summary .scan-meta .meta-sections .meta-section.stats-section{order:2}.results-summary .scan-meta .meta-sections .meta-section.info-section{order:3}}@container (max-width: 1100px){.results-summary .scan-meta .meta-sections .meta-section{flex:1 1 100%}.results-summary .scan-meta .meta-sections .meta-section.violations-section{order:1}.results-summary .scan-meta .meta-sections .meta-section.stats-section{order:2}.results-summary .scan-meta .meta-sections .meta-section.info-section{order:3}.results-summary .scan-meta .meta-sections .meta-section .info-grid,.results-summary .scan-meta .meta-sections .meta-section .stats-grid,.results-summary .scan-meta .meta-sections .meta-section .violations-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:1200px){.results-summary .scan-meta .meta-sections{flex-direction:row}.results-summary .scan-meta .meta-sections .meta-section{flex:1 1 100%;min-width:100%;width:100%}.results-summary .scan-meta .meta-sections .meta-section.info-section,.results-summary .scan-meta .meta-sections .meta-section.stats-section,.results-summary .scan-meta .meta-sections .meta-section.violations-section{order:0}.results-summary .scan-meta .meta-sections .meta-section .info-grid,.results-summary .scan-meta .meta-sections .meta-section .stats-grid,.results-summary .scan-meta .meta-sections .meta-section .violations-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.results-summary .scan-meta{margin:1rem;padding:1rem}.results-summary .scan-meta .meta-sections{gap:1rem}.results-summary .scan-meta .meta-sections .meta-section .section-title{font-size:.8rem}.results-summary .scan-meta .meta-sections .meta-section .info-grid,.results-summary .scan-meta .meta-sections .meta-section .stats-grid,.results-summary .scan-meta .meta-sections .meta-section .violations-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.results-summary .scan-meta .meta-item{min-height:110px;padding:1rem}.results-summary .scan-meta .meta-item svg{height:1.75rem;width:1.75rem}.results-summary .scan-meta .meta-item span{font-size:1rem}}@media(max-width:480px){.results-summary .scan-meta{margin:.5rem;padding:.5rem}.results-summary .scan-meta .meta-sections{gap:.75rem}.results-summary .scan-meta .meta-sections .meta-section .section-title{font-size:.75rem}.results-summary .scan-meta .meta-sections .meta-section .info-grid,.results-summary .scan-meta .meta-sections .meta-section .stats-grid,.results-summary .scan-meta .meta-sections .meta-section .violations-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.results-summary .scan-meta .meta-item{min-height:100px;padding:.75rem}.results-summary .scan-meta .meta-item svg{height:1.5rem;margin-bottom:.5rem;width:1.5rem}.results-summary .scan-meta .meta-item span{font-size:.875rem}.results-summary .scan-meta .meta-item span:after{font-size:.7rem}}@media(max-width:1400px){.results-summary .scan-meta{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.results-summary{background:#fff;border-radius:12px;margin:.5rem;padding:1rem}.results-summary h2{font-size:1.5rem;margin:1rem 0;overflow:hidden;padding:0 .5rem;text-overflow:ellipsis;white-space:nowrap}.results-summary .summary-header{margin-bottom:1.5rem;overflow:visible;position:relative;width:100%}.results-summary .charts-section-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#fff;margin:0;overflow-x:auto;padding:.5rem .75rem;position:relative;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.results-summary .charts-section-wrapper:after{background:linear-gradient(90deg,#0000,#fffc);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:30px;z-index:5}.results-summary .charts-section-wrapper::-webkit-scrollbar{display:none}.results-summary .charts-section{background:#fff;display:flex;gap:1rem;min-width:-webkit-max-content;min-width:max-content;padding:.25rem .25rem 1.5rem;position:relative}.results-summary .charts-section>div{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;flex:0 0 auto;height:-webkit-fit-content;height:fit-content;margin-right:1rem;min-width:min(280px,85vw);padding:.75rem;scroll-snap-align:center;width:min(280px,85vw)}.results-summary .charts-section>div .chart-container{align-items:center;background:#fff;border-radius:4px;display:flex;height:180px!important;justify-content:center;max-height:180px;min-height:180px;overflow:hidden;position:relative}.results-summary .charts-section>div .chart-container canvas{max-height:160px!important;max-width:100%!important;object-fit:contain}.results-summary .charts-section>div h3{font-size:1rem!important;margin-bottom:.75rem!important;text-align:center}.results-summary .charts-section>div .total-count,.results-summary .charts-section>div .total-violations{font-size:.75rem!important;margin-bottom:.25rem!important;text-align:center}.results-summary .charts-section>div:last-child{margin-right:2rem}.results-summary.developer-mode .charts-section,.results-summary.developer-mode .charts-section-wrapper{background:var(--dev-bg-primary)}.results-summary.developer-mode .charts-section-wrapper:after,.results-summary.developer-mode .charts-section:after{color:var(--dev-text-secondary)}.results-summary.developer-mode .charts-section>div{background:var(--dev-bg-secondary);border:1px solid var(--dev-border-color);box-shadow:0 2px 6px #0003}.results-summary.developer-mode .charts-section>div .chart-container{background:var(--dev-bg-secondary)}.results-summary.developer-mode .charts-section>div h3{color:var(--dev-text-primary)}.results-summary.developer-mode .charts-section>div .total-count,.results-summary.developer-mode .charts-section>div .total-violations{color:var(--dev-text-secondary)}.results-summary.developer-mode .charts-section-wrapper:after{background:linear-gradient(to right,#0000,var(--dev-bg-primary))}.results-summary.developer-mode .scan-meta:after{background:rgba(var(--dev-bg-primary-rgb),.8);color:var(--dev-text-secondary)}.results-summary.developer-mode .scan-meta .meta-item{background:var(--dev-bg-secondary);border-color:var(--dev-border-color)}.results-summary.developer-mode .scan-meta .meta-item span{color:var(--dev-text-primary)}.results-summary.developer-mode .scan-meta .meta-item span:after{color:var(--dev-text-secondary)}.results-summary .scan-meta{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem .5rem;overflow-x:auto;overflow-y:hidden;padding:0;position:relative;scroll-snap-type:x mandatory;scrollbar-width:none}.results-summary .scan-meta::-webkit-scrollbar{display:none}.results-summary .scan-meta .meta-item{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-basis:calc(50% - 0.5rem);flex-direction:column;flex-grow:1;flex-shrink:0;gap:.5rem;min-width:160px;padding:1rem;scroll-snap-align:start}.results-summary .scan-meta .meta-item:before{height:4px;left:0;top:0;width:100%}.results-summary .scan-meta .meta-item:after{display:none}.results-summary .scan-meta .meta-item:active{transform:scale(.98);transition:transform .2s ease}.results-summary .scan-meta .meta-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.results-summary .scan-meta .meta-item:hover svg{transform:scale(1.1)}.results-summary .scan-meta .meta-item svg{height:1.75rem;margin-bottom:.25rem;width:1.75rem}.results-summary .scan-meta .meta-item span{display:flex;flex-direction:column;font-size:.95rem;text-align:center;width:100%}.results-summary .scan-meta .meta-item span:after{font-size:.75rem;margin-top:.25rem;text-align:center}.results-summary .active-filters{gap:.5rem;margin:.75rem 0;padding:0 .5rem}.results-summary .active-filters .filter-sphere{font-size:.75rem;padding:.5rem .75rem}.results-summary .active-filters .filter-sphere .clear-filter{height:16px;margin-left:.25rem;width:16px}.results-summary .detailed-statistics{margin:.75rem;padding:1rem}.results-summary .detailed-statistics h3{font-size:1rem;margin-bottom:1rem}.results-summary .detailed-statistics .stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.results-summary .detailed-statistics .stats-grid .stat-item{padding:.75rem}.results-summary .detailed-statistics .stats-grid .stat-item .stat-label{font-size:.75rem}.results-summary .detailed-statistics .stats-grid .stat-item .stat-value{font-size:1.25rem}}@media(max-width:480px){.results-summary{margin:.25rem;padding:.75rem}.results-summary .charts-section>div{min-width:260px;width:260px}.results-summary .scan-meta{flex-wrap:nowrap;gap:.5rem;margin:.75rem .5rem;padding-bottom:1.5rem}.results-summary .scan-meta .meta-item{flex:0 0 130px;min-width:130px;padding:.75rem .5rem}.results-summary .scan-meta .meta-item svg{height:1.5rem;width:1.5rem}.results-summary .scan-meta .meta-item span{font-size:.85rem;font-weight:600}.results-summary .scan-meta .meta-item span:after{font-size:.7rem}.results-summary .detailed-statistics .stats-grid{grid-template-columns:1fr}}@media(max-width:360px){.results-summary .scan-meta .meta-item{flex:0 0 110px;min-width:110px}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.content-tabs{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .2s ease;z-index:10}.content-tabs.scrolled{background:#fffffff2;box-shadow:var(--shadow-sm)}.content-tabs.developer-mode{background:var(--dev-bg-secondary);border-color:var(--dev-border-color)}.content-tabs.developer-mode.scrolled{background:rgba(var(--dev-bg-secondary),.95)}.content-tabs.developer-mode .tab{color:var(--dev-text-secondary)}.content-tabs.developer-mode .tab:hover{background:var(--dev-bg-tertiary);color:var(--dev-text-primary)}.content-tabs.developer-mode .tab.active{background:var(--dev-primary-light);color:var(--dev-primary)}.content-tabs.developer-mode .tab.active:after{background:var(--dev-primary)}.content-tabs .tabs-wrapper{display:flex;flex:1 1;gap:1rem}.content-tabs .tabs-wrapper .tab{border-radius:6px;color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.content-tabs .tabs-wrapper .tab:after{background:var(--primary);bottom:-1rem;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .2s ease;width:100%}.content-tabs .tabs-wrapper .tab:hover{background:var(--bg-light);color:var(--text-primary)}.content-tabs .tabs-wrapper .tab.active{background:var(--primary-light);color:var(--primary)}.content-tabs .tabs-wrapper .tab.active:after{transform:scaleX(1)}.content-tabs .actions{align-items:center;display:flex;gap:.75rem}@media(max-width:768px){.content-tabs{padding:.75rem .5rem}.content-tabs .tabs-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;scrollbar-width:none;width:100%}.content-tabs .tabs-wrapper::-webkit-scrollbar{display:none}.content-tabs .tabs-wrapper .tab{flex:0 0 auto;font-size:.875rem;min-height:44px;padding:.5rem .75rem;white-space:nowrap}.content-tabs .actions{display:none}}@media(max-width:480px){.content-tabs{padding:.5rem .25rem}.content-tabs .tabs-wrapper{gap:.25rem}.content-tabs .tabs-wrapper .tab{font-size:.75rem;min-height:40px;padding:.5rem}}.content-body{background:#fff;flex:1 1;padding:0 1.5rem 1.5rem}.content-body::-webkit-scrollbar{width:6px}.content-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.content-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.content-body.developer-mode{background:var(--dev-bg-primary);color:var(--dev-text-primary)}.content-body.developer-mode::-webkit-scrollbar-thumb{background:var(--dev-border-color)}.content-body.developer-mode::-webkit-scrollbar-thumb:hover{background:var(--dev-text-secondary)}@media(max-width:768px){.content-body{padding:1rem .75rem}}@media(max-width:480px){.content-body{padding:.75rem .5rem}}.violation-item{transition:all .2s ease}.violation-item:hover{border-color:var(--primary-color);box-shadow:0 3px 8px #0000000d}.violation-item .violation-header{align-items:flex-start;flex-wrap:wrap}.violation-item .violation-header:hover{background-color:#00000003}@media(max-width:768px){.violation-item .violation-header{flex-direction:column;gap:.5rem;padding:.75rem}}.violation-item .violation-header .severity-indicator{height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.violation-item .violation-header .severity-indicator.critical{background:var(--critical)}.violation-item .violation-header .severity-indicator.serious{background:var(--serious)}.violation-item .violation-header .severity-indicator.moderate{background:var(--moderate)}.violation-item .violation-header .violation-severity{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:600;min-width:60px}@media(max-width:768px){.violation-item .violation-header .violation-severity{justify-content:space-between;margin-right:auto;min-width:auto;padding:.25rem 0;width:100%}}@media(max-width:480px){.violation-item .violation-header .violation-severity{margin-bottom:.25rem;width:100%}}.violation-item .violation-header .violation-severity .toggle-icon{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;margin-left:auto}.violation-item .violation-header .violation-severity .toggle-icon svg{transition:transform .2s ease}.violation-item .violation-header .violation-main-info{flex:1 1;padding-left:.5rem}@media(max-width:768px){.violation-item .violation-header .violation-main-info{min-width:0;padding-left:0;width:100%}}.violation-item .violation-header .violation-main-info h3{color:var(--text-primary);font-size:1rem;margin:0;overflow:hidden;text-overflow:ellipsis}@media(min-width:769px){.violation-item .violation-header .violation-main-info h3{max-width:400px;white-space:nowrap}}@media(max-width:768px){.violation-item .violation-header .violation-main-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;line-height:1.3;max-width:100%;word-break:break-word}}.violation-item .violation-header .violation-main-info .violation-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}@media(max-width:768px){.violation-item .violation-header .violation-main-info .violation-meta{gap:.35rem;margin-top:.4rem}}@media(max-width:480px){.violation-item .violation-header .violation-main-info .violation-meta{gap:.25rem}}.violation-item .violation-header .violation-main-info .violation-meta .category-badge,.violation-item .violation-header .violation-main-info .violation-meta .level-badge,.violation-item .violation-header .violation-main-info .violation-meta .severity-badge,.violation-item .violation-header .violation-main-info .violation-meta .status-badge .wcag .category .severity,.violation-item .violation-header .violation-main-info .violation-meta .wcag-badge{align-items:center;background:#0000000d;border-radius:4px;color:var(--text-secondary);display:inline-flex;font-size:.7rem;padding:.2rem .4rem;white-space:nowrap}@media(max-width:480px){.violation-item .violation-header .violation-main-info .violation-meta .category-badge,.violation-item .violation-header .violation-main-info .violation-meta .level-badge,.violation-item .violation-header .violation-main-info .violation-meta .severity-badge,.violation-item .violation-header .violation-main-info .violation-meta .status-badge .wcag .category .severity,.violation-item .violation-header .violation-main-info .violation-meta .wcag-badge{font-size:.65rem;padding:.15rem .35rem}}.violation-item .violation-header .violation-main-info .violation-meta .violation-badges{display:flex;flex-wrap:wrap;gap:.25rem}.violation-item .violation-header .how-to-fix-btn{background:var(--primary-light);border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;font-size:.875rem;margin-left:auto;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}@media(max-width:768px){.violation-item .violation-header .how-to-fix-btn{font-size:.8rem;margin-left:0;margin-top:.5rem;padding:.4rem .8rem;width:100%}}.violation-item .violation-header .how-to-fix-btn:hover{background:var(--primary-color);color:#fff}.violation-item.expanded .severity-indicator{height:4px;left:0;top:0;width:100%}.violation-item.expanded .violation-header{align-items:flex-start;flex-direction:column}.violation-item.expanded .violation-header .violation-main-info{margin-top:.5rem;padding-left:0;width:100%}.violation-item.expanded .violation-header .violation-main-info h3{max-width:100%;white-space:normal}.violation-item.expanded .violation-details{padding:0}@media(max-width:768px){.violation-item.expanded .violation-details .view-content{padding:.5rem}}.violation-item .violation-details{border-top:1px solid var(--border-color);padding:0 1rem}@media(max-width:768px){.violation-item .violation-details{padding:0}}.violation-item .violation-details .view-content{padding:0}@media(max-width:768px){.violation-item .violation-details .view-content{padding:.5rem 0}}.violation-item .violation-details .violation-actions{border-top:1px solid #0000000d;display:flex;justify-content:center;margin-top:.5rem;padding:.5rem 0 1rem}.violation-item .violation-details .violation-actions.desktop{justify-content:flex-end;padding:.75rem 1.25rem 1.25rem}.violation-item .violation-details .violation-actions.desktop .view-details-btn{align-items:center;display:flex;font-weight:500;gap:.5rem;justify-content:center;max-width:180px;transition:all .2s ease}.violation-item .violation-details .violation-actions.desktop .view-details-btn .arrow-icon{margin-left:.25rem;transition:transform .2s ease}.violation-item .violation-details .violation-actions.desktop .view-details-btn:hover .arrow-icon{transform:translateX(3px)}.violation-item .violation-details .violation-actions .view-details-btn{background:var(--primary-color);border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;max-width:250px;padding:.6rem 1.5rem;transition:background .2s;width:100%}.violation-item .violation-details .violation-actions .view-details-btn:active,.violation-item .violation-details .violation-actions .view-details-btn:hover{background:#0052a3;background:var(--primary-dark,#0052a3)}.violation-item.business-mode{background-color:var(--background-primary);border:1px solid var(--border-color)}.violation-item.business-mode .violation-header{background-color:var(--background-secondary)}.violation-item.business-mode .violation-header h3{color:var(--text-primary)}.violation-item.business-mode .violation-header .violation-meta{color:var(--text-secondary)}.violation-item.business-mode .violation-details .violation-actions .view-details-btn{background:var(--primary-color);color:#fff}.violation-item.business-mode .violation-details .violation-actions .view-details-btn:active,.violation-item.business-mode .violation-details .violation-actions .view-details-btn:hover{background:#0052a3;background:var(--primary-dark,#0052a3)}.violation-item.business-mode:hover{border-color:var(--primary-color)}.violation-item.developer-mode{background-color:var(--dark-bg-primary);border:1px solid var(--dark-border-color)}.violation-item.developer-mode .violation-header{background-color:var(--dark-bg-secondary)}.violation-item.developer-mode .violation-header h3{color:var(--dark-text-primary)}.violation-item.developer-mode .violation-header .violation-meta{color:var(--dark-text-secondary)}.violation-item.developer-mode .violation-details .violation-actions .view-details-btn{background:#4d9fff;background:var(--dev-primary,#4d9fff);box-shadow:0 2px 4px #0000004d;color:#e6e8ea;color:var(--dev-text-primary,#e6e8ea)}.violation-item.developer-mode .violation-details .violation-actions .view-details-btn:active,.violation-item.developer-mode .violation-details .violation-actions .view-details-btn:hover{background:#3a78c2;background:var(--dev-primary-dark,#3a78c2)}.violation-item.developer-mode .violation-details .violation-actions .view-details-btn .arrow-icon{color:#e6e8ea;color:var(--dev-text-primary,#e6e8ea)}.violation-item.developer-mode:hover,.violation-item.highlighted{border-color:var(--primary-color)}.violation-item.highlighted{box-shadow:0 0 0 1px var(--primary-color)}.violation-item.highlighted .violation-header{background-color:#2196f30d}@media(max-width:768px){.violation-item{border-radius:6px;margin-bottom:.75rem}.violation-item.expanded .violation-severity{margin-bottom:.25rem;padding-left:0}.violation-item.expanded .violation-details .tab-navigation{margin:.5rem .75rem}.violation-item.expanded .violation-details .tab-navigation .tabs-container{padding:.25rem}.violation-item.expanded .violation-details .tab-navigation .tab-button{min-height:38px;padding:.5rem}.violation-item.expanded .violation-details .tab-navigation .tab-button .tab-icon{margin-right:.25rem}.violation-item.expanded .violation-details .tab-navigation .tab-button .tab-label{font-size:.75rem}}@media(max-width:480px){.violation-item{margin-bottom:.5rem}.violation-item .violation-header{padding:.6rem}.violation-item .violation-header .violation-severity{font-size:.7rem}.violation-item .violation-header .violation-main-info h3{font-size:.85rem}.violation-item .violation-header .how-to-fix-btn{font-size:.75rem;padding:.375rem .75rem}.violation-item.expanded .violation-details .tab-navigation .tab-button{padding:.4rem .3rem}.violation-item.expanded .violation-details .tab-navigation .tab-button .tab-label{font-size:.7rem}}.business-view{--business-bg-primary:#fff;--business-bg-secondary:#f8f9fa;--business-bg-tertiary:#f1f3f5;--business-text-primary:#2c3e50;--business-text-secondary:#6c757d;--business-border-color:#e9ecef;--business-card-shadow:0 2px 4px #0000000d;--business-primary:#06c;--business-primary-light:#0066cc1a;--business-success:#28a745;--business-warning:#ffc107;--business-danger:#dc3545;background-color:var(--business-bg-primary);padding:24px 16px}.business-view.developer-mode{--business-bg-primary:#1a1b1e;--business-bg-secondary:#212428;--business-bg-tertiary:#2a2d34;--business-text-primary:#e6e8ea;--business-text-secondary:#9ba1a8;--business-border-color:#383b42;--business-card-shadow:0 4px 6px #0000004d;--business-primary:#4d9fff;--business-primary-light:#4d9fff26;background-color:var(--business-bg-primary);color:var(--business-text-primary)}.business-view.developer-mode .detail-card{background:var(--business-bg-secondary);border-color:var(--business-border-color);box-shadow:var(--business-card-shadow)}.business-view.developer-mode .detail-card .card-header{background:var(--business-bg-tertiary);border-color:var(--business-border-color)}.business-view.developer-mode .detail-card .card-content h5,.business-view.developer-mode .detail-card .card-content h6,.business-view.developer-mode .detail-card .card-header h3,.business-view.developer-mode .detail-card .card-header h4{color:var(--business-text-primary)}.business-view.developer-mode .detail-card .card-content li,.business-view.developer-mode .detail-card .card-content p{color:var(--business-text-secondary)}.business-view .content-wrapper{margin:0 auto 2rem;max-width:1400px}.business-view .content-wrapper:last-child{margin-bottom:0}.business-view .impact-grid,.business-view .resolution-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.business-view .detail-card{background:var(--business-bg-primary);border:1px solid var(--business-border-color);border-radius:8px;box-shadow:var(--business-card-shadow);overflow:hidden}.business-view .detail-card.primary-card{background:var(--business-bg-secondary);border-color:var(--business-primary)}.business-view .detail-card .card-header{background:var(--business-bg-secondary);border-bottom:1px solid var(--business-border-color);padding:1.25rem 1.5rem}.business-view .detail-card .card-header h3,.business-view .detail-card .card-header h4{align-items:center;color:var(--business-text-primary);display:flex;gap:.75rem;margin:0}.business-view .detail-card .card-header h3 svg,.business-view .detail-card .card-header h4 svg{color:var(--business-primary)}.business-view .detail-card .card-header .title-group{align-items:center;display:flex;justify-content:space-between}.business-view .detail-card .card-header .compliance-info{display:flex;gap:1rem;margin-top:.75rem}.business-view .detail-card .card-header .compliance-info span{background:var(--business-primary-light);border-radius:4px;color:var(--business-primary);font-size:.875rem;padding:.25rem .75rem}.business-view .detail-card .card-content{padding:1.5rem}.business-view .detail-card .card-content h5{color:var(--business-text-primary);font-size:1.6rem;margin:0 0 1rem}.business-view .detail-card .card-content h6{font-size:18px}.business-view .detail-card .card-content .implications-section{margin-bottom:24px}.business-view .detail-card .card-content li{font-size:16px}.business-view .detail-card .card-content p{color:var(--business-text-secondary);line-height:1.6;margin:0 0 1rem}.business-view .detail-card .card-content p:last-child{margin-bottom:0}.business-view .description{color:var(--business-text-primary);font-size:1.1rem;margin-bottom:1.5rem}.business-view .benefit-list,.business-view .practice-list,.business-view .risk-list,.business-view .scenario-list,.business-view .user-list{list-style:none;margin:0;padding:0}.business-view .benefit-list li,.business-view .practice-list li,.business-view .risk-list li,.business-view .scenario-list li,.business-view .user-list li{background:var(--business-bg-tertiary);border-radius:4px;color:var(--business-text-secondary);margin-bottom:.5rem;padding:.75rem}.business-view .benefit-list li:last-child,.business-view .practice-list li:last-child,.business-view .risk-list li:last-child,.business-view .scenario-list li:last-child,.business-view .user-list li:last-child{margin-bottom:0}.business-view .resolution-steps .step-item{display:flex;gap:1rem;margin-bottom:1rem}.business-view .resolution-steps .step-item:last-child{margin-bottom:0}.business-view .resolution-steps .step-item .step-number{align-items:center;background:var(--business-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;height:24px;justify-content:center;width:24px}.business-view .resolution-steps .step-item p{color:var(--business-text-secondary);margin:0}.business-view .verification-steps{margin-top:2rem}.business-view .verification-steps ul{list-style:none;margin:0;padding:0}.business-view .verification-steps ul li{color:var(--business-text-secondary);margin-bottom:.75rem;padding-left:1.5rem;position:relative}.business-view .verification-steps ul li:before{color:var(--business-success);content:"✓";left:0;position:absolute}.business-view .verification-steps ul li:last-child{margin-bottom:0}.business-view .wcag-link{align-items:center;color:var(--business-primary);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none}.business-view .wcag-link:hover{text-decoration:underline}@media(max-width:768px){.business-view{padding:.75rem}.business-view .impact-grid,.business-view .resolution-grid{gap:1rem;grid-template-columns:1fr}.business-view .detail-card{border-radius:6px;margin-bottom:1rem}.business-view .detail-card .card-header{padding:1rem}.business-view .detail-card .card-header h3,.business-view .detail-card .card-header h4{font-size:1.1rem;gap:.5rem}.business-view .detail-card .card-header .title-group{align-items:flex-start;flex-direction:column;gap:.5rem}.business-view .detail-card .card-header .compliance-info{flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.business-view .detail-card .card-content{padding:1rem}.business-view .detail-card .card-content h5{font-size:1.2rem;margin-bottom:.75rem}.business-view .detail-card .card-content h6{font-size:1rem}.business-view .detail-card .card-content li{font-size:.95rem;margin-bottom:.4rem;padding:.6rem}.business-view .detail-card .card-content p{font-size:.95rem;margin-bottom:.75rem}.business-view .detail-card .card-content .implications-section{margin-bottom:1.25rem}.business-view .description{font-size:1rem;margin-bottom:1rem}.business-view .wcag-details .wcag-meta{display:flex;flex-direction:column;gap:.5rem}.business-view .wcag-details .wcag-meta p{margin-bottom:.25rem}.business-view .compliance-requirements .requirements-section{margin-bottom:1rem}.business-view .compliance-requirements .requirements-section h6{margin-bottom:.5rem}.business-view .legal-implications .implications-section{margin-bottom:1rem}.business-view .legal-implications .implications-section h6{margin-bottom:.5rem}.business-view .legal-implications .implications-section ul li{margin-bottom:.375rem}}@media(max-width:480px){.business-view{padding:.5rem}.business-view .detail-card .card-header{padding:.75rem}.business-view .detail-card .card-header h3,.business-view .detail-card .card-header h4{font-size:1rem}.business-view .detail-card .card-content{padding:.75rem}.business-view .detail-card .card-content h5{font-size:1.1rem}.business-view .detail-card .card-content h6{font-size:.95rem}.business-view .detail-card .card-content li{font-size:.85rem;padding:.5rem}.business-view .detail-card .card-content p{font-size:.85rem}.business-view .impact-list li,.business-view .scenario-list li,.business-view .user-list li{font-size:.85rem;padding:.5rem}.business-view .wcag-link{font-size:.85rem}}.business-impact-details{display:flex;flex-direction:column;gap:1.5rem}.business-impact-details .impact-severity{margin-bottom:1rem}.business-impact-details .impact-severity .severity-indicator{border-radius:4px;display:inline-block;font-weight:600;margin:.5rem 0;padding:.5rem 1rem}.business-impact-details .impact-severity .severity-indicator.critical{background-color:var(--severity-critical)}.business-impact-details .impact-severity .severity-indicator.serious{background-color:var(--severity-serious)}.business-impact-details .impact-severity .severity-indicator.moderate{background-color:var(--severity-moderate)}.business-impact-details .impact-severity .severity-indicator.minor{background-color:var(--severity-minor)}.business-impact-details .best-practices,.business-impact-details .business-implications,.business-impact-details .business-resources,.business-impact-details .market-impact{background:var(--card-background);border-radius:8px;padding:1rem}.business-impact-details .best-practices h5,.business-impact-details .business-implications h5,.business-impact-details .business-resources h5,.business-impact-details .market-impact h5{color:var(--business-text-primary);margin-bottom:1rem}.business-impact-details .best-practices ul,.business-impact-details .business-implications ul,.business-impact-details .business-resources ul,.business-impact-details .market-impact ul{list-style:none;margin:0;padding:0}.business-impact-details .business-tools,.business-impact-details .documentation-links{margin-top:1rem}.business-impact-details .business-tools h6,.business-impact-details .documentation-links h6{color:var(--business-text-primary);margin-bottom:.5rem}.business-impact-details .business-tools a,.business-impact-details .documentation-links a{color:var(--business-link);text-decoration:none}.business-impact-details .business-tools a:hover,.business-impact-details .documentation-links a:hover{text-decoration:underline}@media(max-width:768px){.business-impact-details{gap:1rem}.business-impact-details .impact-severity{margin-bottom:.75rem}.business-impact-details .impact-severity .severity-indicator{font-size:.9rem;padding:.375rem .75rem}.business-impact-details .best-practices,.business-impact-details .business-implications,.business-impact-details .business-resources,.business-impact-details .market-impact{border-radius:6px;padding:.75rem}.business-impact-details .best-practices h5,.business-impact-details .business-implications h5,.business-impact-details .business-resources h5,.business-impact-details .market-impact h5{font-size:1.1rem;margin-bottom:.75rem}.business-impact-details .business-tools,.business-impact-details .documentation-links{margin-top:.75rem}.business-impact-details .business-tools h6,.business-impact-details .documentation-links h6{font-size:.95rem;margin-bottom:.375rem}.business-impact-details .business-tools a,.business-impact-details .documentation-links a{font-size:.9rem}}.code-block{background:var(--bg-code);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;overflow:hidden}.code-block .code-header{align-items:center;background:var(--bg-code-header);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 1rem}.code-block .code-header h5{color:var(--text-primary);font-size:.875rem;font-weight:500;margin:0}.code-block .code-header .language{color:var(--text-secondary);font-size:.75rem;font-weight:500;text-transform:uppercase}.code-block .code-content{background:var(--bg-code)}.code-block .code-content pre{background:var(--bg-code);font-size:.875rem;line-height:1.5;margin:0;max-height:300px;overflow:auto;padding:0}.code-block .code-content pre code{word-wrap:normal;color:var(--text-code);display:block;font-family:var(--font-mono);font-size:inherit;line-height:inherit;max-width:none;min-width:-webkit-max-content;min-width:max-content;overflow-wrap:normal;padding:1rem;white-space:pre}.code-block .code-content pre::-webkit-scrollbar{height:8px;width:8px}.code-block .code-content pre::-webkit-scrollbar-track{background:var(--bg-code)}.code-block .code-content pre::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}.code-block .code-content pre::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.code-block--element,.code-block--element .code-content,.code-block--element .code-content pre,.code-block--selector,.code-block--selector .code-content,.code-block--selector .code-content pre{background:var(--bg-light)}.code-block--element .code-content pre code,.code-block--selector .code-content pre code{white-space:pre-wrap;word-break:break-word}.tooltip-wrapper{display:inline-block;position:relative}.tooltip{animation:tooltipFade .2s ease-in-out;background-color:#333;background-color:var(--dev-tooltip-bg,#333);border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;color:var(--dev-tooltip-text,#fff);font-size:.875rem;line-height:1.4;padding:8px 12px;pointer-events:none;position:fixed;z-index:1000}.tooltip .tooltip-arrow{background:inherit;height:8px;position:absolute;transform:rotate(45deg);width:8px}.tooltip.top .tooltip-arrow{bottom:-4px;left:50%;margin-left:-4px}.tooltip.bottom .tooltip-arrow{left:50%;margin-left:-4px;top:-4px}.tooltip.left .tooltip-arrow{margin-top:-4px;right:-4px;top:50%}.tooltip.right .tooltip-arrow{left:-4px;margin-top:-4px;top:50%}@keyframes tooltipFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-color-scheme:dark){.tooltip{--dev-tooltip-bg:#1a1a1a;--dev-tooltip-text:#fff}}@media(forced-colors:active){.tooltip{border:1px solid ButtonText}}.requirements .requirements-table{background:#f8fafc;background:var(--dev-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;overflow:hidden}.requirements .requirements-table table{border-collapse:initial;border-spacing:0;min-width:650px;width:100%}.requirements .requirements-table table thead{background:#fff;background:var(--dev-bg-primary);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--dev-border-color)}.requirements .requirements-table table thead th{color:#1a202c;color:var(--dev-text-primary);font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-transform:uppercase}.requirements .requirements-table table thead th:first-child{width:200px}.requirements .requirements-table table thead th:last-child{width:100px}.requirements .requirements-table table tbody tr:hover{background-color:#3182ce0d;background-color:var(--dev-bg-hover)}.requirements .requirements-table table tbody tr td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--dev-border-color);padding:1.25rem 1.5rem;vertical-align:top}.requirements .requirements-table table tbody tr td:last-child{text-align:center}.requirements .requirements-table .value-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;margin:0;padding:0}.requirements .requirements-table .value-list li code{background:#fff;background:var(--dev-bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--dev-border-color);border-radius:6px;color:#1a202c;color:var(--dev-text-primary);display:block;font-family:monospace;font-size:.9rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.requirements .requirements-table .value-list li code:hover{background:#fff;background:var(--dev-bg-primary);border-color:#3182ce;border-color:var(--primary)}.requirements .requirements-table .context-groups .context-group{margin-bottom:1rem}.requirements .requirements-table .context-groups .context-group:last-child{margin-bottom:0}.requirements .requirements-table .context-groups .context-group .context-label{border-bottom:1px dashed #e2e8f0;border-bottom:1px dashed var(--dev-border-color);color:#1a202c;color:var(--dev-text-primary);display:block;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem;text-transform:capitalize}.requirements .requirements-table .context-groups .context-group .value-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.requirements .additional-requirements{background:#f8fafc;background:var(--dev-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.requirements .additional-requirements h6{align-items:center;color:#1a202c;color:var(--dev-text-primary);display:flex;font-size:1rem;gap:.5rem;margin-bottom:1.25rem}.requirements .additional-requirements h6 svg{color:#3182ce;color:var(--primary)}.requirements .additional-requirements h6 .info-icon{color:#4a5568;color:var(--dev-text-secondary);cursor:help;font-size:.9rem;margin-left:auto}.requirements .additional-requirements h6 .info-icon:hover{color:#3182ce;color:var(--primary)}.requirements .additional-requirements .requirements-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.requirements .additional-requirements .requirements-grid .requirement-card{background:#fff;background:var(--dev-bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--dev-border-color);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.requirements .additional-requirements .requirements-grid .requirement-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.requirements .additional-requirements .requirements-grid .requirement-card .requirement-header{align-items:center;background:#fff;background:var(--dev-bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--dev-border-color);display:flex;gap:.75rem;padding:1rem}.requirements .additional-requirements .requirements-grid .requirement-card .requirement-header svg{color:#3182ce;color:var(--primary)}.requirements .additional-requirements .requirements-grid .requirement-card .requirement-header span{color:#1a202c;color:var(--dev-text-primary);font-weight:500}.requirements .additional-requirements .requirements-grid .requirement-card .requirement-content{padding:1rem}.requirements .additional-requirements .requirements-grid .requirement-card .requirement-content code{background:#f8fafc;background:var(--dev-bg-secondary);border-radius:6px;color:#1a202c;color:var(--dev-text-primary);display:block;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9rem;padding:.75rem;text-align:center;width:100%}@media(max-width:1024px){.requirements-table .value-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:768px){.requirements-table .value-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.requirements-table{overflow-x:auto;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--dev-border-color) #0000;scrollbar-width:thin}.requirements-table::-webkit-scrollbar{height:6px}.requirements-table::-webkit-scrollbar-track{background:#0000}.requirements-table::-webkit-scrollbar-thumb{background-color:#e2e8f0;background-color:var(--dev-border-color);border-radius:6px}.requirements-table::-webkit-scrollbar-thumb:hover{background-color:#3182ce;background-color:var(--primary)}:root{--dev-bg-primary:#fff;--dev-bg-secondary:#f8fafc;--dev-bg-tertiary:#fff;--dev-bg-hover:#3182ce0d;--dev-text-primary:#1a202c;--dev-text-secondary:#4a5568;--dev-border-color:#e2e8f0;--primary:#3182ce}@media(prefers-color-scheme:dark){:root{--dev-bg-primary:#1a202c;--dev-bg-secondary:#2d3748;--dev-bg-tertiary:#2d3748;--dev-bg-hover:#3182ce1a;--dev-text-primary:#f7fafc;--dev-text-secondary:#cbd5e0;--dev-border-color:#4a5568}}.compatibility-section .compatibility-group{margin-bottom:1.5rem}.compatibility-section .compatibility-group h6{align-items:center;color:#1a202c;color:var(--dev-text-primary);display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.compatibility-section .compatibility-group h6 svg{color:#3182ce;color:var(--primary)}.compatibility-section .compatibility-group .compatibility-icons{display:flex;flex-wrap:wrap;gap:1.5rem;margin:24px}.compatibility-section .compatibility-group .compatibility-icons .compatibility-icon{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:80px}.compatibility-section .compatibility-group .compatibility-icons .compatibility-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .2s ease}.compatibility-section .compatibility-group .compatibility-icons .compatibility-icon svg:hover{transform:scale(1.1)}.compatibility-section .compatibility-group .compatibility-icons .compatibility-icon.unsupported svg{-webkit-text-fill-color:#4a5568!important;-webkit-text-fill-color:var(--dev-text-secondary)!important;background:none!important;filter:grayscale(1) opacity(.5)}.compatibility-section .compatibility-group .compatibility-icons .compatibility-icon .support-label{color:#4a5568;color:var(--dev-text-secondary);font-size:.8rem;line-height:1.2;text-align:center;text-transform:capitalize}.resource-links .section{margin-bottom:2rem}.resource-links .section:last-child{margin-bottom:0}.resource-links .section h5{align-items:center;color:var(--dev-text-primary);display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1rem}.resource-links .section h5 svg{color:var(--primary)}.resource-links .section h6{font-size:1rem;font-weight:500;margin:1rem 0}.resource-links .wcag-link{align-items:center;color:var(--primary);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none}.resource-links .wcag-link:hover{text-decoration:underline}.resource-links .common-mistakes .mistakes-list{list-style:none;margin:0;padding:0}.resource-links .common-mistakes .mistakes-list .mistake-item{background:var(--dev-bg-tertiary);border-radius:4px;color:var(--dev-text-secondary);margin-bottom:.5rem;padding:.75rem}.resource-links .common-mistakes .mistakes-list .mistake-item:last-child{margin-bottom:0}.resource-links .compatibility .compatibility-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.resource-links .compatibility .compatibility-info .browser-support{align-items:center;background:var(--dev-bg-tertiary);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem .75rem}.resource-links .compatibility .compatibility-info .browser-support .browser{color:var(--dev-text-primary);font-weight:500}.resource-links .compatibility .compatibility-info .browser-support .support-status{border-radius:3px;font-size:.875rem;padding:.25rem .5rem}.resource-links .compatibility .compatibility-info .browser-support .support-status.supported{background:var(--success-bg);color:var(--success)}.resource-links .compatibility .compatibility-info .browser-support .support-status.not-supported{background:var(--danger-bg);color:var(--danger)}.resource-links .resource-item{margin-bottom:1rem}.resource-links .resource-item:last-child{margin-bottom:0}.resource-links .resource-item a{align-items:center;color:var(--primary);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none}.resource-links .resource-item a:hover{text-decoration:underline}.resource-links .resource-item .resource-description{color:var(--dev-text-secondary);font-size:.875rem;margin:.25rem 0 0}.wcag-section{margin-bottom:1.5rem}.wcag-section .wcag-info-card{background-color:#21242b;background-color:var(--dev-bg-secondary,#21242b);border-radius:8px;box-shadow:0 2px 4px #0003;padding:1rem}.wcag-section .wcag-info-card .wcag-header{margin-bottom:1rem}.wcag-section .wcag-info-card .wcag-header .criteria-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.wcag-section .wcag-info-card .wcag-header .criteria-header h6{color:#e4e6eb;color:var(--dev-text-primary,#e4e6eb);font-size:1rem;font-weight:600;margin:0}.wcag-section .wcag-info-card .wcag-header .criteria-header .level-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.wcag-section .wcag-info-card .wcag-header .criteria-header .level-badge.level-a{background-color:#2e7d3233;color:#81c784}.wcag-section .wcag-info-card .wcag-header .criteria-header .level-badge.level-aa{background-color:#0277bd33;color:#64b5f6}.wcag-section .wcag-info-card .wcag-header .criteria-header .level-badge.level-aaa{background-color:#7b1fa233;color:#ba68c8}.wcag-section .wcag-info-card .wcag-header .guideline-description{color:#b0b3b8;color:var(--dev-text-secondary,#b0b3b8);font-size:.95rem;line-height:1.5;margin:0}.wcag-section .wcag-info-card .wcag-content,.wcag-section .wcag-info-card .wcag-content .wcag-details{display:flex;flex-direction:column;gap:1rem}.wcag-section .wcag-info-card .wcag-content .wcag-details h6{color:#e4e6eb;color:var(--dev-text-primary,#e4e6eb);font-size:.95rem;font-weight:600;margin:0 0 .5rem}.wcag-section .wcag-info-card .wcag-content .wcag-details p{color:#b0b3b8;color:var(--dev-text-secondary,#b0b3b8);font-size:.9rem;line-height:1.6;margin:0}.wcag-section .wcag-info-card .wcag-content .wcag-details .wcag-level-info{border-left:3px solid #2196f3}.wcag-section .wcag-info-card .wcag-content .wcag-details .applicable-standards,.wcag-section .wcag-info-card .wcag-content .wcag-details .legal-implications,.wcag-section .wcag-info-card .wcag-content .wcag-details .wcag-level-info{background-color:#2a2f37;background-color:var(--dev-bg-tertiary,#2a2f37);border-radius:6px;padding:.75rem}.wcag-section .wcag-info-card .wcag-content .wcag-details .applicable-standards ul,.wcag-section .wcag-info-card .wcag-content .wcag-details .legal-implications ul{margin:.5rem 0 0;padding-left:1.2rem}.wcag-section .wcag-info-card .wcag-content .wcag-details .applicable-standards ul li,.wcag-section .wcag-info-card .wcag-content .wcag-details .legal-implications ul li{color:#b0b3b8;color:var(--dev-text-secondary,#b0b3b8);font-size:.9rem;margin-bottom:.5rem}.wcag-section .wcag-info-card .wcag-content .wcag-details .applicable-standards ul li:last-child,.wcag-section .wcag-info-card .wcag-content .wcag-details .legal-implications ul li:last-child{margin-bottom:0}.wcag-section .wcag-info-card .wcag-content .wcag-details .applicable-standards{border-left:3px solid #4caf50}.wcag-section .wcag-info-card .wcag-content .wcag-details .legal-implications{border-left:3px solid #ff9800}.wcag-section .wcag-info-card .wcag-content .wcag-details .legal-implications h6{margin-top:.75rem}.wcag-section .wcag-info-card .wcag-content .wcag-details .legal-implications h6:first-child{margin-top:0}.wcag-section .wcag-info-card .wcag-content .wcag-principle{background-color:#2a2f37;background-color:var(--dev-bg-tertiary,#2a2f37);border-left:3px solid #9c27b0;border-radius:6px;padding:.75rem}.wcag-section .wcag-info-card .wcag-content .wcag-principle p{color:#b0b3b8;color:var(--dev-text-secondary,#b0b3b8);font-size:.9rem;line-height:1.6;margin:0}.wcag-section .wcag-info-card .wcag-content .wcag-links{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.wcag-section .wcag-info-card .wcag-content .wcag-links .wcag-link{align-items:center;background-color:#2a2f37;background-color:var(--dev-bg-tertiary,#2a2f37);border:1px solid #ffffff1a;border-radius:4px;color:#64b5f6;color:var(--primary,#64b5f6);display:inline-flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;text-decoration:none;transition:all .2s ease}.wcag-section .wcag-info-card .wcag-content .wcag-links .wcag-link:hover{background-color:#1976d21a;border-color:#64b5f666}.wcag-section .wcag-info-card .wcag-content .wcag-links .wcag-link.primary-link{background-color:#1976d233;border-color:#1976d266;color:#64b5f6;color:var(--primary,#64b5f6)}.wcag-section .wcag-info-card .wcag-content .wcag-links .wcag-link.primary-link:hover{background-color:#1976d24d;border-color:#64b5f699}.wcag-section .wcag-info-card .wcag-content .wcag-links .wcag-link svg{font-size:1rem}@media(min-width:768px){.wcag-section .wcag-info-card .wcag-content{flex-direction:row}.wcag-section .wcag-info-card .wcag-content .wcag-details{flex:2 1}.wcag-section .wcag-info-card .wcag-content .wcag-links,.wcag-section .wcag-info-card .wcag-content .wcag-principle{flex:1 1}}.best-practices .section{background:var(--dev-bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:.5rem}.best-practices .section:last-child{margin-bottom:0}.best-practices .section h5{align-items:center;border-bottom:1px solid var(--dev-border-color);color:var(--dev-text-primary);display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.best-practices .section h5 svg{color:var(--primary)}.best-practices .section h6{align-items:center;color:var(--dev-text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.best-practices .section h6 svg{color:var(--primary)}.best-practices .issue-summary .issue-card{background:var(--dev-bg-tertiary);border:1px solid var(--dev-border-color);border-radius:6px;overflow:hidden}.best-practices .issue-summary .issue-card .issue-header{align-items:center;background:var(--dev-bg-secondary);border-bottom:1px solid var(--dev-border-color);display:flex;justify-content:space-between;padding:1rem}.best-practices .issue-summary .issue-card .issue-header h6{color:var(--dev-text-primary);flex:1 1;font-weight:600;margin:0}.best-practices .issue-summary .issue-card .issue-header .severity-badge{align-items:center;border-radius:4px;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;text-transform:capitalize}.best-practices .issue-summary .issue-card .issue-header .severity-badge.critical{background:var(--error-light);color:var(--error)}.best-practices .issue-summary .issue-card .issue-header .severity-badge.serious{background:var(--warning-light);color:var(--warning)}.best-practices .issue-summary .issue-card .issue-header .severity-badge.moderate{background:var(--info-light);color:var(--info)}.best-practices .issue-summary .issue-card .issue-header .severity-badge.minor{background:var(--success-light);color:var(--success)}.best-practices .issue-summary .issue-card .issue-header .severity-badge .severity-icon{font-size:1rem}.best-practices .issue-summary .issue-card .issue-body{padding:1rem}.best-practices .issue-summary .issue-card .issue-body .impact-explanation{color:var(--dev-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.best-practices .issue-summary .issue-card .issue-body .solution-box{background:var(--success-light);border-left:3px solid var(--success);border-radius:4px;padding:.75rem}.best-practices .issue-summary .issue-card .issue-body .solution-box h6{color:var(--success);margin-bottom:.5rem}.best-practices .issue-summary .issue-card .issue-body .solution-box p{color:var(--dev-text-secondary);font-size:.875rem;margin:0}.best-practices .testing-section .testing-steps-container{display:flex;flex-direction:column;gap:1rem}.best-practices .testing-section .testing-steps-container .testing-step-card{background:var(--dev-bg-tertiary);border:1px solid var(--dev-border-color);border-radius:6px;display:flex;overflow:hidden}.best-practices .testing-section .testing-steps-container .testing-step-card .step-number{align-items:center;background:var(--primary);color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-width:2.5rem}.best-practices .testing-section .testing-steps-container .testing-step-card .step-content{flex:1 1;padding:.75rem 1rem}.best-practices .testing-section .testing-steps-container .testing-step-card .step-content .step-item{align-items:flex-start;color:var(--dev-text-secondary);display:flex;font-size:.875rem;gap:.5rem;line-height:1.5;margin-bottom:.5rem}.best-practices .testing-section .testing-steps-container .testing-step-card .step-content .step-item:last-child{margin-bottom:0}.best-practices .testing-section .testing-steps-container .testing-step-card .step-content .step-item .step-icon{color:var(--primary);flex-shrink:0;margin-top:.2rem}.best-practices .testing-section .testing-steps-container .testing-step-card .step-content .step-item.automated{color:var(--dev-text-tertiary);font-style:italic;margin-left:1.5rem}.best-practices .testing-section .testing-steps-container .testing-step-card .step-content .step-item.automated .step-icon{color:var(--info)}.best-practices .resources-section .resources-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1.5rem}.best-practices .resources-section .resources-grid .resource-card{background:var(--dev-bg-tertiary);border:1px solid var(--dev-border-color);border-radius:6px;height:100%;overflow:hidden}.best-practices .resources-section .resources-grid .resource-card .resource-card-header{align-items:center;background:var(--dev-bg-secondary);border-bottom:1px solid var(--dev-border-color);display:flex;gap:.5rem;padding:.75rem 1rem}.best-practices .resources-section .resources-grid .resource-card .resource-card-header h6{font-weight:600;margin:0}.best-practices .resources-section .resources-grid .resource-card .resource-card-header .resource-icon{color:var(--primary)}.best-practices .resources-section .resources-grid .resource-card .resource-card-content{padding:.75rem 1rem}.best-practices .resources-section .resources-grid .resource-card .resource-card-content .resource-list{list-style:none;margin:0;padding:0}.best-practices .resources-section .resources-grid .resource-card .resource-card-content .resource-list li{font-size:.875rem;margin-bottom:.5rem}.best-practices .resources-section .resources-grid .resource-card .resource-card-content .resource-list li:last-child{margin-bottom:0}.best-practices .resources-section .resources-grid .resource-card .resource-card-content .resource-list li a{align-items:center;border-radius:4px;color:var(--primary);display:flex;justify-content:space-between;padding:.5rem;text-decoration:none;transition:background-color .2s}.best-practices .resources-section .resources-grid .resource-card .resource-card-content .resource-list li a:hover{background:var(--dev-bg-hover)}.best-practices .resources-section .resources-grid .resource-card .resource-card-content .resource-list li a:hover .link-icon{transform:translateX(2px)}.best-practices .resources-section .resources-grid .resource-card .resource-card-content .resource-list li a .link-icon{transition:transform .2s}.best-practices .resources-section .resources-grid .resource-card .resource-card-content .resource-list li span{color:var(--dev-text-secondary)}.best-practices .resources-section .compatibility-container .compatibility-header{color:var(--dev-text-primary);margin-bottom:1rem}.best-practices .resources-section .compatibility-container .compatibility-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card{background:var(--dev-bg-tertiary);border:1px solid var(--dev-border-color);border-radius:6px;padding:1rem}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card h6{color:var(--dev-text-primary);margin-bottom:.75rem;margin-top:0}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card .browser-list{display:flex;flex-wrap:wrap;gap:.75rem}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card .browser-list .browser-item{align-items:center;background:var(--dev-bg-secondary);border-radius:4px;color:var(--dev-text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card .browser-list .browser-item .browser-icon{color:var(--primary)}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card .assistive-tech-list{list-style:none;margin:0;padding:0}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card .assistive-tech-list .assistive-tech-item{align-items:flex-start;background:var(--dev-bg-secondary);border-radius:4px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card .assistive-tech-list .assistive-tech-item:last-child{margin-bottom:0}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card .assistive-tech-list .assistive-tech-item .tech-icon{color:var(--primary);margin-top:.2rem}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card .assistive-tech-list .assistive-tech-item div{display:flex;flex-direction:column}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card .assistive-tech-list .assistive-tech-item div strong{color:var(--dev-text-primary);font-size:.875rem;margin-bottom:.25rem}.best-practices .resources-section .compatibility-container .compatibility-grid .compatibility-card .assistive-tech-list .assistive-tech-item div .tech-notes{color:var(--dev-text-tertiary);font-size:.75rem}.best-practices .guidelines-section .guidelines-tabs{display:flex;flex-direction:column;gap:1.5rem}.best-practices .guidelines-section .guidelines-tabs .guideline-group .guideline-header{color:var(--dev-text-primary);font-weight:600;margin-bottom:.75rem}.best-practices .best-practices-list,.best-practices .mistakes-list,.best-practices .notes-list,.best-practices .requirements-list{list-style-type:none;margin:0;padding:0}.best-practices .best-practices-list li,.best-practices .mistakes-list li,.best-practices .notes-list li,.best-practices .requirements-list li{align-items:flex-start;background:var(--dev-bg-tertiary);border-radius:4px;color:var(--dev-text-secondary);display:flex;font-size:.875rem;gap:.5rem;line-height:1.5;margin-bottom:.5rem;padding:.75rem}.best-practices .best-practices-list li:last-child,.best-practices .mistakes-list li:last-child,.best-practices .notes-list li:last-child,.best-practices .requirements-list li:last-child{margin-bottom:0}.best-practices .best-practices-list li a,.best-practices .mistakes-list li a,.best-practices .notes-list li a,.best-practices .requirements-list li a{color:var(--primary);text-decoration:none}.best-practices .best-practices-list li a:hover,.best-practices .mistakes-list li a:hover,.best-practices .notes-list li a:hover,.best-practices .requirements-list li a:hover{text-decoration:underline}.best-practices .best-practices-list li .guideline-icon,.best-practices .mistakes-list li .guideline-icon,.best-practices .notes-list li .guideline-icon,.best-practices .requirements-list li .guideline-icon{color:var(--primary);flex-shrink:0;margin-top:.2rem}.best-practices .mistakes-list li{border-left:3px solid var(--error);padding-left:1rem}.best-practices .requirements-list li{border-left:3px solid var(--primary);padding-left:1rem}.best-practices .no-content{background:var(--dev-bg-tertiary);border-radius:6px;color:var(--dev-text-secondary);font-style:italic;padding:2rem;text-align:center}.developer-view{--dev-bg-primary:#1a1b1e;--dev-bg-secondary:#212428;--dev-bg-tertiary:#2a2d34;--dev-text-primary:#e6e8ea;--dev-text-secondary:#9ba1a8;--dev-border-color:#383b42;--dev-card-shadow:0 4px 6px #0000004d;--dev-highlight:#2d3139;--dev-primary:#4d9fff;--dev-primary-light:#4d9fff26;--dev-success:#2ecc71;--dev-warning:#f1c40f;--dev-danger:#e74c3c;min-height:100vh;padding:2rem}.developer-view,.developer-view.business-mode{background-color:var(--dev-bg-primary);color:var(--dev-text-primary)}.developer-view.business-mode{--dev-bg-primary:#fff;--dev-bg-secondary:#f8f9fa;--dev-bg-tertiary:#f1f3f5;--dev-text-primary:#2c3e50;--dev-text-secondary:#6c757d;--dev-border-color:#e9ecef;--dev-card-shadow:0 2px 4px #0000000d;--dev-highlight:#f8f9fa;--dev-primary:#06c;--dev-primary-light:#0066cc1a}.developer-view.business-mode .detail-card{background:var(--dev-bg-secondary)!important;border:1px solid var(--dev-border-color);box-shadow:var(--dev-card-shadow)}.developer-view.business-mode .detail-card .card-header{background:var(--dev-bg-tertiary)!important;border-color:var(--dev-border-color)}.developer-view.business-mode .detail-card .card-content h5,.developer-view.business-mode .detail-card .card-content h6,.developer-view.business-mode .detail-card .card-header h3,.developer-view.business-mode .detail-card .card-header h4{color:var(--dev-text-primary)}.developer-view.business-mode .detail-card .card-content p{color:var(--dev-text-secondary)}@media(max-width:768px){.developer-view{min-height:auto;padding:.75rem}}@media(max-width:480px){.developer-view{padding:.5rem}}.developer-view .content-wrapper{margin:0 auto 2rem;max-width:1400px}.developer-view .content-wrapper.technical-grid{grid-template-columns:2fr 1fr}.developer-view .content-wrapper.resources-grid{grid-template-columns:3fr 2fr}.developer-view .content-wrapper.scrollable{max-height:400px;overflow-y:auto;scrollbar-color:var(--dev-primary) var(--dev-bg-secondary);scrollbar-width:thin}@media(max-width:1024px){.developer-view .content-wrapper.resources-grid,.developer-view .content-wrapper.technical-grid{grid-template-columns:1fr}}@media(max-width:768px){.developer-view .content-wrapper{margin:0 auto 1.5rem}}@media(max-width:480px){.developer-view .content-wrapper{margin:0 auto 1rem}}.developer-view .detail-card{background:var(--dev-bg-secondary)!important;border-radius:12px;box-shadow:var(--dev-card-shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.developer-view .detail-card:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.developer-view .detail-card.primary-card{background:var(--dev-bg-tertiary);border-color:var(--dev-primary);border-width:2px}.developer-view .detail-card .card-header{background:var(--dev-bg-tertiary)!important;border-bottom:1px solid var(--dev-border-color);padding:1.5rem}.developer-view .detail-card .card-header h3,.developer-view .detail-card .card-header h4{color:var(--dev-text-primary);font-size:1.25rem;font-weight:600;letter-spacing:.5px}.developer-view .detail-card .card-header .compliance-info span{background:var(--dev-highlight);border:1px solid var(--dev-primary)}.developer-view .detail-card .card-header .severity-badge{background:var(--dev-danger);border-radius:15px;color:var(--dev-text-primary);padding:2px 4px}.developer-view .detail-card .card-header .severity-badge .severity-icon{border-color:var(--dev-primary);border-radius:8px;color:var(--dev-primary)}.developer-view .detail-card .card-header .severity-badge .serious{border-color:var(--dev-warning);border-radius:8px;color:var(--dev-warning)}.developer-view .detail-card .card-header .severity-badge .moderate{border-color:var(--dev-success);border-radius:8px;color:var(--dev-success)}.developer-view .detail-card .card-header .impact-indicator{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between}@media(max-width:768px){.developer-view .detail-card .card-header{padding:1rem}.developer-view .detail-card .card-header h3,.developer-view .detail-card .card-header h4{font-size:1.1rem}.developer-view .detail-card .card-header .impact-indicator{align-items:flex-start;flex-direction:column;gap:.5rem}}@media(max-width:480px){.developer-view .detail-card .card-header{padding:.75rem}.developer-view .detail-card .card-header h3,.developer-view .detail-card .card-header h4{font-size:1rem}}.developer-view .detail-card .card-content{padding:1.5rem}.developer-view .detail-card .card-content .analysis-content,.developer-view .detail-card .card-content .description-block{margin-left:4%}.developer-view .detail-card .card-content .analysis-content .label,.developer-view .detail-card .card-content .description-block .label{margin-right:10px}.developer-view .detail-card .card-content .analysis-content .copy-button,.developer-view .detail-card .card-content .description-block .copy-button{margin-left:10px}@media(max-width:768px){.developer-view .detail-card .card-content .analysis-content,.developer-view .detail-card .card-content .description-block{margin-left:2%}}@media(max-width:480px){.developer-view .detail-card .card-content .analysis-content,.developer-view .detail-card .card-content .description-block{margin-left:0}}.developer-view .detail-card .card-content h5{align-items:center;color:var(--dev-text-primary);display:flex;font-size:1.4rem;font-weight:500;gap:.5rem;margin:16px 0}.developer-view .detail-card .card-content h5 svg{color:var(--dev-primary)}.developer-view .detail-card .card-content h5 .tooltip-wrapper{align-items:center;display:flex;justify-content:center;margin-left:5px}@media(max-width:768px){.developer-view .detail-card .card-content h5{font-size:1.2rem;margin:12px 0}}@media(max-width:480px){.developer-view .detail-card .card-content h5{font-size:1.1rem;margin:10px 0}}.developer-view .detail-card .card-content h6{align-items:center;display:flex;font-size:1.2rem;margin:16px 0 8px}.developer-view .detail-card .card-content h6 svg{color:var(--dev-primary);margin-right:5px}.developer-view .detail-card .card-content h6 .tooltip-wrapper{align-items:center;display:flex;justify-content:center;margin-left:5px}@media(max-width:768px){.developer-view .detail-card .card-content h6{font-size:1.1rem;margin:12px 0 6px}}@media(max-width:480px){.developer-view .detail-card .card-content h6{font-size:1rem;margin:10px 0 5px}}@media(max-width:768px){.developer-view .detail-card .card-content{padding:1rem}}@media(max-width:480px){.developer-view .detail-card .card-content{padding:.75rem}}@media(max-width:768px){.developer-view .detail-card{border-radius:8px}.developer-view .detail-card:hover{box-shadow:var(--dev-card-shadow);transform:none}}.developer-view .element-preview{border:1px solid var(--dev-border-color);border-radius:6px;margin-bottom:1.5rem;overflow:hidden}.developer-view .element-preview .preview-container{align-items:center;background:var(--dev-bg-tertiary);display:flex;justify-content:center;min-height:100px;padding:1rem}.developer-view .element-preview .element-code{background:var(--dev-bg-primary);border-top:1px solid var(--dev-border-color);padding:1rem}.developer-view .element-preview .element-code pre{font-family:Fira Code,monospace;font-size:.875rem;margin:0}@media(max-width:768px){.developer-view .element-preview{margin-bottom:1rem}.developer-view .element-preview .preview-container{min-height:80px;padding:.75rem}.developer-view .element-preview .element-code{padding:.75rem}.developer-view .element-preview .element-code pre{font-size:.8rem}}.developer-view .technical-details{background:var(--dev-bg-secondary)!important}.developer-view .technical-details .analysis-section{margin-bottom:2rem}.developer-view .technical-details .analysis-section:last-child{margin-bottom:0}.developer-view .technical-details .analysis-section h5{color:var(--dev-text-primary);font-size:.875rem;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.developer-view .technical-details .analysis-section .attributes-list{grid-gap:.5rem;display:grid;gap:.5rem}.developer-view .technical-details .analysis-section .attributes-list .attribute-item{background:var(--dev-bg-primary);border-radius:4px;display:flex;font-family:monospace;font-size:.875rem;justify-content:space-between;padding:.5rem .75rem}.developer-view .technical-details .analysis-section .attributes-list .attribute-item .attribute-name{color:var(--primary)}.developer-view .technical-details .analysis-section .attributes-list .attribute-item .attribute-value{color:var(--dev-text-secondary)}@media(max-width:768px){.developer-view .technical-details .analysis-section{margin-bottom:1.5rem}.developer-view .technical-details .analysis-section h5{margin:0 0 .75rem}.developer-view .technical-details .analysis-section .attributes-list .attribute-item{font-size:.8rem;padding:.4rem .6rem}}@media(max-width:480px){.developer-view .technical-details .analysis-section{margin-bottom:1.25rem}.developer-view .technical-details .analysis-section .attributes-list .attribute-item{flex-direction:column;padding:.5rem}.developer-view .technical-details .analysis-section .attributes-list .attribute-item .attribute-name{margin-bottom:.25rem}}.developer-view .technical-grid,.developer-view .testing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media(max-width:768px){.developer-view .technical-grid,.developer-view .testing-grid{gap:1.5rem;grid-template-columns:1fr}}@media(max-width:480px){.developer-view .technical-grid,.developer-view .testing-grid{gap:1rem}}.developer-view .best-practices .section{background:var(--dev-bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:.5rem}.developer-view .best-practices .section:last-child{margin-bottom:0}.developer-view .best-practices .section h5{align-items:center;border-bottom:1px solid var(--dev-border-color);color:var(--dev-text-primary);display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.developer-view .best-practices .section h5 svg{color:var(--primary)}.developer-view .best-practices .section h6{align-items:center;color:var(--dev-text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.developer-view .best-practices .section h6 svg{color:var(--primary)}@media(max-width:768px){.developer-view .best-practices .section{margin-bottom:1.5rem;padding:.375rem}.developer-view .best-practices .section h5{margin-bottom:.75rem;padding-bottom:.4rem}.developer-view .best-practices .section h6{margin-bottom:.5rem}}@media(max-width:480px){.developer-view .best-practices .section{margin-bottom:1rem;padding:.25rem}.developer-view .best-practices .section h5{margin-bottom:.5rem;padding-bottom:.3rem}}.developer-view .best-practices .implementation-section .steps-content .steps-container{display:flex;flex-direction:column;gap:1rem}.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card{background:var(--dev-bg-tertiary);border:1px solid var(--dev-border-color);border-radius:6px;display:flex;overflow:hidden}.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-number{align-items:center;background:var(--primary);color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-width:2.5rem}.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-content{flex:1 1;padding:.75rem 1rem}.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-content p{color:var(--dev-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-content .step-code{margin-top:.5rem}.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-content .step-code pre{margin:0;max-height:200px;overflow-y:auto}@media(max-width:768px){.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-number{font-size:.9rem;min-width:2rem}.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-content{padding:.5rem .75rem}.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-content p{font-size:.825rem}}@media(max-width:480px){.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-number{font-size:.85rem;min-width:1.75rem}.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-content{padding:.375rem .625rem}.developer-view .best-practices .implementation-section .steps-content .steps-container .step-card .step-content p{font-size:.8rem}}@media(max-width:768px){.developer-view .best-practices .implementation-section .steps-content .steps-container{gap:.75rem}}@media(max-width:480px){.developer-view .best-practices .implementation-section .steps-content .steps-container{gap:.5rem}}.developer-view .best-practices .examples-section .examples-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.developer-view .best-practices .examples-section .examples-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.developer-view .best-practices .examples-section .examples-grid .example-card{background:var(--dev-bg-tertiary);border:1px solid var(--dev-border-color);border-radius:6px;height:100%;overflow:hidden}.developer-view .best-practices .examples-section .examples-grid .example-card .example-card-header{align-items:center;background:var(--dev-bg-secondary);border-bottom:1px solid var(--dev-border-color);display:flex;gap:.5rem;padding:.75rem 1rem}.developer-view .best-practices .examples-section .examples-grid .example-card .example-card-header h6{font-weight:600;margin:0}.developer-view .best-practices .examples-section .examples-grid .example-card .example-card-content{padding:.75rem 1rem}.developer-view .best-practices .examples-section .examples-grid .example-card .example-card-content pre{margin:0;max-height:300px;overflow-y:auto}@media(max-width:768px){.developer-view .best-practices .examples-section .examples-grid .example-card .example-card-content,.developer-view .best-practices .examples-section .examples-grid .example-card .example-card-header{padding:.5rem .75rem}.developer-view .best-practices .examples-section .examples-grid .example-card .example-card-content pre{font-size:.8rem;max-height:200px}}@media(max-width:480px){.developer-view .best-practices .examples-section .examples-grid .example-card .example-card-content,.developer-view .best-practices .examples-section .examples-grid .example-card .example-card-header{padding:.375rem .625rem}}@media(max-width:768px){.developer-view .best-practices .examples-section .examples-grid{gap:.75rem}}@media(max-width:480px){.developer-view .best-practices .examples-section .examples-grid{gap:.5rem}}@media(max-width:768px){.developer-view .error-state{padding:1.5rem}.developer-view .error-state button{font-size:.875rem;padding:.375rem .75rem}.developer-view .loading-state{padding:1.5rem}.developer-view .loading-state .spinner{font-size:1.75rem}}@media(max-width:480px){.developer-view .error-state{font-size:.875rem;padding:1rem}.developer-view .error-state button{font-size:.8rem;padding:.25rem .5rem}.developer-view .loading-state{padding:1rem}.developer-view .loading-state .spinner{font-size:1.5rem}}.testing-guide .section{margin-bottom:2rem}.testing-guide .section:last-child{margin-bottom:0}.testing-guide .section h5{align-items:center;color:var(--dev-text-primary);display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.testing-guide .section h5 svg{color:var(--primary)}.testing-guide .impact-list,.testing-guide .scenarios-list,.testing-guide .steps-list{list-style-position:inside;margin:0;padding:0}.testing-guide .impact-list li,.testing-guide .scenarios-list li,.testing-guide .steps-list li{background:var(--dev-bg-tertiary);border-radius:4px;color:var(--dev-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:.5rem;padding:.75rem}.testing-guide .tests-grid,.testing-guide .tools-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testing-guide .test-card,.testing-guide .tool-card{background:var(--dev-bg-tertiary);border:1px solid var(--dev-border-color);border-radius:6px;padding:1rem}.testing-guide .test-card h6,.testing-guide .tool-card h6{color:var(--dev-text-primary);margin:0 0 .75rem}.testing-guide .test-card p,.testing-guide .tool-card p{color:var(--dev-text-secondary);font-size:.875rem;margin:0 0 1rem}.testing-guide .test-card .tool-link,.testing-guide .tool-card .tool-link{align-items:center;color:var(--primary);display:inline-flex;font-size:.875rem;gap:.5rem;text-decoration:none}.testing-guide .test-card .tool-link:hover,.testing-guide .tool-card .tool-link:hover{text-decoration:underline}.testing-guide .business-impact .affected-users,.testing-guide .business-impact .impact-scenarios,.testing-guide .user-impact .affected-users,.testing-guide .user-impact .impact-scenarios{margin-bottom:1.5rem}.testing-guide .business-impact .affected-users h6,.testing-guide .business-impact .impact-scenarios h6,.testing-guide .user-impact .affected-users h6,.testing-guide .user-impact .impact-scenarios h6{color:var(--dev-text-primary);font-size:.9rem;margin:0 0 .75rem}.testing-guide .business-impact .affected-users ul,.testing-guide .business-impact .impact-scenarios ul,.testing-guide .user-impact .affected-users ul,.testing-guide .user-impact .impact-scenarios ul{list-style-type:none;margin:0;padding:0}.testing-guide .business-impact .affected-users ul li,.testing-guide .business-impact .impact-scenarios ul li,.testing-guide .user-impact .affected-users ul li,.testing-guide .user-impact .impact-scenarios ul li{background:var(--dev-bg-tertiary);border-radius:4px;color:var(--dev-text-secondary);font-size:.875rem;margin-bottom:.5rem;padding:.75rem}.code-diff{background:var(--dev-bg-primary);border-radius:4px;overflow:hidden}.code-diff .diff-block{font-family:monospace;line-height:1.5;margin:0;padding:.5rem 1rem;white-space:pre-wrap}.code-diff .diff-block.addition{background-color:#28a7451a;border-left:3px solid #28a745}.code-diff .diff-block.deletion{background-color:#dc35451a;border-left:3px solid #dc3545}.code-diff .diff-block.unchanged{background-color:#0000;border-left:3px solid #0000}.code-diff .diff-marker{color:#6c757d;-webkit-user-select:none;user-select:none}.tab-navigation{display:flex;justify-content:center;margin:0 auto;max-width:100%;overflow:visible;padding:10px 0;position:relative;width:100%}.tab-navigation:after{background:#e2e8f0;background:var(--border-color,#e2e8f0);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:1}.tab-navigation .tabs-container{-ms-overflow-style:none;display:flex;max-width:100%;overflow-x:auto;padding:0 4px;position:relative;scroll-behavior:smooth;scrollbar-width:none}.tab-navigation .tabs-container::-webkit-scrollbar{display:none}.tab-navigation .tab-button{align-items:center;background-color:#0000;border:none;border-radius:8px;box-shadow:none;color:#4a5568;color:var(--text-secondary,#4a5568);cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;margin:0 4px;min-width:auto;padding:12px 20px;position:relative;transition:all .25s ease;white-space:nowrap;z-index:2}.tab-navigation .tab-button:focus{box-shadow:0 0 0 2px #4299e166;box-shadow:0 0 0 2px var(--primary-transparent,#4299e166);outline:none}.tab-navigation .tab-button .tab-icon{font-size:16px;margin-right:8px}.tab-navigation .tab-button .tab-label{position:relative}.tab-navigation .tab-button:hover{background-color:#e2e8f080;background-color:var(--bg-hover,#e2e8f080);color:#2d3748;color:var(--text-primary,#2d3748)}.tab-navigation .tab-button.active{background-color:#3182ce;background-color:var(--primary,#3182ce);box-shadow:0 3px 8px #3182ce33;color:#fff;font-weight:600}.tab-navigation .tab-button.active:hover{background-color:#2b6cb0;background-color:var(--primary-dark,#2b6cb0)}.tab-navigation .tab-button.active:after{background:#3182ce;background:var(--primary,#3182ce);border-radius:50%;bottom:-8px;content:"";display:none;height:12px;left:50%;position:absolute;transform:translateX(-50%);width:12px;z-index:3}.tab-navigation.main-content-tab-navigation{border-bottom:none;padding:0}.tab-navigation.main-content-tab-navigation .tabs-container{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;padding-bottom:4px;width:100%}.tab-navigation.main-content-tab-navigation .tabs-container .tab-button{background:#f7fafc;background:var(--current-bg-secondary,#f7fafc);border:1px solid #0000;border-radius:6px;color:#2d3748;color:var(--current-text-primary,#2d3748);font-size:.95rem;padding:.75rem 1rem}.tab-navigation.main-content-tab-navigation .tabs-container .tab-button:hover{background:#edf2f7;background:var(--current-bg-tertiary,#edf2f7)}.tab-navigation.main-content-tab-navigation .tabs-container .tab-button.active{background:#fff;background:var(--current-bg-primary,#fff);border-color:#e2e8f0;border-color:var(--current-border-color,#e2e8f0);box-shadow:0 1px 3px #0000001a;color:#2d3748;color:var(--current-text-primary,#2d3748);font-weight:500}.tab-navigation.business-mode{border-color:var(--business-border-color,var(--border-color))}.tab-navigation.business-mode .tab-button{color:var(--text-secondary);color:var(--business-text-secondary,var(--text-secondary))}.tab-navigation.business-mode .tab-button:hover{background:var(--bg-hover);background:var(--business-bg-hover,var(--bg-hover));color:var(--text-primary);color:var(--business-text-primary,var(--text-primary))}.tab-navigation.business-mode .tab-button.active{background:#2b6cb0;background:var(--business-primary,#2b6cb0);box-shadow:0 3px 8px #00000026;color:#fff}.tab-navigation.business-mode .tab-button.active:hover{background:#1a4971;background:var(--business-primary-dark,#1a4971)}.tab-navigation.business-mode .tab-button.active:after{background:#2b6cb0;background:var(--business-primary,#2b6cb0)}.tab-navigation.business-mode.main-content-tab-navigation .tabs-container .tab-button{background:#f7fafc;background:var(--business-bg-secondary,#f7fafc);color:#2d3748;color:var(--business-text-primary,#2d3748)}.tab-navigation.business-mode.main-content-tab-navigation .tabs-container .tab-button:hover{background:#edf2f7;background:var(--business-bg-tertiary,#edf2f7)}.tab-navigation.business-mode.main-content-tab-navigation .tabs-container .tab-button.active{background:#fff;background:var(--business-bg-primary,#fff);border-color:#e2e8f0;border-color:var(--business-border-color,#e2e8f0);color:#2d3748;color:var(--business-text-primary,#2d3748)}.tab-navigation.developer-mode{background:var(--bg-primary);background:var(--dev-bg-secondary,var(--bg-primary));border-color:var(--dev-border-color,var(--border-color))}.tab-navigation.developer-mode .tab-button{color:var(--text-secondary);color:var(--dev-text-secondary,var(--text-secondary))}.tab-navigation.developer-mode .tab-button:hover{background:var(--bg-hover);background:var(--dev-bg-hover,var(--bg-hover));color:var(--text-primary);color:var(--dev-text-primary,var(--text-primary))}.tab-navigation.developer-mode .tab-button.active{background:#7f2cbb;background:var(--dev-primary,#7f2cbb);box-shadow:0 3px 8px #00000026;color:#fff}.tab-navigation.developer-mode .tab-button.active:hover{background:#66239a;background:var(--dev-primary-dark,#66239a)}.tab-navigation.developer-mode .tab-button.active:after{background:#7f2cbb;background:var(--dev-primary,#7f2cbb)}.tab-navigation.developer-mode.main-content-tab-navigation .tabs-container .tab-button{background:#2d3748;background:var(--dev-bg-secondary,#2d3748);color:#e2e8f0;color:var(--dev-text-primary,#e2e8f0)}.tab-navigation.developer-mode.main-content-tab-navigation .tabs-container .tab-button:hover{background:#4a5568;background:var(--dev-bg-tertiary,#4a5568)}.tab-navigation.developer-mode.main-content-tab-navigation .tabs-container .tab-button.active{background:#1a202c;background:var(--dev-bg-primary,#1a202c);border-color:#4a5568;border-color:var(--dev-border-color,#4a5568);color:#e2e8f0;color:var(--dev-text-primary,#e2e8f0)}@media(max-width:768px){.tab-navigation{justify-content:flex-start;margin:0 0 16px;padding:0}.tab-navigation:after{display:none}.tab-navigation .tabs-container{background-color:#f7fafc;background-color:var(--bg-light,#f7fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 6px #0000000a;gap:8px;margin:0 6px;padding:6px 8px;width:100%}.tab-navigation .tab-button{border-radius:8px;box-shadow:none;flex:1 1;font-size:14px;height:38px;margin:0;min-width:auto;padding:10px 12px;transform:translateZ(0)}.tab-navigation .tab-button:active{transform:scale(.98) translateZ(0)}.tab-navigation .tab-button .tab-label{font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-navigation .tab-button .tab-icon{font-size:14px;margin-right:6px}.tab-navigation .tab-button.active{box-shadow:0 2px 6px #3182ce40}.tab-navigation .tab-button.active:after{display:none}.tab-navigation .tab-button.active .tab-label{font-weight:600;transform:translateY(0)}.violation-item .tab-navigation{margin:.5rem .5rem 1rem}.violation-item .tab-navigation .tabs-container{padding:4px 6px}.violation-item .tab-navigation .tab-button{font-size:13px;height:36px;padding:8px 10px}.violation-item .tab-navigation .tab-button .tab-icon{font-size:13px;margin-right:4px}.tab-navigation.business-mode .tabs-container{background-color:var(--bg-light);background-color:var(--business-bg-secondary,var(--bg-light));border-color:var(--business-border-color,var(--border-color));box-shadow:0 2px 6px #0000000a}.tab-navigation.business-mode .tab-button{color:var(--text-secondary);color:var(--business-text-secondary,var(--text-secondary))}.tab-navigation.business-mode .tab-button:active,.tab-navigation.business-mode .tab-button:hover{background:var(--bg-hover);background:var(--business-bg-hover,var(--bg-hover));color:var(--text-primary);color:var(--business-text-primary,var(--text-primary))}.tab-navigation.business-mode .tab-button.active{background:#2b6cb0;background:var(--business-primary,#2b6cb0);box-shadow:0 2px 6px #00000026;color:#fff}.tab-navigation.business-mode .tab-button.active:active,.tab-navigation.business-mode .tab-button.active:hover{background:#1a4971;background:var(--business-primary-dark,#1a4971)}.tab-navigation.business-mode.main-content-tab-navigation .tabs-container{background-color:#0000;border:none;box-shadow:none}.tab-navigation.business-mode.main-content-tab-navigation .tabs-container .tab-button{background:#f7fafc;background:var(--business-bg-secondary,#f7fafc);border:1px solid #0000;color:#2d3748;color:var(--business-text-primary,#2d3748)}.tab-navigation.business-mode.main-content-tab-navigation .tabs-container .tab-button:active,.tab-navigation.business-mode.main-content-tab-navigation .tabs-container .tab-button:hover{background:#edf2f7;background:var(--business-bg-tertiary,#edf2f7)}.tab-navigation.business-mode.main-content-tab-navigation .tabs-container .tab-button.active{background:#fff;background:var(--business-bg-primary,#fff);border-color:#e2e8f0;border-color:var(--business-border-color,#e2e8f0);box-shadow:0 1px 3px #0000001a;color:#2d3748;color:var(--business-text-primary,#2d3748)}.tab-navigation.developer-mode .tabs-container{background-color:var(--bg-light);background-color:var(--dev-bg-secondary,var(--bg-light));border-color:var(--dev-border-color,var(--border-color));box-shadow:0 2px 6px #0000000a}.tab-navigation.developer-mode .tab-button{color:var(--text-secondary);color:var(--dev-text-secondary,var(--text-secondary))}.tab-navigation.developer-mode .tab-button:active,.tab-navigation.developer-mode .tab-button:hover{background:var(--bg-hover);background:var(--dev-bg-hover,var(--bg-hover));color:var(--text-primary);color:var(--dev-text-primary,var(--text-primary))}.tab-navigation.developer-mode .tab-button.active{background:#7f2cbb;background:var(--dev-primary,#7f2cbb);box-shadow:0 2px 6px #00000026;color:#fff}.tab-navigation.developer-mode .tab-button.active:active,.tab-navigation.developer-mode .tab-button.active:hover{background:#66239a;background:var(--dev-primary-dark,#66239a)}.tab-navigation.developer-mode.main-content-tab-navigation .tabs-container{background-color:#0000;border:none;box-shadow:none}.tab-navigation.developer-mode.main-content-tab-navigation .tabs-container .tab-button{background:#2d3748;background:var(--dev-bg-secondary,#2d3748);border:1px solid #0000;color:#e2e8f0;color:var(--dev-text-primary,#e2e8f0)}.tab-navigation.developer-mode.main-content-tab-navigation .tabs-container .tab-button:active,.tab-navigation.developer-mode.main-content-tab-navigation .tabs-container .tab-button:hover{background:#4a5568;background:var(--dev-bg-tertiary,#4a5568)}.tab-navigation.developer-mode.main-content-tab-navigation .tabs-container .tab-button.active{background:#1a202c;background:var(--dev-bg-primary,#1a202c);border-color:#4a5568;border-color:var(--dev-border-color,#4a5568);box-shadow:0 1px 3px #0003;color:#e2e8f0;color:var(--dev-text-primary,#e2e8f0)}}@media(max-width:480px){.tab-navigation{margin:0 0 12px}.tab-navigation .tabs-container{border-radius:10px;gap:4px;margin:0 4px;padding:4px 5px}.tab-navigation .tab-button{border-radius:6px;font-size:12px;height:34px;padding:8px 10px}.tab-navigation .tab-button .tab-icon{font-size:13px;margin-right:4px}.tab-navigation .tab-button .tab-label{font-size:12px}.violation-item .tab-navigation{margin:.25rem .25rem .75rem}.violation-item .tab-navigation .tabs-container{gap:3px;padding:3px 4px}.violation-item .tab-navigation .tab-button{font-size:11px;height:32px;padding:6px 8px}.violation-item .tab-navigation .tab-button .tab-icon{font-size:12px;margin-right:3px}.tab-navigation.main-content-tab-navigation .tabs-container .tab-button{font-size:.85rem;min-height:40px;padding:.6rem .8rem}}@media(max-width:360px){.tab-navigation .tabs-container{gap:3px;padding:3px 4px}.tab-navigation .tab-button{min-width:32px;padding:6px 7px;width:auto}.tab-navigation .tab-button .tab-label{font-size:11px;letter-spacing:-.2px;max-width:60px}.tab-navigation .tab-button .tab-icon{font-size:12px;margin-right:3px}.violation-item .tab-navigation .tab-button{height:30px;padding:5px 6px}.violation-item .tab-navigation .tab-button .tab-label{max-width:40px}.violation-item .tab-navigation .tab-button .tab-icon{font-size:11px;margin-right:2px}}.violations-container{background:#fff}.violations-container.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.violations-container.loading .content-skeleton{padding:1.25rem;width:100%}.violations-container.empty{color:var(--text-secondary);padding:2rem;text-align:center}.violations-container .violations-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem}.violations-container .violations-header .violations-count{color:#666;font-size:.9rem}.violations-container .violation-group:not(:last-child){border-bottom:1px solid var(--border-color)}.violations-container .violation-group .group-title{align-items:center;background:var(--bg-light);color:var(--text-primary);display:flex;font-size:1rem;font-weight:500;justify-content:space-between;margin:0;padding:1.25rem}.violations-container .violation-group .group-title .group-count{background:var(--primary-light);border-radius:12px;color:var(--primary-color);font-size:.875rem;padding:.25rem .75rem}.violations-container .violation-group .group-items{padding:1.25em 0}.violations-container .no-violations{color:var(--text-secondary);padding:2rem;text-align:center}.violations-container .no-violations p{margin-bottom:1rem}.violations-container .no-violations .reset-filters{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.violations-container .no-violations .reset-filters:hover{background:#1976d2}.developer-mode .violations-container .violation-group{border-color:var(--dev-border-color)}.developer-mode .violations-container .group-title{background:var(--dev-bg-secondary);border-color:var(--dev-border-color);color:var(--dev-text-primary)}.developer-mode .violations-container .group-title .group-count{background:var(--dev-primary-light);color:var(--dev-text-primary)}.developer-mode .violations-container .group-items{background:var(--dev-bg-secondary);border-color:var(--dev-border-color)}.developer-mode .violations-container .group-items .violation-header{color:var(--dev-text-primary)}.developer-mode .violations-container .group-items .violation-header .how-to-fix-btn{background:var(--dev-bg-secondary);border:1px solid var(--dev-border-color);color:var(--dev-text-secondary)}.developer-mode .violations-container .group-items .violation-header .how-to-fix-btn:hover{background:var(--dev-bg-primary);border:1px solid var(--dev-border-color);color:var(--dev-text-primary)}.developer-mode .violations-container .no-violations{background:var(--dev-bg-secondary);color:var(--dev-text-primary)}.violations-list{padding:1rem 0}@media(max-width:768px){.violations-list{padding:.75rem 0}}.violations-list .category-filter-info{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}@media(max-width:768px){.violations-list .category-filter-info{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.5rem .75rem}}.violations-list .category-filter-info p{color:#555;font-size:.9rem;margin:0}@media(max-width:768px){.violations-list .category-filter-info p{font-size:.85rem}}.violations-list .category-filter-info .clear-filter-btn{background:none;border:none;border-radius:4px;color:#2196f3;cursor:pointer;font-size:.85rem;padding:.25rem .5rem}@media(max-width:768px){.violations-list .category-filter-info .clear-filter-btn{align-self:stretch;background:#2196f31a;padding:.5rem;text-align:center}}.violations-list .category-filter-info .clear-filter-btn:hover{background:#2196f31a}.violations-list .upgrade-banner{align-items:center;background:#fff8e1;border-left:4px solid #ffc107;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}@media(max-width:768px){.violations-list .upgrade-banner{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}}.violations-list .upgrade-banner p{color:#795548;font-size:.9rem;margin:0}@media(max-width:768px){.violations-list .upgrade-banner p{font-size:.85rem}}.violations-list .upgrade-banner .upgrade-button{background:#ffc107;border:none;border-radius:4px;color:#795548;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}@media(max-width:768px){.violations-list .upgrade-banner .upgrade-button{align-self:stretch;padding:.6rem;text-align:center}}.violations-list .upgrade-banner .upgrade-button:hover{background:#ffb300}.violations-list .premium-violations-container{border-top:1px dashed var(--border-color);margin-top:1.5rem;padding-top:1rem;position:relative}@media(max-width:768px){.violations-list .premium-violations-container{margin-top:1rem;padding-top:.75rem}}.violations-list .premium-violations-container .premium-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffb3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.developer-mode .violations-list .premium-violations-container .premium-overlay{background:#1a1b1eb3}.violations-list .premium-violations-container .premium-message{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;padding:1.5rem;text-align:center;z-index:11}.developer-mode .violations-list .premium-violations-container .premium-message{background:#212428;background:var(--dev-bg-secondary,#212428);border-color:#383b42;border-color:var(--dev-border-color,#383b42);box-shadow:0 2px 10px #0000004d}@media(max-width:768px){.violations-list .premium-violations-container .premium-message{padding:1rem}}.violations-list .premium-violations-container .premium-message p{color:#666;font-size:.9rem;font-weight:500;margin:0 0 1rem}.developer-mode .violations-list .premium-violations-container .premium-message p{color:#9ba1a8;color:var(--dev-text-secondary,#9ba1a8)}@media(max-width:768px){.violations-list .premium-violations-container .premium-message p{font-size:.85rem}}.violations-list .premium-violations-container .premium-message .upgrade-button{background:#ffc107;border:none;border-radius:4px;color:#795548;cursor:pointer;font-weight:500;padding:.6rem 1.5rem;transition:background .2s}.developer-mode .violations-list .premium-violations-container .premium-message .upgrade-button{background:#4d9fff;background:var(--dev-primary,#4d9fff);color:#e6e8ea;color:var(--dev-text-primary,#e6e8ea)}.violations-list .premium-violations-container .premium-message .upgrade-button:hover{background:#ffb300}.developer-mode .violations-list .premium-violations-container .premium-message .upgrade-button:hover{background:#3a78c2;background:var(--dev-primary-dark,#3a78c2)}.violations-list .premium-violations-container .dummy-violation{margin-bottom:1rem;position:relative}.violations-list .premium-violations-container .dummy-violation .violation-card.blur{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;filter:blur(2px);opacity:.7;padding:1rem;pointer-events:none;transition:box-shadow .2s ease}.developer-mode .violations-list .premium-violations-container .dummy-violation .violation-card.blur{background-color:#212428;background-color:var(--dev-bg-secondary,#212428);border-color:#383b42;border-color:var(--dev-border-color,#383b42);box-shadow:0 1px 3px #0000004d}.violations-list .premium-violations-container .dummy-violation .violation-card.blur .violation-header{align-items:center;display:flex;padding-bottom:.5rem}.violations-list .premium-violations-container .dummy-violation .violation-card.blur .violation-header .severity{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;margin-right:10px;width:12px}.violations-list .premium-violations-container .dummy-violation .violation-card.blur .violation-header .severity.critical{background-color:#ff5252}.violations-list .premium-violations-container .dummy-violation .violation-card.blur .violation-header .severity.major{background-color:#ff9800}.violations-list .premium-violations-container .dummy-violation .violation-card.blur .violation-header .severity.minor{background-color:#ffc107}.violations-list .premium-violations-container .dummy-violation .violation-card.blur .violation-header .title{color:#333;font-size:1rem;font-weight:500;line-height:1.4;margin:0}.developer-mode .violations-list .premium-violations-container .dummy-violation .violation-card.blur .violation-header .title{color:#e6e8ea;color:var(--dev-text-primary,#e6e8ea)}.violations-list .premium-violations-container .dummy-violation .violation-card.blur:after{background:#f5f5f5;border-radius:4px;content:"";display:block;height:8px;margin-top:.75rem;width:80%}.developer-mode .violations-list .premium-violations-container .dummy-violation .violation-card.blur:after{background:#2a2d34;background:var(--dev-bg-tertiary,#2a2d34)}.violations-list .premium-violations-container .dummy-violation .violation-card.blur:before{background:#f5f5f5;border-radius:4px;content:"";display:block;height:8px;margin-top:.75rem;width:60%}.developer-mode .violations-list .premium-violations-container .dummy-violation .violation-card.blur:before{background:#2a2d34;background:var(--dev-bg-tertiary,#2a2d34)}@media(max-width:768px){.violations-list{margin-top:.5rem;padding:.5rem}.violations-list .violation-item{border-radius:.5rem;margin-bottom:.5rem;padding:.75rem}.violations-list .violation-item .violation-header{flex-direction:column;gap:.5rem}.violations-list .violation-item .violation-header .violation-title{font-size:.875rem;line-height:1.25}.violations-list .violation-item .violation-header .violation-meta{flex-wrap:wrap;font-size:.75rem;gap:.25rem}.violations-list .violation-item .violation-header .violation-meta span{padding:.25rem .5rem}.violations-list .violation-item .violation-details{margin-top:.75rem;padding-top:.75rem}.violations-list .violation-item .violation-details .violation-description{font-size:.8125rem;line-height:1.5}.violations-list .violation-item .violation-details .violation-help,.violations-list .violation-item .violation-details .violation-impact{font-size:.75rem;margin-top:.5rem}.violations-list .violation-item .violation-actions{gap:.5rem;margin-top:.75rem}.violations-list .violation-item .violation-actions button{font-size:.75rem;padding:.375rem .75rem}.violations-list .violation-item .violation-actions button svg{height:1rem;margin-right:.25rem;width:1rem}}@media(max-width:480px){.violations-list{padding:.25rem}.violations-list .violation-item{padding:.5rem}.violations-list .violation-item .violation-header .violation-title{font-size:.8125rem}.violations-list .violation-item .violation-header .violation-meta{font-size:.6875rem}.violations-list .violation-item .violation-header .violation-meta span{padding:.25rem .375rem}.violations-list .violation-item .violation-details .violation-description{font-size:.75rem}.violations-list .violation-item .violation-details .violation-help,.violations-list .violation-item .violation-details .violation-impact{font-size:.6875rem}.violations-list .violation-item .violation-actions button{font-size:.6875rem;padding:.25rem .5rem}}.element-filtered-info{align-items:center;background-color:#f0f7ff;border:1px solid #bfdaff;border-left:4px solid #3498db;border-radius:4px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 15px}.element-filtered-info p{font-weight:500;margin:0}.element-filtered-info .filter-actions{display:flex;gap:8px}@media(max-width:768px){.element-filtered-info .filter-actions{flex-direction:column;gap:6px}}.element-filtered-info .clear-filter-btn{background-color:#e6f3ff;border:1px solid #bfdaff;border-radius:4px;color:#3498db;cursor:pointer;padding:5px 10px;transition:all .2s ease}.element-filtered-info .clear-filter-btn.category-filter{background-color:#e6f3ff;color:#3498db}.element-filtered-info .clear-filter-btn.category-filter:hover{background-color:#d1e7ff}.element-filtered-info .clear-filter-btn.element-filter{background-color:#ff6b6b;border-color:#ff5252;color:#fff}.element-filtered-info .clear-filter-btn.element-filter:hover{background-color:#ff5252}.element-filtered-info .clear-filter-btn:hover{background-color:#d1e7ff}.empty-state{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;min-height:200px;padding:2rem;text-align:center}.empty-state .empty-state-icon{color:#6c757d;font-size:3rem;margin-bottom:1rem}.empty-state .empty-state-title{color:#343a40;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.empty-state .empty-state-message{color:#6c757d;font-size:1rem;margin:0;max-width:450px}.results-main{background:var(--current-bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;position:relative}.results-main:first-child .resize-handle{display:none}.results-main .main-content{display:flex;flex:1 1;flex-direction:column;min-height:0;transition:all .3s ease}.results-main .main-content .main-header{align-items:baseline;background:#fff;background:var(--current-bg-primary,#fff);border-bottom:1px solid var(--current-border-color);color:var(--current-text-primary);margin:16px}.results-main .main-content .content-tabs{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--current-bg-primary,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--current-border-color,#e2e8f0);display:flex;justify-content:space-between;overflow:hidden;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .2s ease 0s,background-color .3s ease 0s;z-index:10}.results-main .main-content .content-tabs .tab-navigation{border-bottom:none;padding:0}.results-main .main-content .content-tabs .tab{background:var(--current-bg-secondary);border:1px solid #0000;color:var(--current-text-primary);margin-bottom:-1px;padding:.75rem 1rem}.results-main .main-content .content-tabs .tab:hover{background:var(--current-bg-tertiary)}.results-main .main-content .content-tabs .tab.active{background:var(--current-bg-primary);border-color:var(--current-border-color);border-bottom-color:#0000}.results-main .main-content .violations-container{background:var(--current-bg-primary)}.results-main .main-content .violations-container .violations-header{background:var(--current-bg-secondary);border-color:var(--current-border-color)}.results-main .main-content .violations-container .violation-group{background:var(--current-bg-primary);border-color:var(--current-border-color)}.results-main .main-content .result-summary{background:var(--current-bg-primary)}.results-main .main-content .unlock-report{background:var(--current-bg-secondary);border-color:var(--current-border-color)}.results-main.business-mode,.results-main.business-mode .main-content{background:#fff;background:var(--business-bg-primary,#fff)}.results-main.business-mode .main-content .content-tabs,.results-main.business-mode .main-content .main-header{background:#fff;background:var(--business-bg-primary,#fff);border-bottom-color:var(--business-border-color)}.results-main.business-mode .main-content .content-tabs .tab{background:var(--business-bg-secondary);border-color:var(--business-border-color);color:var(--business-text-primary)}.results-main.business-mode .main-content .content-tabs .tab:hover{background:var(--business-bg-tertiary)}.results-main.business-mode .main-content .content-tabs .tab.active,.results-main.business-mode .main-content .violations-container{background:var(--business-bg-primary)}.results-main.business-mode .main-content .violations-container .violations-header{background:var(--business-bg-secondary)}.results-main.business-mode .main-content .violations-container .violation-group{background:var(--business-bg-primary)}@media(max-width:768px){.results-main.business-mode .main-content .content-tabs{background:#f7fafc;background:var(--business-bg-secondary,#f7fafc);border-bottom-color:var(--business-border-color)}.results-main.business-mode .main-content .content-tabs .tab{background:var(--business-bg-secondary);color:var(--business-text-primary)}.results-main.business-mode .main-content .content-tabs .tab.active{background:var(--business-bg-primary);border-color:var(--business-border-color)}.results-main.business-mode .main-content .violations-container .violations-header{background:var(--business-bg-secondary)}}.results-main.developer-mode,.results-main.developer-mode .main-content{background:#1a202c;background:var(--dev-bg-primary,#1a202c)}.results-main.developer-mode .main-content .content-tabs,.results-main.developer-mode .main-content .main-header{background:#1a202c;background:var(--dev-bg-primary,#1a202c);border-bottom-color:var(--dev-border-color)}.results-main.developer-mode .main-content .content-tabs{color:#e2e8f0;color:var(--dev-text-primary,#e2e8f0)}.results-main.developer-mode .main-content .content-tabs .tab{background:var(--dev-bg-secondary);border-color:var(--dev-border-color);color:var(--dev-text-primary)}.results-main.developer-mode .main-content .content-tabs .tab:hover{background:var(--dev-bg-tertiary)}.results-main.developer-mode .main-content .content-tabs .tab.active,.results-main.developer-mode .main-content .violations-container{background:var(--dev-bg-primary)}.results-main.developer-mode .main-content .violations-container .violations-header{background:var(--dev-bg-secondary)}.results-main.developer-mode .main-content .violations-container .violation-group{background:var(--dev-bg-primary)}@media(max-width:768px){.results-main.developer-mode .main-content .content-tabs{background:#2d3748;background:var(--dev-bg-secondary,#2d3748);border-bottom-color:var(--dev-border-color)}.results-main.developer-mode .main-content .content-tabs .tab{background:var(--dev-bg-secondary);color:var(--dev-text-primary)}.results-main.developer-mode .main-content .content-tabs .tab.active{background:var(--dev-bg-primary);border-color:var(--dev-border-color)}.results-main.developer-mode .main-content .violations-container .violations-header{background:var(--dev-bg-secondary)}}.results-main.expanded{width:calc(100% - 320px)!important}.results-main.collapsed{width:0!important}@media(max-width:768px){.results-main{-webkit-overflow-scrolling:touch;border-radius:0;height:100vh;min-height:100vh;overflow-y:auto}.main-layout.with-banner .results-main,.results-main,.with-free-tier-banner .results-main{margin-top:0;padding-top:4rem}.main-layout.with-banner .results-main .main-content,.with-free-tier-banner .results-main .main-content{padding-top:0}.main-layout.with-banner .results-main .content-tabs,.with-free-tier-banner .results-main .content-tabs{border-radius:20px;margin-top:5%;padding-bottom:5%;padding-top:8%;top:3.5rem;z-index:20}.results-main .content-wrapper{max-width:100%}.results-main .content-tabs{-webkit-backface-visibility:hidden;background:var(--current-bg-secondary);border-bottom:1px solid var(--current-border-color);border-radius:0 0 8px 8px;box-shadow:0 2px 8px #00000014;margin-bottom:1rem;padding:.75rem .5rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:20}.results-main .content-tabs .tab-navigation{-webkit-overflow-scrolling:touch;border-bottom:none;display:flex;overflow-x:auto;padding:0;width:100%}.results-main .content-tabs .tab-navigation .tab{font-size:.9rem;min-height:44px;padding:.75rem 1rem}.results-main .content-tabs .tab-navigation .tab.active{background-color:var(--primary-light);border-radius:6px;font-weight:500}.results-main .content-body{padding:1rem 1.25rem}.results-main .content-body .violation-group-header{border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.results-main .content-body .violation-group-header h3{font-size:1.1rem}.results-main .content-body .violation-item{border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:1.25rem;overflow:hidden}.results-main .content-body .violation-item .violation-content,.results-main .content-body .violation-item .violation-header{padding:1rem}}@media(max-width:480px){.results-main .main-content .content-tabs{padding:.5rem}.results-main .main-content .content-tabs .tab-navigation .tab{font-size:.85rem;padding:.5rem .75rem}.results-main .main-content .content-body{padding:.75rem}}@media(max-width:1024px){.results-main.expanded{width:100%!important}.results-main .main-content{padding-top:0}.results-main .main-content .main-header{border-radius:10px;margin:0}}.wcag-categories-container{display:flex;flex-direction:column;width:100%}.wcag-categories-container .violation-category-chart{margin-bottom:1.5rem}@media(max-width:768px){.wcag-categories-container{padding:1rem}.wcag-categories-container .violation-category-chart{margin-bottom:1rem}}.element-filter-indicator{align-items:center;background-color:var(--current-filter-bg);border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--current-primary-color);display:flex;justify-content:space-between;margin:16px 0;padding:10px 16px}.element-filter-indicator .filter-badge{align-items:center;display:flex;font-size:14px;gap:8px}.element-filter-indicator .filter-badge .element-detail{font-size:12px;margin-left:4px;opacity:.7}.element-filter-indicator .clear-filter-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--current-primary-color);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:4px 8px}.element-filter-indicator .clear-filter-btn:hover{background-color:#0000000d}:global(.violations-list) .element-filtered-info{align-items:center;background-color:#f0f8ff;border:1px solid #bfd7ea;border-radius:6px;display:flex;margin:0 0 16px;padding:10px 16px}:global(.violations-list) .element-filtered-info p{color:#2c5282;font-size:14px;margin:0}.main-layout.with-banner .main-content,.with-free-tier-banner .main-content{padding-top:0}.content-tabs{margin:24px 0;position:relative;width:100%;z-index:5}.content-tabs .tab-navigation{display:flex;flex-wrap:nowrap;gap:8px}.content-tabs .tab-navigation .tab-button{background:var(--current-bg-secondary);border:1px solid #0000;border-radius:6px;color:var(--current-text-primary);font-size:.95rem;min-height:44px;outline:none;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.content-tabs .tab-navigation .tab-button:hover{background:var(--current-bg-tertiary)}.content-tabs .tab-navigation .tab-button.active{background:var(--current-bg-primary);border-color:var(--current-border-color);font-weight:500}.content-tabs .tab-navigation .tab-button .tab-label{align-items:center;display:flex;gap:6px}.content-tabs .tab-navigation .tabs-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;width:100%}.content-tabs .tab-navigation .tabs-container::-webkit-scrollbar{display:none}@media(max-width:768px){.content-tabs{background:var(--current-bg-secondary);border-bottom:1px solid var(--current-border-color);border-radius:0 0 8px 8px;box-shadow:0 2px 8px #00000014;margin:12px 0 16px;padding:0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.content-tabs .tab-navigation{max-width:100%;width:100%}.content-tabs .tab-navigation .tab-button{font-size:.9rem;padding:.7rem .9rem}.content-tabs .tab-navigation .tab-button.active{background-color:var(--primary-light);border-radius:6px;box-shadow:0 1px 3px #0000001a}}@media(max-width:480px){.content-tabs{margin:10px 0 14px;padding:8px 10px}.content-tabs .tab-navigation .tab-button{font-size:.85rem;min-height:40px;padding:.6rem .8rem}}.results-main.developer-mode .content-tabs .tab-navigation .tab-button{background:var(--dev-bg-secondary);color:var(--dev-text-primary)}.results-main.developer-mode .content-tabs .tab-navigation .tab-button:hover{background:var(--dev-bg-tertiary)}.results-main.developer-mode .content-tabs .tab-navigation .tab-button.active{background:var(--dev-bg-primary);border-color:var(--dev-border-color)}@media(max-width:768px){.results-main.developer-mode .content-tabs{background:var(--dev-bg-secondary);border-bottom-color:var(--dev-border-color)}.results-main.developer-mode .content-tabs .tab-navigation .tab-button.active{background-color:var(--dev-bg-primary);border-color:var(--dev-border-color)}.results-main .content-tabs{-webkit-backface-visibility:hidden;margin-bottom:1rem}.main-layout.with-banner .results-main .content-tabs,.with-free-tier-banner .results-main .content-tabs{top:3.5rem}}.selected-violation-header{margin-bottom:15px}.selected-violation-header .back-button{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#505050;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.selected-violation-header .back-button:hover{background-color:#e8e8e8;color:#303030}.selected-violation-header .back-button span{font-size:14px;font-weight:500}.domain-verification-banner{align-items:center;background-color:#fff7e0;border:1px solid #fff7e0;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;margin:0 10px;padding:16px}.domain-verification-banner .icon{align-items:center;background-color:#ffc107;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:16px;width:40px}.domain-verification-banner .message{flex:1 1}.domain-verification-banner .message h3{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.domain-verification-banner .message p{color:#333;font-size:14px;line-height:1.4;margin:0}.domain-verification-banner .verify-button{background-color:#ffc107;border-radius:4px;color:#333;display:inline-block;font-size:14px;font-weight:500;margin-left:16px;padding:8px 16px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.domain-verification-banner .verify-button:hover{background-color:#e6a102}@media(max-width:768px){.domain-verification-banner{align-items:flex-start;flex-direction:column}.domain-verification-banner .icon,.domain-verification-banner .message{margin-bottom:12px}.domain-verification-banner .verify-button{align-self:flex-start;margin-left:0}}[data-theme=dark] .score-chart-container{background-color:#222;box-shadow:0 2px 4px #0003}[data-theme=dark] .score-chart-container:hover{box-shadow:0 4px 8px #0000004d}[data-theme=dark] .score-chart-container .score-title{color:#e0e0e0}[data-theme=dark] .score-chart-container .score-description{color:#b0b0b0}.checklist-tab-container{background-color:#fff;background-color:var(--current-bg-primary,#fff);border-radius:8px;box-shadow:0 1px 3px #0000000d;margin:20px 0;overflow:hidden;padding:0}@media(max-width:768px){.checklist-tab-container{margin:12px 0}}.violation-item .violation-details,.violation-item .violation-details .detail-card,.violation-item .violation-details .testing-section .tools-grid .tool-card{background:var(--bg-light);border-radius:6px}.violation-item .violation-details .detail-card .card-header .status-badges,.violation-item .violation-details .status-badges{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:.75rem 0;padding:0}.violation-item{background:#fff;border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;overflow:hidden;position:relative;transition:all .3s ease}.violation-item .violation-header{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1rem}.violation-item .violation-details{transition:all .3s ease}.violation-item .violation-details.business-mode{background-color:var(--background-primary)}.violation-item .violation-details.business-mode .detail-card{background-color:var(--background-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.violation-item .violation-details.business-mode .tab-button.active{border-bottom-color:var(--business-primary);color:var(--business-primary)}.violation-item .violation-details.developer-mode{background-color:var(--dev-bg-primary)}.violation-item .violation-details.developer-mode .detail-card{background-color:var(--dev-bg-secondary);border:1px solid var(--dev-border-color);box-shadow:var(--dev-card-shadow)}.violation-item .violation-details.developer-mode .tab-button.active{border-bottom-color:var(--dev-primary);color:var(--dev-primary)}.violation-item .violation-details h4{align-items:center;border-bottom:2px solid var(--border-color);color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.5rem}.violation-item .violation-details h4:before{background:var(--primary);border-radius:2px;content:"";height:24px;width:4px}.violation-item .violation-details .content-wrapper{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2.5rem}.violation-item .violation-details .content-wrapper.basic-info-grid{grid-template-columns:1fr}.violation-item .violation-details .content-wrapper.impact-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.violation-item .violation-details .content-wrapper.technical-grid{grid-template-columns:2fr 1fr}@media(max-width:1024px){.violation-item .violation-details .content-wrapper.technical-grid{grid-template-columns:1fr}}.violation-item .violation-details .content-wrapper.compliance-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.violation-item .violation-details .content-wrapper.resources-grid{grid-template-columns:3fr 2fr}@media(max-width:1024px){.violation-item .violation-details .content-wrapper.resources-grid{grid-template-columns:1fr}}.violation-item .violation-details .detail-card{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.violation-item .violation-details .detail-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.violation-item .violation-details .detail-card.primary-card{grid-column:1/-1}.violation-item .violation-details .detail-card .card-header{background:var(--bg-light);padding:1.25rem}.violation-item .violation-details .detail-card .card-header .title-group{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.violation-item .violation-details .detail-card .card-header .title-group h5{font-size:1.1rem;font-weight:600;margin:0}.violation-item .violation-details .detail-card .card-header .title-group .id-reference{color:var(--text-secondary);font-size:.875rem}.violation-item .violation-details .detail-card .card-header .status-badges{margin:0}.violation-item .violation-details .detail-card .card-content{padding:0}.violation-item .violation-details .detail-card .card-content.scrollable{max-height:400px;overflow-y:auto}.violation-item .violation-details .technical-section .content-wrapper{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.violation-item .violation-details .technical-section .element-details{display:flex;flex-direction:column;gap:1rem}.violation-item .violation-details .technical-section .element-details p{color:var(--text-secondary);font-size:.9375rem;margin:0}.violation-item .violation-details .technical-section .element-details p strong{color:var(--text-primary);margin-right:.5rem}.violation-item .violation-details .technical-section .code-block{background:var(--code-block-bg);border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;overflow:hidden}.violation-item .violation-details .technical-section .code-block .code-header{align-items:center;background:var(--code-bg);border-bottom:1px solid #ffffff1a;color:var(--white);display:flex;font-family:var(--font-mono);font-size:.875rem;justify-content:space-between;padding:.75rem 1rem}.violation-item .violation-details .technical-section .code-block pre{background:var(--code-block-bg);font-family:var(--font-mono);font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem}.violation-item .violation-details .technical-section .required-values-card .card-content{background:var(--bg-light);padding:1.5rem}.violation-item .violation-details .technical-section .required-values-card .value-group{background:var(--white)}.violation-item .violation-details .technical-section .required-values-card .value-group:last-child{margin-bottom:0}.violation-item .violation-details .technical-section .required-values-card .value-group .group-title{align-items:center;border-bottom:2px solid var(--primary-light);color:var(--text-primary);display:flex;flex-direction:row-reverse;font-size:1.125rem;font-weight:600;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem}.violation-item .violation-details .technical-section .required-values-card .value-group .group-title:before{background:var(--primary);border-radius:2px;content:"";height:18px;width:4px}.violation-item .violation-details .technical-section .required-values-card .value-group .value-list{grid-gap:1rem;display:grid;gap:1rem;padding-left:.5rem}.violation-item .violation-details .technical-section .required-values-card .value-group .value-list .value-category{background:var(--white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.violation-item .violation-details .technical-section .required-values-card .value-group .value-list .value-category:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.violation-item .violation-details .technical-section .required-values-card .value-group .value-list .value-category .category-header{align-items:center;background:var(--primary-light);color:var(--primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.875rem 1.25rem}.violation-item .violation-details .technical-section .required-values-card .value-group .value-list .value-category .category-header:before{background:var(--primary);border-radius:50%;content:"";height:6px;width:6px}.violation-item .violation-details .technical-section .required-values-card .value-group .value-list .value-category .category-items{background:var(--white);display:flex;flex-wrap:wrap;gap:.625rem;padding:1rem 1.25rem}.violation-item .violation-details .technical-section .required-values-card .value-group .value-list .value-category .category-items .item{align-items:center;background:var(--bg-light);border:1px solid #0000;border-radius:6px;color:var(--text-secondary);display:flex;font-family:var(--font-mono);font-size:.875rem;gap:.5rem;padding:.5rem .875rem;transition:all .2s ease}.violation-item .violation-details .technical-section .required-values-card .value-group .value-list .value-category .category-items .item:before{color:var(--primary);content:"•";font-size:1.25em;line-height:0}.violation-item .violation-details .technical-section .required-values-card .value-group .value-list .value-category .category-items .item:hover{background:var(--primary-light);box-shadow:0 2px 8px #0000000d;color:var(--primary);transform:translateY(-1px)}@media(max-width:768px){.violation-item .violation-details .technical-section .required-values-card .value-group{padding:1rem}.violation-item .violation-details .technical-section .required-values-card .category-items .item{font-size:.8125rem!important}}.violation-item .violation-details .compliance-section .content-wrapper{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.violation-item .violation-details .compliance-section .wcag-details{grid-gap:1rem;background:var(--bg-light);border-radius:6px;display:grid;gap:1rem;padding:1rem}.violation-item .violation-details .compliance-section .wcag-details .criteria-item{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:.75rem;padding:.75rem}.violation-item .violation-details .compliance-section .wcag-details .criteria-item .criteria-badge{background:var(--primary-light);border-radius:4px;color:var(--primary);font-size:.875rem;font-weight:500;padding:.25rem .5rem}.violation-item .violation-details .compliance-section .standards-list{display:flex;flex-direction:column;gap:.75rem}.violation-item .violation-details .compliance-section .standards-list li{background:var(--white);border:1px solid var(--border-color);border-radius:4px;padding:.75rem}.violation-item .violation-details .resources-section .content-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}@media(max-width:1024px){.violation-item .violation-details .resources-section .content-wrapper{grid-template-columns:1fr}}.violation-item .violation-details .resources-section .fix-steps{margin-top:1.5rem}.violation-item .violation-details .resources-section .fix-steps h6{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.violation-item .violation-details .resources-section .fix-steps ol{counter-reset:step;list-style:none;padding:0}.violation-item .violation-details .resources-section .fix-steps ol li{background:var(--bg-light);border-radius:6px;margin-bottom:1rem;padding:1rem 1rem 1rem 3rem;position:relative}.violation-item .violation-details .resources-section .fix-steps ol li:before{align-items:center;background:var(--primary);border-radius:50%;color:#fff;content:counter(step);counter-increment:step;display:flex;font-size:.875rem;font-weight:600;height:24px;justify-content:center;left:1rem;position:absolute;width:24px}.violation-item .violation-details .resources-section .code-examples{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:1.5rem}.violation-item .violation-details .resources-section .additional-resources .resource-link{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s ease}.violation-item .violation-details .resources-section .additional-resources .resource-link:hover{background:var(--bg-light);transform:translateY(-2px)}.violation-item .violation-details .resources-section .additional-resources .resource-link .resource-type{color:var(--text-secondary);font-size:.875rem}.violation-item .violation-details .testing-section .tools-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.violation-item .violation-details .testing-section .tools-grid .tool-card{padding:1rem}.violation-item .violation-details .testing-section .tools-grid .tool-card h6{color:var(--text-primary);font-weight:600;margin:0 0 .5rem}.violation-item .violation-details .detail-card{height:-webkit-fit-content;height:fit-content;padding:1rem}.violation-item .violation-details .detail-card .card-header{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem}.violation-item .violation-details .detail-card .card-header h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.violation-item .violation-details .status-badges{margin-top:.5rem}.violation-item .violation-details .status-badges .badge{border-radius:16px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.violation-item .violation-details ol,.violation-item .violation-details ul{margin:.5rem 0;padding-left:1.25rem}.violation-item .violation-details ol li,.violation-item .violation-details ul li{color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.violation-item .violation-details ol li:last-child,.violation-item .violation-details ul li:last-child{margin-bottom:0}.violation-item .violation-details .link{align-items:center;color:var(--primary);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s ease}.violation-item .violation-details .link .content-wrapper,.violation-item .violation-details .link .tools-grid{grid-template-columns:1fr}.violation-item .violation-details .link svg{height:16px;width:16px}.violation-item .violation-details.business-mode{--bg-primary:#fff;--text-primary:#333;--border-color:#e0e0e0;--card-bg:#f9f9f9;--code-bg:#f0f0f0;--hover-bg:#f5f5f5;--primary:#007bff;--primary-light:#e6f7ff;--primary-dark:#0056b3;--secondary:#6c757d;--secondary-light:#f8f9fa;--secondary-dark:#343a40;--dev-text-secondary:#6c757d;--dev-text-primary:#333;--dev-border-color:#e0e0e0;--dev-card-bg:#f9f9f9;--dev-code-bg:#f0f0f0;--dev-hover-bg:#f5f5f5;--dev-primary:#007bff;--dev-primary-light:#e6f7ff;--dev-primary-dark:#0056b3;--dev-secondary:#6c757d;--dev-secondary-light:#f8f9fa;--dev-secondary-dark:#343a40}.violation-item .violation-details.developer-mode{--bg-primary:#1e1e1e;--text-primary:#e0e0e0;--border-color:#333;--card-bg:#252525;--code-bg:#2d2d2d;--hover-bg:#353535;--primary:#007bff;--primary-light:#e6f7ff;--primary-dark:#0056b3;--secondary:#6c757d;--secondary-light:#f8f9fa;--secondary-dark:#343a40;--dev-text-secondary:#6c757d;--dev-text-primary:#e0e0e0;--dev-border-color:#333;--dev-card-bg:#252525;--dev-code-bg:#2d2d2d;--dev-hover-bg:#353535;--dev-primary:#007bff;--dev-primary-light:#e6f7ff;--dev-primary-dark:#0056b3;--dev-secondary:#6c757d;--dev-secondary-light:#f8f9fa;--dev-secondary-dark:#343a40}.violation-item .violation-details .view-toggle{display:flex;gap:1rem;margin-bottom:1.5rem}.violation-item .violation-details .view-toggle .toggle-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.violation-item .violation-details .view-toggle .toggle-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.violation-item .violation-details .tab-navigation{background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:0}.violation-item .violation-details .tab-navigation .tab-list{display:flex;gap:.25rem;list-style:none;margin:0;overflow-x:auto;padding:0 1.25rem;scrollbar-width:none}.violation-item .violation-details .tab-navigation .tab-list::-webkit-scrollbar{display:none}.violation-item .violation-details .tab-navigation .tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:1rem 1.25rem;transition:all .2s ease;white-space:nowrap}.violation-item .violation-details .tab-navigation .tab-button:hover{background:var(--bg-hover);color:var(--text-primary)}.violation-item .violation-details .tab-navigation .tab-button.active{border-bottom-color:var(--primary);color:var(--primary)}.violation-item .violation-details .tab-navigation .tab-button svg{height:1.25rem;width:1.25rem}.loading .content-skeleton{padding:2rem}.loading .content-skeleton .skeleton-line{animation:pulse 1.5s infinite;background:var(--bg-light);border-radius:4px;height:1rem;margin-bottom:1rem}.loading .content-skeleton .skeleton-line:nth-child(2){width:75%}.loading .content-skeleton .skeleton-line:nth-child(3){width:50%}.error .error-message{color:var(--text-error);padding:2rem;text-align:center}.error .error-message h4{color:var(--text-error);margin-bottom:1rem}.element-preview{border:1px solid var(--border-color);border-radius:4px;margin-bottom:1rem}.element-preview .preview-container{align-items:center;background:#fff;border-bottom:1px solid var(--border-color);display:flex;height:200px;justify-content:center;overflow:auto;padding:1rem;width:100%}.element-preview .preview-container *{color:inherit;font-family:inherit;font-size:inherit;max-height:150px;max-width:300px;pointer-events:none;text-decoration:inherit}.element-preview .preview-container * button,.element-preview .preview-container [type=button],.element-preview .preview-container [type=submit]{background:#fff;border:1px solid var(--border-color);border-radius:4px;padding:.5rem 1rem}.element-preview .preview-container * a{color:var(--primary-color);text-decoration:underline}.element-preview .preview-container * img{object-fit:contain}.element-preview .preview-container * input,.element-preview .preview-container * select,.element-preview .preview-container * textarea{background:#fff;border:1px solid var(--border-color);border-radius:4px;padding:.5rem}.element-preview .element-code{background:var(--code-bg);max-height:150px;overflow-y:auto;padding:1rem}.formatted-values{background:var(--bg-light);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.5;margin:0;padding:.5rem;white-space:pre-wrap}.formatted-values:not(:last-child){margin-bottom:.5rem}.value-list{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;padding:1rem}.value-list pre.formatted-values{color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.value-list pre.formatted-values>*{margin-bottom:1rem}.value-list pre.formatted-values>:last-child{margin-bottom:0}.violation-details.combined-mode .violation-header{border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:1rem}.violation-details.combined-mode .combined-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.violation-details.combined-mode .combined-tabs button{font-size:.85rem;padding:.5rem}@media(max-width:480px){.violation-details.combined-mode .combined-tabs button .tab-label{display:none}.violation-details.combined-mode .combined-tabs button svg{margin-right:0}}.violation-details.combined-mode .violation-content{margin-top:1rem}.violation-details.combined-mode .violation-content h3{font-size:1.1rem;margin-bottom:.5rem}.violation-details.combined-mode .violation-content p{margin-bottom:.75rem}.violations-summary{padding:1rem;width:100%}.violations-summary .summary-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.violations-summary .summary-description{color:#666;font-size:.9rem;margin-bottom:1.5rem}.violations-summary .category-groups{display:flex;flex-direction:column;gap:1.5rem}.violations-summary .violation-group{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.violations-summary .violation-group .category-header{align-items:center;background-color:#f8f9fa;cursor:pointer;display:flex;padding:.75rem 1rem;transition:background-color .2s}.violations-summary .violation-group .category-header:hover{background-color:#e9ecef}.violations-summary .violation-group .category-header .category-icon{font-size:1.25rem;margin-right:.75rem}.violations-summary .violation-group .category-header .category-name{flex-grow:1;font-weight:600}.violations-summary .violation-group .category-header .category-count{background-color:#6c757d;border-radius:12px;color:#fff;font-size:.75rem;min-width:1.5rem;padding:.25rem .5rem;text-align:center}.violations-summary .violation-group .violations-list{max-height:300px;overflow-y:auto;padding:.5rem}.violations-summary .violation-group .violations-list .violation-item{align-items:center;border-bottom:1px solid #e9ecef;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s}.violations-summary .violation-group .violations-list .violation-item:last-child{border-bottom:none}.violations-summary .violation-group .violations-list .violation-item:hover{background-color:#f8f9fa}.violations-summary .violation-group .violations-list .violation-item .violation-title{flex-grow:1;font-size:.9rem}.violations-summary .violation-group .violations-list .violation-item .violation-severity .severity-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.violations-summary .violation-group .violations-list .violation-item .violation-severity .severity-badge.critical{background-color:#dc3545;color:#fff}.violations-summary .violation-group .violations-list .violation-item .violation-severity .severity-badge.serious{background-color:#fd7e14;color:#fff}.violations-summary .violation-group .violations-list .violation-item .violation-severity .severity-badge.moderate{background-color:#ffc107;color:#212529}.violations-summary .violation-group .violations-list .violation-item .violation-severity .severity-badge.minor{background-color:#6c757d;color:#fff}.violations-summary .no-violations{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;justify-content:center;margin-top:1rem;padding:2rem}.violations-summary .no-violations p{color:#28a745;font-size:1.1rem;font-weight:600}.accessibility-highlight{animation:pulse 2s infinite;background-color:#ff57221a;border:2px solid #ff5722;border-radius:3px;box-shadow:0 0 8px #ff572280;pointer-events:none;position:absolute;z-index:9998}.accessibility-highlight:hover .highlight-tooltip{display:block}.accessibility-highlight .highlight-tooltip{background-color:#333;border-radius:6px;bottom:calc(100% + 10px);box-shadow:0 4px 8px #0003;color:#fff;display:none;font-size:14px;left:50%;max-width:300px;min-width:200px;padding:12px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:9999}.accessibility-highlight .highlight-tooltip:after{border:8px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-8px;position:absolute;top:100%}.accessibility-highlight .highlight-tooltip .tooltip-title{font-size:15px;font-weight:700;margin-bottom:8px}.accessibility-highlight .highlight-tooltip .tooltip-description{line-height:1.4;margin-bottom:8px;opacity:.9}.accessibility-highlight .highlight-tooltip .tooltip-severity{border-radius:4px;display:inline-block;font-size:12px;font-weight:700;padding:2px 6px;text-transform:uppercase}.accessibility-highlight .highlight-tooltip .tooltip-severity.critical{background-color:#dc3545;color:#fff}.accessibility-highlight .highlight-tooltip .tooltip-severity.serious{background-color:#fd7e14;color:#fff}.accessibility-highlight .highlight-tooltip .tooltip-severity.moderate{background-color:#ffc107;color:#212529}.accessibility-highlight .highlight-tooltip .tooltip-severity.minor{background-color:#6c757d;color:#fff}.checklist-container{color:#2d3748;color:var(--current-text-primary,#2d3748);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);width:100%}.checklist-container .checklist-header{margin-bottom:32px;text-align:center}.checklist-container .checklist-header h2{margin-bottom:8px}.checklist-container .checklist-header p{color:#4a5568;color:var(--current-text-secondary,#4a5568)}.checklist-container .category-section .category-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--current-border-color,#e2e8f0);color:#3182ce;color:var(--current-primary-color,#3182ce);font-size:22px;margin-bottom:16px;padding:12px 0}.checklist-container .subcategory-section{margin-bottom:24px}.checklist-container .subcategory-section .subcategory-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--current-border-color,#e2e8f0);color:#2d3748;color:var(--current-text-primary,#2d3748);font-size:18px;font-weight:500;margin-bottom:12px;padding:8px 0}.checklist-container .free-tier-notice{background-color:#f3f4f6;border-left:4px solid #4f46e5;border-radius:4px;margin-top:10px;padding:10px 15px}.checklist-container .free-tier-notice p{color:#374151;font-size:.9rem;margin:0}.checklist-container .free-tier-notice .upgrade-link{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:.9rem;font-weight:600;padding:0;text-decoration:underline}.checklist-container .free-tier-notice .upgrade-link:hover{color:#4338ca}.checklist-container .checklist-table{background-color:#fff;background-color:var(--current-bg-primary,#fff);border:1px solid var(--current-border-color,#e2e8f0);border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px}.checklist-container .checklist-table .table-header{background-color:var(--current-bg-secondary,#f7fafc);border-bottom:1px solid var(--current-border-color,#e2e8f0);padding:16px}.checklist-container .checklist-table .table-header .criteria-column{flex:3 1}.checklist-container .checklist-table .table-header .status-column{flex:1 1}.checklist-container .checklist-table .table-row{border-bottom:1px solid var(--current-border-color,#e2e8f0);padding:16px}.checklist-container .checklist-table .table-row:hover{background-color:#edf2f7;background-color:var(--current-bg-tertiary,#edf2f7)}.checklist-container .checklist-table .table-row.locked{background-color:#f9fafb;border-left:4px dashed #d1d5db;color:#6b7280}.checklist-container .checklist-table .table-row.locked .criteria-title{color:#6b7280;font-style:italic}.checklist-container .checklist-table .table-row.locked .criteria-description{color:#9ca3af}.checklist-container .checklist-table .table-row .criteria-column{flex:3 1;padding-right:16px}.checklist-container .checklist-table .table-row .criteria-column .criteria-title{margin-bottom:8px}.checklist-container .checklist-table .table-row .criteria-column .criteria-description{color:#4a5568;color:var(--current-text-secondary,#4a5568);line-height:1.5}.checklist-container .checklist-table .table-row .status-column{flex:1 1}.checklist-container .checklist-table .table-row .status-column .status-failed,.checklist-container .checklist-table .table-row .status-column .status-passed{align-items:center;border-radius:16px;display:flex;font-size:14px;font-weight:500;padding:6px 12px}.checklist-container .checklist-table .table-row .status-column .status-failed .status-icon,.checklist-container .checklist-table .table-row .status-column .status-passed .status-icon{margin-right:6px}.checklist-container .checklist-table .table-row .status-column .status-passed{background-color:#48bb781a;color:#2f855a}.checklist-container .checklist-table .table-row .status-column .status-passed .status-icon.passed{color:#38a169}.checklist-container .checklist-table .table-row .status-column .status-failed{background-color:#f565651a;color:#c53030}.checklist-container .checklist-table .table-row .status-column .status-failed .status-icon.failed{color:#e53e3e}.checklist-container .checklist-table .table-row .status-locked{align-items:center;color:#6b7280;display:flex;gap:8px}.checklist-container .checklist-table .table-row .status-locked .status-icon{color:#9ca3af}.checklist-container .checklist-table .table-row .status-locked .upgrade-button{background-color:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 8px}.checklist-container .checklist-table .table-row .status-locked .upgrade-button:hover{background-color:#4338ca}.checklist-container .checklist-summary{background-color:var(--current-bg-secondary,#f7fafc);box-shadow:0 1px 3px #0000001a;margin-top:32px;padding:24px}.checklist-container .checklist-summary .summary-counts{justify-content:space-around}.checklist-container .checklist-summary .summary-counts .summary-item{padding:0 16px}.checklist-container .checklist-summary .summary-counts .summary-item .count{font-size:28px;font-weight:700;margin-bottom:4px}.checklist-container .checklist-summary .summary-counts .summary-item .label{color:var(--current-text-secondary,#4a5568)}.checklist-container .checklist-summary .summary-counts .summary-item.passed .count{color:#2f855a}.checklist-container .checklist-summary .summary-counts .summary-item.failed .count{color:#c53030}.checklist-container .checklist-summary .summary-counts .summary-item.total .count{color:#3182ce}.checklist-container .checklist-summary .summary-counts .summary-item.locked{background-color:#f3f4f6;border:1px solid #d1d5db}.checklist-container .checklist-summary .summary-counts .summary-item.locked .count{color:#6b7280}.checklist-container .checklist-summary .summary-counts .summary-item.locked .label{color:#9ca3af}.checklist-container .checklist-summary .summary-upgrade{margin-top:15px;text-align:center}.checklist-container .checklist-summary .summary-upgrade .upgrade-button{background-color:#4f46e5;font-size:.875rem}.checklist-container .checklist-summary .summary-upgrade .upgrade-button:hover{background-color:#4338ca}@media(max-width:768px){.checklist-container{padding:16px}.checklist-container .category-section .category-header{font-size:20px;padding:10px 0}.checklist-container .subcategory-section .subcategory-header{font-size:16px;padding:8px 0}.checklist-container .checklist-table .table-row{flex-direction:column}.checklist-container .checklist-table .table-row .criteria-column{flex:1 1;margin-bottom:16px;padding-right:0}.checklist-container .checklist-table .table-row .status-column{flex:1 1;justify-content:flex-start}.checklist-container .checklist-table .table-header{display:none}.checklist-container .checklist-summary .summary-counts{flex-wrap:wrap}.checklist-container .checklist-summary .summary-counts .summary-item{flex:1 0 33%;margin-bottom:16px}}.free-tier-banner{background-color:#fff7e0;border-bottom:1px solid #fff7e0;box-shadow:0 2px 8px #0000001a;left:0;padding:.75rem 1rem;position:fixed;right:0;top:0;transition:transform .3s ease;width:100%;z-index:1000}.free-tier-banner.mobile{overflow:hidden;padding:.6rem 1rem;width:100%}.free-tier-banner .banner-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.free-tier-banner .banner-content .banner-icon{color:#333;font-size:1.2rem;min-width:20px}.free-tier-banner .banner-content span{color:#333;flex:1 1;font-size:.9rem}.free-tier-banner .banner-content .upgrade-button{background-color:#ffc107;border:1px solid #333;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;padding:.35rem 1.2rem;transition:all .2s ease;white-space:nowrap}.free-tier-banner .banner-content .upgrade-button:hover{background-color:#d39e00;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.free-tier-banner .banner-content .upgrade-button:active{transform:translateY(0)}.free-tier-banner .banner-content .close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffc107;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;margin-left:.5rem;padding:.25rem;transition:all .2s ease;width:28px}.free-tier-banner .banner-content .close-button:hover{background-color:#8564041a}.free-tier-banner .banner-content .close-button:active{background-color:#85640433}.main-layout.with-banner,.main-layout.with-banner .main-layout,.with-free-tier-banner,.with-free-tier-banner .main-layout{margin-top:0}.main-layout.with-banner .mobile-menu-toggle,.with-free-tier-banner .mobile-menu-toggle{bottom:50px;top:auto}@media(max-width:768px){.free-tier-banner{position:fixed}.free-tier-banner .banner-content{flex-wrap:nowrap}.free-tier-banner .banner-content .banner-icon{font-size:1rem}.free-tier-banner .banner-content span{flex:1 1;font-size:.8rem;min-width:0;text-align:left}.free-tier-banner .banner-content .upgrade-button{font-size:.8rem;margin-left:auto;padding:.25rem .75rem;white-space:nowrap}.main-layout.with-banner,.with-free-tier-banner{margin-top:0}.main-layout.with-banner .main-content,.with-free-tier-banner .main-content{padding-top:3.5rem}.main-layout.with-banner .left-sidebar,.with-free-tier-banner .left-sidebar{height:calc(100vh - 3.5rem);top:3.5rem}.main-layout.with-banner .results-main,.results-main,.with-free-tier-banner .results-main{padding-top:0}}@media(max-width:480px){.free-tier-banner .banner-content span{font-size:.75rem}.free-tier-banner .banner-content .upgrade-button{font-size:.75rem;padding:.25rem .5rem}}.checklist-container .checklist-table .table-row .criteria-column .criteria-description{color:#718096}@media(max-width:768px){.checklist-container{padding:16px}.checklist-container .checklist-table .table-row{padding:12px}.checklist-container .checklist-table .table-row .status-column{width:100px}.checklist-container .checklist-summary .summary-counts{flex-wrap:wrap;gap:16px}.checklist-container .checklist-summary .summary-counts .summary-item{flex:1 1;min-width:80px}}.checklist-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:100%;padding:20px}.checklist-container .checklist-header{margin-bottom:24px}.checklist-container .checklist-header h2{color:#333;font-size:24px;font-weight:600;margin:0 0 8px}.checklist-container .checklist-header p{color:#666;font-size:16px;margin:0}.checklist-container .checklist-header .free-tier-notice{background-color:#f0f7ff;border-left:4px solid #3182ce;border-radius:6px;margin-top:12px;padding:12px}.checklist-container .checklist-header .free-tier-notice p{color:#2c5282;font-size:14px;margin:0}.checklist-container .checklist-header .free-tier-notice .upgrade-link{background:none;border:none;color:#3182ce;cursor:pointer;font-size:inherit;font-weight:600;margin:0;padding:0;text-decoration:underline}.checklist-container .checklist-header .free-tier-notice .upgrade-link:hover{color:#2b6cb0}.checklist-container .checklist-info{background-color:#f9f9f9;border-left:4px solid #718096;border-radius:6px;margin-bottom:24px;padding:16px}.checklist-container .checklist-info p{color:#4a5568;font-size:14px;line-height:1.5;margin:0}.checklist-container .checklist-info strong{color:#2d3748;font-weight:600}.checklist-container .category-section{margin-bottom:32px}.checklist-container .category-section .category-header{border-bottom:1px solid #e2e8f0;color:#333;font-size:20px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.checklist-container .category-section .subcategory-header{color:#444;font-size:18px;font-weight:500;margin:20px 0 12px}.checklist-container .checklist-table{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.checklist-container .checklist-table .table-header{background-color:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;font-weight:600;padding:12px 16px}.checklist-container .checklist-table .table-header .criteria-column{color:#4a5568;flex:1 1}.checklist-container .checklist-table .table-header .status-column{color:#4a5568;text-align:center;width:120px}.checklist-container .checklist-table .table-row{border-bottom:1px solid #e2e8f0;display:flex;padding:12px 16px;transition:background-color .2s}.checklist-container .checklist-table .table-row:last-child{border-bottom:none}.checklist-container .checklist-table .table-row:hover{background-color:#f9fafb}.checklist-container .checklist-table .table-row .criteria-column{flex:1 1}.checklist-container .checklist-table .table-row .criteria-column .criteria-title{align-items:center;color:#2d3748;display:flex;font-weight:500;margin-bottom:4px}.checklist-container .checklist-table .table-row .criteria-column .criteria-title .info-button{align-items:center;background:none;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px}.checklist-container .checklist-table .table-row .criteria-column .criteria-title .info-button:hover{background-color:#e2e8f0;color:#3182ce}.checklist-container .checklist-table .table-row .criteria-column .criteria-title .info-button .info-icon{height:16px;width:16px}.checklist-container .checklist-table .table-row .criteria-column .criteria-description{color:#e53e3e;font-size:14px;font-weight:500}.checklist-container .checklist-table .table-row .criteria-column .criteria-explanation{background-color:#f8fafc;border-left:3px solid #4299e1;border-radius:5px;color:#4a5568;font-size:14px;margin:8px 0;padding:10px}.checklist-container .checklist-table .table-row .criteria-column .criteria-explanation p{line-height:1.4;margin:0}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations{margin:10px 0}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .criteria-description{align-items:center;background-color:#fee2e2;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px;transition:background-color .2s}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .criteria-description:hover{background-color:#fecaca}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .criteria-description:focus{outline:2px solid #f87171;outline-offset:2px}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .criteria-description .toggle-icon{color:#e53e3e;font-size:12px}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info{background-color:#fff8f8;border-left:3px solid #fc8181;border-radius:5px;margin-top:5px;padding:10px}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info p{color:#4a5568;font-size:14px;margin:5px 0}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info p:first-child{margin-top:0}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info p:last-child{margin-bottom:0}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info p strong{color:#2d3748}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info .violation-examples{margin-top:15px}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info .violation-examples h4{color:#2d3748;font-size:15px;font-weight:600;margin:0 0 8px}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info .violation-examples ul{list-style-type:none;margin:0;padding:0}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info .violation-examples ul li{background-color:#fff;border:1px solid #fed7d7;border-radius:4px;margin-bottom:8px;padding:8px 10px}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info .violation-examples ul li:last-child{margin-bottom:0}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info .violation-examples ul li.more-violations{color:#718096;font-style:italic;text-align:center}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info .violation-examples ul li .violation-title{color:#e53e3e;display:block;font-weight:500}.checklist-container .checklist-table .table-row .criteria-column .criteria-violations .violation-info .violation-examples ul li .violation-desc{color:#4a5568;font-size:13px;margin:5px 0 0}.checklist-container .checklist-table .table-row .criteria-column .criteria-legal-references{color:#718096;font-size:12px;margin-top:2px}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 8px #0000001a;font-size:14px;margin:8px 0;padding:12px;position:relative;z-index:10}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 8px}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section{margin-bottom:12px}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section:last-child{margin-bottom:0}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section h5{color:#4a5568;font-size:14px;font-weight:600;margin:0 0 6px}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul{margin:0;padding-left:20px}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li{margin-bottom:6px}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .case-name,.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .entity-name{color:#3182ce;font-weight:600}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .case-name a,.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .entity-name a{color:#3182ce;text-decoration:none;transition:color .2s}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .case-name a:hover,.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .entity-name a:hover{color:#2c5282;text-decoration:underline}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .case-name a:focus,.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .entity-name a:focus{border-radius:2px;outline:2px solid #4299e1;outline-offset:2px}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .case-name a:visited,.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .entity-name a:visited{color:#5a67d8}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .key-points{margin-top:4px;padding-left:16px}.checklist-container .checklist-table .table-row .criteria-column .legal-precedent-tooltip .precedent-section ul li .key-points li{color:#4a5568;font-size:13px;margin-bottom:3px}.checklist-container .checklist-table .table-row .status-column{align-items:center;display:flex;justify-content:center;width:120px}.checklist-container .checklist-table .table-row .status-column .status-failed,.checklist-container .checklist-table .table-row .status-column .status-locked,.checklist-container .checklist-table .table-row .status-column .status-passed{align-items:center;display:flex;font-weight:500;gap:8px}.checklist-container .checklist-table .table-row .status-column .status-passed{color:#38a169}.checklist-container .checklist-table .table-row .status-column .status-failed{color:#e53e3e}.checklist-container .checklist-table .table-row .status-column .status-locked{color:#718096}.checklist-container .checklist-table .table-row .status-column .status-icon{height:18px;width:18px}.checklist-container .checklist-table .table-row .status-column .status-icon.passed{color:#38a169}.checklist-container .checklist-table .table-row .status-column .status-icon.failed{color:#e53e3e}.checklist-container .checklist-table .table-row .status-column .status-icon.locked{color:#718096}.checklist-container .checklist-table .table-row .status-column .upgrade-button{background-color:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;transition:background-color .2s}.checklist-container .checklist-table .table-row .status-column .upgrade-button:hover{background-color:#2b6cb0}.checklist-container .checklist-table .table-row.locked{background-color:#f8fafc}.checklist-container .checklist-table .table-row.locked .criteria-title{color:#718096}.checklist-container .checklist-summary{background-color:#f7fafc;border-radius:8px;margin-top:24px;padding:16px}.checklist-container .checklist-summary .summary-counts{display:flex;gap:24px;margin-bottom:16px}.checklist-container .checklist-summary .summary-counts .summary-item{align-items:center;display:flex;flex-direction:column}.checklist-container .checklist-summary .summary-counts .summary-item .count{font-size:24px;font-weight:600}.checklist-container .checklist-summary .summary-counts .summary-item .label{color:#4a5568;font-size:14px}.checklist-container .checklist-summary .summary-counts .summary-item.passed .count{color:#38a169}.checklist-container .checklist-summary .summary-counts .summary-item.failed .count{color:#e53e3e}.checklist-container .checklist-summary .summary-counts .summary-item.total .count{color:#4a5568}.checklist-container .checklist-summary .summary-counts .summary-item.locked .count{color:#718096}.checklist-container .checklist-summary .summary-upgrade{display:flex;justify-content:center}.checklist-container .checklist-summary .summary-upgrade .upgrade-button{background-color:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.checklist-container .checklist-summary .summary-upgrade .upgrade-button:hover{background-color:#2b6cb0}@media(max-width:768px){.checklist-container{padding:16px}.checklist-container .checklist-table .table-row{padding:12px}.checklist-container .checklist-table .table-row .status-column{width:100px}.checklist-container .checklist-summary .summary-counts{flex-wrap:wrap;gap:16px}.checklist-container .checklist-summary .summary-counts .summary-item{flex:1 1;min-width:80px}.checklist-container .checklist-info{padding:12px}.checklist-container .checklist-info p{font-size:13px}}.reference-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.reference-modal .reference-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:100%}.reference-modal .reference-modal-content .close-modal-button{background:none;border:none;color:#718096;cursor:pointer;font-size:24px;line-height:1;position:absolute;right:16px;top:16px;transition:color .2s}.reference-modal .reference-modal-content .close-modal-button:hover{color:#e53e3e}.reference-modal .reference-modal-content h3{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 16px;padding-right:30px}.reference-modal .reference-modal-content .reference-details p{color:#4a5568;font-size:15px;margin:8px 0}.reference-modal .reference-modal-content .reference-details p strong{color:#2d3748;font-weight:600;margin-right:5px}.reference-modal .reference-modal-content .reference-details h4{color:#2d3748;font-size:16px;font-weight:600;margin:20px 0 10px}.reference-modal .reference-modal-content .reference-details .key-points-list{margin:0;padding-left:20px}.reference-modal .reference-modal-content .reference-details .key-points-list li{color:#4a5568;font-size:15px;line-height:1.5;margin-bottom:8px}.reference-modal .reference-modal-content .reference-details .key-points-list li:last-child{margin-bottom:0}.reference-modal .reference-modal-content .reference-details .reference-actions{display:flex;justify-content:flex-end;margin-top:24px}.reference-modal .reference-modal-content .reference-details .reference-actions .view-source-button{align-items:center;background-color:#3182ce;border:none;border-radius:4px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:background-color .2s}.reference-modal .reference-modal-content .reference-details .reference-actions .view-source-button:hover{background-color:#2c5282}.scan-results-container{background:var(--bg-light);display:flex;gap:0;height:100vh;overflow:hidden;padding:0;position:relative;width:100%}.scan-results-container .column{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;position:relative;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.scan-results-container .column.left{border-right:1px solid var(--border-color);flex-shrink:0;max-width:320px;min-width:280px}.scan-results-container .column.left.collapsed{max-width:64px;min-width:64px}.scan-results-container .column.left.expanded{max-width:400px;min-width:280px}.scan-results-container .column.center{flex:1 1;max-width:97%;min-width:40%;overflow:auto}.scan-results-container .column.center .column-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.scan-results-container .column.center.expanded{max-width:100%}.scan-results-container .column.center.collapsed{max-width:0}.scan-results-container .column.right{border-left:1px solid var(--border-color);flex-shrink:0;min-width:320px}.scan-results-container .column.right .resize-handle{cursor:col-resize;height:100%;left:-6px;position:absolute;top:0;width:12px;z-index:100}.scan-results-container .column .column-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-height:0;overflow-y:auto}.scan-results-container .column.dragging{transition:none}.scan-results-container .column.dragging .resize-handle{background:#0000000d}.scan-results-container .column.dragging .resize-handle:after{background:var(--primary-color)}.scan-results-container.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.scan-results-container.dragging *{pointer-events:none}.scan-results-container.dragging .resize-handle{background:#0000000d;pointer-events:all!important}.scan-results-container.dragging .resize-handle:after{background:var(--primary-color)}.scan-results-container.transitioning .column{pointer-events:none}@media(max-width:1024px){.scan-results-container{padding:0}.scan-results-container .column.left{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px!important;z-index:1000}.scan-results-container .column.left.mobile-open{transform:translateX(0)}.scan-results-container .column.left.collapsed{transform:translateX(0);width:64px!important}.scan-results-container .column.right{height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);width:280px!important;z-index:1000}.scan-results-container .column.right.mobile-open{transform:translateX(0)}}@media(max-width:768px){.scan-results-container{padding:0}.scan-results-container .column.left{height:100vh;left:0;max-width:100%!important;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%!important;z-index:1000}.scan-results-container .column.left.mobile-open{transform:translateX(0)}.scan-results-container .column.left.collapsed{transform:translateX(-100%)}.scan-results-container .column.center{margin:0;max-width:100%!important;min-width:100%!important;padding:0;width:100%!important}.scan-results-container .column.center .column-content{padding:0}.scan-results-container .column.right{display:none}.scan-results-container.desktop-view .column.center,.scan-results-container.mobile-view .column.center{max-width:100%!important;min-width:100%!important;width:100%!important}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.98)}}.scan-results-container .column.entering{animation:slideIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.scan-results-container .column.exiting{animation:slideOut .6s cubic-bezier(.34,1.56,.64,1) forwards}.scan-results-container .right-sidebar{background:#fff;border-left:1px solid var(--border-color);flex-shrink:0;height:100vh;min-width:0;position:relative;transition:width .3s ease,transform .3s ease,opacity .3s ease}.scan-results-container .right-sidebar.expanded{min-width:320px;width:100%!important}.scan-results-container .right-sidebar.sticky-sidebar{box-shadow:-2px 0 8px #0000001a;max-height:100vh;overflow-y:auto;padding-top:1rem;transform:translateZ(0);transition:top .3s ease,transform .3s ease;will-change:transform;z-index:100}.scan-results-container .right-sidebar.sticky-sidebar .website-preview-container{display:flex;flex-direction:column;height:calc(100vh - 2rem)}.scan-results-container .right-sidebar.premium-placeholder-sidebar{align-items:center;display:flex;justify-content:center;overflow:hidden!important}.scan-results-container .right-sidebar.premium-placeholder-sidebar .premium-feature-placeholder{border:none!important;border-radius:0!important;bottom:0!important;box-shadow:none!important;left:0!important;margin:0!important;position:absolute!important;right:0!important;top:0!important}.sr-only{border:0}.mobile-menu-toggle{align-items:center;background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:none;font-size:1.5rem;height:40px;justify-content:center;left:15px;position:fixed;top:15px;width:40px;z-index:1000}.mobile-overlay{background-color:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:900}.mobile-overlay.active{opacity:1;visibility:visible}.left-sidebar.mobile-sidebar{bottom:0;box-shadow:2px 0 5px #0003;left:0;max-width:320px;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:80%!important;z-index:950}.scan-results-container.mobile-menu-open .left-sidebar.mobile-sidebar{transform:translateX(0)}.main-content.shifted{transform:translateX(250px);transition:transform .3s ease}@media(max-width:768px){.left-sidebar{background:#fff;bottom:0;box-shadow:2px 0 10px #0003;left:0;max-width:320px;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:85%!important;z-index:950}.left-sidebar.mobile-open{transform:translateX(0)}.mobile-menu-toggle{display:flex!important;z-index:1001}.mobile-overlay{display:block}.mobile-overlay.active{opacity:1;visibility:visible}.menu-open{overflow:hidden}.main-content{min-width:100%!important;padding-top:60px;width:100%!important}.left-sidebar .mobile-header .close-btn{align-items:center;background:var(--bg-light);border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px;z-index:5}.view-mode-controls{position:fixed;right:15px;top:15px;z-index:1000}.scan-results-container .column.left,.scan-results-container .column.right{max-width:320px!important;position:fixed;width:100%!important}.scan-results-container .column.center{max-width:100%!important;min-width:100%!important;width:100%!important}}@media(max-width:480px){.left-sidebar.mobile-sidebar{width:90%!important}.main-content{padding:60px 10px 10px}}.main-layout{background:var(--bg-light);display:flex;flex-direction:column;height:100%;position:relative}.main-layout.with-banner{padding-top:0}.main-layout .view-mode-controls{background:var(--bg-light);border-radius:8px;bottom:2rem;box-shadow:0 4px 12px #00000026;display:flex;gap:.5rem;padding:.5rem;position:fixed;right:2rem;z-index:9999}.main-layout .view-mode-controls .mode-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease,transform .2s ease;width:36px}.main-layout .view-mode-controls .mode-button:hover{background:#0000000d}.main-layout .view-mode-controls .mode-button.active{background:var(--primary-color);color:#fff;transform:scale(1.05)}.main-layout .view-mode-controls .mode-button.active svg{stroke:#fff}.main-layout .view-mode-controls .mode-button svg{stroke:currentColor;height:24px;transition:stroke .2s ease;width:24px}.main-layout .view-mode-controls .mode-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.main-layout .view-mode-controls .mode-button:focus:not(:focus-visible){outline:none}.main-layout .scan-results-container{display:flex;flex:1 1;overflow:hidden;position:relative;transition:all .3s ease}.main-layout .scan-results-container.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.main-layout .scan-results-container.mobile-view .left-sidebar{width:64px}.main-layout .scan-results-container.mobile-view .right-sidebar{border-left:none;min-width:0!important;opacity:0;overflow:hidden;visibility:hidden;width:0!important}.main-layout .scan-results-container.mobile-view .column.center{min-width:40%;width:calc(100% - 64px)!important}.main-layout .scan-results-container.mobile-view.preview-active .right-sidebar{border-left:1px solid var(--border-color);min-width:320px!important;opacity:1;overflow:visible;visibility:visible;width:20%!important}.main-layout .scan-results-container.mobile-view.preview-active .column.center{min-width:40%;width:calc(80% - 64px)!important}.main-layout .scan-results-container.desktop-view .left-sidebar{width:64px}.main-layout .scan-results-container.desktop-view .right-sidebar{border-left:none;min-width:0!important;opacity:0;overflow:hidden;visibility:hidden;width:0!important}.main-layout .scan-results-container.desktop-view .column.center{min-width:40%;width:calc(100% - 64px)!important}.main-layout .scan-results-container.desktop-view.preview-active .right-sidebar{border-left:1px solid var(--border-color);min-width:320px!important;opacity:1;overflow:visible;visibility:visible;width:100%!important}.main-layout .scan-results-container.desktop-view.preview-active .column.center{display:none;width:0!important}.main-layout .scan-results-container .column{height:100%;position:relative;transition:width .3s ease}.main-layout .scan-results-container .column.expanded{width:100%!important}.main-layout .scan-results-container .column .resize-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:background .2s ease;width:4px}.main-layout .scan-results-container .column .resize-handle:hover{background:var(--primary-color)}@media(max-width:768px){.main-layout .view-mode-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;bottom:1rem;box-shadow:0 2px 8px #0000001a;gap:.25rem;padding:.25rem;right:1rem}.main-layout .view-mode-controls .mode-button{height:32px;padding:.25rem;width:32px}.main-layout .view-mode-controls .mode-button svg{height:20px;width:20px}.main-layout .scan-results-container.desktop-view .column.center,.main-layout .scan-results-container.mobile-view .column.center{max-width:100%!important;min-width:100%!important;width:100%!important}}.main-layout .premium-feature-placeholder{align-items:center!important;background-color:#f9f9f9!important;background-image:linear-gradient(135deg,#f9f9f9 25%,#f5f5f5 0,#f5f5f5 50%,#f9f9f9 0,#f9f9f9 75%,#f5f5f5 0,#f5f5f5)!important;background-size:40px 40px!important;border:1px solid #e8e8e8!important;border-radius:12px!important;box-shadow:0 4px 16px #00000014!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;margin:1.25rem!important;overflow:hidden!important;padding:2.5rem!important;position:fixed!important;text-align:center!important;width:100%!important;z-index:1000!important}.main-layout .premium-feature-placeholder:before{background:linear-gradient(90deg,#ffb300,#ffc107,#ffca28)!important;content:""!important;height:5px!important;left:0!important;position:absolute!important;right:0!important;top:0!important}.main-layout .premium-feature-placeholder .premium-feature-content{background-color:#fff!important;border-radius:8px!important;box-shadow:0 4px 20px #0000001a!important;left:50%!important;max-width:300px!important;padding:2rem!important;position:absolute!important;text-align:center!important;top:50%!important;transform:translate(-50%,-50%)!important;width:80%!important}.main-layout .premium-feature-placeholder h3{color:#333!important;display:inline-block!important;font-size:1.65rem!important;font-weight:600!important;margin-bottom:1rem!important;position:relative!important}.main-layout .premium-feature-placeholder h3:after{content:"✨"!important;font-size:20px!important;position:absolute!important;right:-28px!important;top:-5px!important}.main-layout .premium-feature-placeholder p{color:#555!important;font-size:1rem!important;line-height:1.6!important;margin-bottom:1.75rem!important;max-width:100%!important}.main-layout .premium-feature-placeholder .upgrade-button{background:linear-gradient(90deg,#ffb300,#ffc107)!important;border:none!important;border-radius:6px!important;box-shadow:0 2px 8px #ffb3004d!important;color:#5a3f00!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;padding:.75rem 1.5rem!important;transition:all .2s ease!important}.main-layout .premium-feature-placeholder .upgrade-button:hover{background:linear-gradient(90deg,#ffa000,#ffb300)!important;box-shadow:0 4px 12px #ffb30066!important;transform:translateY(-1px)!important}.main-layout .premium-feature-placeholder .upgrade-button:active{box-shadow:0 1px 4px #ffb3004d!important;transform:translateY(0)!important}@media(max-width:768px){.main-layout .premium-feature-placeholder{background-size:20px 20px!important;padding:1.5rem!important}.main-layout .premium-feature-placeholder .premium-feature-content{padding:1.5rem!important;width:90%!important}.main-layout .premium-feature-placeholder h3{font-size:1.4rem!important;margin-bottom:.75rem!important}.main-layout .premium-feature-placeholder h3:after{font-size:16px!important;right:-24px!important;top:-3px!important}.main-layout .premium-feature-placeholder p{font-size:.9rem!important;margin-bottom:1.25rem!important}.main-layout .premium-feature-placeholder .upgrade-button{font-size:.9rem!important;padding:.7rem 1.25rem!important}}.main-layout{height:100vh;min-height:100vh;overflow:hidden;transition:all .3s ease;width:100%}.main-layout.with-banner .scan-results-container{height:calc(100vh - 1rem);margin-top:0}.main-layout.business-mode{background-color:var(--business-bg-primary)}.main-layout.business-mode .left-sidebar,.main-layout.business-mode .results-main{background-color:var(--business-bg-primary)!important;color:var(--business-text-primary)!important}.main-layout.business-mode .left-sidebar{border-right:1px solid var(--business-border-color)}.main-layout.business-mode .right-sidebar{background-color:var(--business-bg-primary)!important;border-left:1px solid var(--business-border-color);color:var(--business-text-primary)!important}.main-layout.business-mode .content-header,.main-layout.business-mode .sidebar-header{background-color:var(--business-bg-secondary)!important;border-color:var(--business-border-color)!important;color:var(--business-text-primary)!important}.main-layout.business-mode .content-body,.main-layout.business-mode .sidebar-content{background-color:var(--business-bg-primary)!important;color:var(--business-text-secondary)!important}.main-layout.developer-mode{background-color:var(--dev-bg-primary)}.main-layout.developer-mode .left-sidebar,.main-layout.developer-mode .results-main{background-color:var(--dev-bg-primary)!important;color:var(--dev-text-primary)!important}.main-layout.developer-mode .left-sidebar{border-right:1px solid var(--dev-border-color)}.main-layout.developer-mode .right-sidebar{background-color:var(--dev-bg-primary)!important;border-left:1px solid var(--dev-border-color);color:var(--dev-text-primary)!important}.main-layout.developer-mode .content-header,.main-layout.developer-mode .sidebar-header{background-color:var(--dev-bg-secondary)!important;border-color:var(--dev-border-color)!important;color:var(--dev-text-primary)!important}.main-layout.developer-mode .content-body,.main-layout.developer-mode .sidebar-content{background-color:var(--dev-bg-primary)!important;color:var(--dev-text-secondary)!important}.main-layout.developer-mode .main-header{background-color:var(--dev-bg-secondary)!important;border-color:var(--dev-border-color)!important;color:var(--dev-text-primary)!important}.main-layout.developer-mode .result-summary{background-color:var(--dev-bg-primary)!important;color:var(--dev-text-primary)!important}.main-layout.developer-mode .violation-group{background-color:var(--dev-bg-primary)!important;border-color:var(--dev-border-color)!important}.main-layout.developer-mode .unlock-report{background-color:var(--dev-bg-secondary)!important;border-color:var(--dev-border-color)!important;color:var(--dev-text-primary)!important}@media(max-width:768px){.scan-results-container .right-sidebar.sticky-sidebar{height:auto!important;max-height:none!important;overflow-y:visible!important;position:relative!important;top:auto!important}}.website-preview{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.website-preview .preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 16px;z-index:10}.website-preview .preview-header .view-mode-controls{display:flex;gap:4px}.website-preview .preview-header .view-mode-controls .view-mode-btn{background:#0000;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;padding:6px 10px;transition:all .2s ease}.website-preview .preview-header .view-mode-controls .view-mode-btn:hover{background:#e9ecef;color:#495057}.website-preview .preview-header .view-mode-controls .view-mode-btn.active{background:#4b6bfb;border-color:#4b6bfb;color:#fff}.website-preview .preview-header .view-mode-controls .view-mode-btn svg{height:18px;width:18px}.website-preview .preview-header .violation-controls .violation-toggle-btn{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#495057;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.website-preview .preview-header .violation-controls .violation-toggle-btn:hover{background-color:#e9ecef}.website-preview .preview-header .violation-controls .violation-toggle-btn.active{background-color:#4b6bfb;border-color:#4b6bfb;color:#fff}.website-preview .preview-container{background:#f5f5f5;flex:1 1;overflow:hidden;position:relative}.website-preview .preview-container .preview-content{display:flex;flex-direction:row-reverse;height:100%;position:relative;width:100%}.website-preview .preview-container .preview-content .iframe-container{flex:1 1;overflow:hidden;position:relative}.website-preview .preview-container .preview-content .list-and-details{background:#fff;border-left:1px solid #e9ecef;display:flex;max-width:800px;min-width:300px;overflow:hidden;position:relative;width:50%}.website-preview .preview-container .preview-content .list-and-details .violation-list-container{background:#fff;border-right:none;bottom:0;display:flex;flex-direction:column;height:100%;left:0;min-width:200px;position:absolute;top:0;width:40%;z-index:5}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .list-header{border-bottom:1px solid #e9ecef;color:#212529;font-size:16px;font-weight:600;margin:0;padding:16px}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list{flex:1 1;overflow-y:auto;padding:8px}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s ease}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item:hover{background:#f8f9fa;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item.selected{background:#4b6bfb0d;border-color:#4b6bfb}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item .violation-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item .violation-header .severity{border-radius:3px;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item .violation-header .severity.critical{background:#dc3545;color:#fff}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item .violation-header .severity.serious{background:#fd7e14;color:#fff}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item .violation-header .severity.moderate{background:#ffc107;color:#000}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item .violation-header .severity.minor{background:#20c997;color:#fff}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item .violation-header .severity.error{background:#dc3545;color:#fff}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item .violation-header .title{color:#333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .violation-item .description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:12px;line-height:1.5;margin:0;overflow:hidden}.website-preview .preview-container .preview-content .list-and-details .violation-list-container .violation-list .no-violations{color:#6c757d;font-style:italic;padding:16px;text-align:center}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel{background:#fff;border-left:1px solid #e9ecef;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;transition:transform .3s ease,opacity .3s ease;width:60%;z-index:10}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel.hidden{opacity:0;pointer-events:none;transform:translateX(100%)}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;left:0;padding:16px;position:absolute;right:0;top:0;z-index:11}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-header h3{font-size:1rem;font-weight:600;margin:0}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-header .close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-header .close-btn:hover{color:#343a40}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content{bottom:0;left:0;overflow-y:auto;padding:1rem;position:absolute;right:0;top:53px}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content.content-changed{animation:highlightNew 1s ease-out}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .severity-indicator{border-radius:3px;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.25rem .5rem;text-transform:uppercase}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .severity-indicator.critical{background-color:#dc3545;color:#fff}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .severity-indicator.serious{background-color:#fd7e14;color:#fff}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .severity-indicator.moderate{background-color:#ffc107;color:#000}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .severity-indicator.minor{background-color:#20c997;color:#fff}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .description,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .element-snippet,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .how-to-fix,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .impact,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .selector{margin-bottom:1rem}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .description h4,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .element-snippet h4,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .how-to-fix h4,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .impact h4,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .selector h4{color:#555;font-size:.9rem;margin-bottom:.5rem;margin-top:0}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .description p,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .element-snippet p,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .how-to-fix p,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .impact p,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .selector p{font-size:.85rem;line-height:1.5;margin:0}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .description code,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .description pre,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .element-snippet code,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .element-snippet pre,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .how-to-fix code,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .how-to-fix pre,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .impact code,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .impact pre,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .selector code,.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .selector pre{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;display:block;font-family:monospace;font-size:.8rem;overflow-x:auto;padding:.5rem;white-space:pre-wrap;word-break:break-all}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .upgrade-prompt{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-top:1rem;padding:.75rem;text-align:center}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .upgrade-prompt p{font-size:.85rem;margin:0 0 .75rem}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .upgrade-prompt .upgrade-btn{background-color:#4b6bfb;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.85rem;font-weight:500;padding:.375rem .75rem;transition:background-color .2s ease}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content .upgrade-prompt .upgrade-btn:hover{background-color:#3a5ad9}.website-preview .preview-iframe{background:#fff;border:none;height:100%;min-height:400px;opacity:0;transition:all .3s ease;width:100%}.website-preview .preview-iframe.loaded{opacity:1}.website-preview .violation-marker{border:2px solid;cursor:pointer;pointer-events:auto;position:absolute;transition:all .2s ease;z-index:1000}.website-preview .violation-marker .violation-indicator{align-items:center;background:currentColor;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:12px;font-weight:700;height:16px;justify-content:center;left:8px;position:absolute;top:-8px;transform:translateX(-50%);width:16px;z-index:1001}.website-preview .violation-marker:hover{box-shadow:0 0 0 1px #0000001a;transform:scale(1.02);z-index:1010}.website-preview .violation-marker.critical{background:#dc354512;border-color:#dc3545b3}.website-preview .violation-marker.critical .violation-indicator{background:#dc3545}.website-preview .violation-marker.serious{background:#fd7e1412;border-color:#fd7e14b3}.website-preview .violation-marker.serious .violation-indicator{background:#fd7e14}.website-preview .violation-marker.moderate{background:#ffc10712;border-color:#ffc107b3}.website-preview .violation-marker.moderate .violation-indicator{background:#ffc107;color:#000}.website-preview .violation-marker.minor{background:#20c99712;border-color:#20c997b3}.website-preview .violation-marker.minor .violation-indicator{background:#20c997}.website-preview .violation-marker.error{background-color:#e539350d;border-color:#e5393599}.website-preview .violation-marker.error .violation-indicator{background:#e53935}.website-preview .highlight-overlay{animation:pulse 2s ease-out;background:#4b6bfb14;border:2px solid #4b6bfb;box-shadow:0 0 0 2px #4b6bfb4d;pointer-events:none;position:absolute;z-index:9999}.website-preview .loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.website-preview .loading-overlay .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4b6bfb;height:40px;margin-bottom:16px;width:40px}.website-preview .loading-overlay span{color:#495057;font-size:14px;font-weight:500}.website-preview .error-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.website-preview .error-overlay .error-message{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:400px;padding:24px;text-align:center}.website-preview .error-overlay .error-message h3{color:#dc3545;font-weight:600;margin-bottom:16px}.website-preview .error-overlay .error-message p{color:#6c757d;line-height:1.5;margin-bottom:16px}.website-preview .error-overlay .error-message .retry-button{background:#4b6bfb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s ease}.website-preview .error-overlay .error-message .retry-button:hover{background:#3a5ad9}.website-preview .premium-feature-overlay{align-items:center;background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:1000}.website-preview .premium-feature-overlay .premium-feature-message{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:32px;text-align:center}.website-preview .premium-feature-overlay .premium-feature-message svg{color:#4b6bfb;margin-bottom:16px}.website-preview .premium-feature-overlay .premium-feature-message h3{color:#212529;font-weight:600;margin-bottom:8px}.website-preview .premium-feature-overlay .premium-feature-message p{color:#6c757d;line-height:1.5;margin-bottom:24px}.website-preview .premium-feature-overlay .premium-feature-message .upgrade-button{background:#4b6bfb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s ease}.website-preview .premium-feature-overlay .premium-feature-message .upgrade-button:hover{background:#3a5ad9}.website-preview .highlight-pulse{animation:pulseBackground 1s ease-out}.website-preview.dev-mode .premium-feature-overlay{background:#333}.website-preview.dev-mode .preview-header{background:#333;border-bottom:1px solid #444}.website-preview.desktop-mode .preview-container{align-items:center;background-color:#f5f6fa;display:flex;flex-direction:column;height:100%;justify-content:center;padding:25px;position:relative}.website-preview.desktop-mode .preview-container .iframe-container{background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;height:calc(100% - 50px);max-width:100%;overflow:hidden;position:relative;transition:all .3s ease;width:calc(100% - 40px)}.website-preview.desktop-mode .preview-container .iframe-container:before{background:#f1f3f7;border-bottom:1px solid #e0e3e9;border-radius:8px 8px 0 0;content:"";display:block;height:40px;position:relative}.website-preview.desktop-mode .preview-container .iframe-container:after{background:#fd6458;border-radius:50%;box-shadow:24px 0 0 #fdbc2e,48px 0 0 #28c941;content:"";height:12px;left:16px;position:absolute;top:14px;width:12px;z-index:1}.website-preview.desktop-mode .preview-container .iframe-container .url-bar{align-items:center;background:#fff;border:1px solid #dde1e7;border-radius:4px;display:flex;height:24px;left:80px;overflow:hidden;padding:0 8px;position:absolute;right:16px;top:9px;z-index:1}.website-preview.desktop-mode .preview-container .iframe-container .url-bar .url-text{color:#495057;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-preview.desktop-mode .preview-container .iframe-container .url-bar .url-text:before{color:#28a745;content:"🔒";font-size:10px;margin-right:5px}.website-preview.desktop-mode .preview-container .preview-iframe{background:#fff;border:none;display:block;flex:1 1;height:calc(100% - 40px);margin-top:40px;position:relative;width:100%;z-index:1}.website-preview.desktop-mode .preview-container:after{background:#4b6bfb1a;border-radius:4px;bottom:6px;box-shadow:0 1px 3px #0000000d;color:#4b6bfbe6;content:"Desktop View";font-size:12px;font-weight:500;padding:4px 10px;position:absolute;right:20px}.website-preview.desktop-mode:hover .iframe-container{box-shadow:0 12px 30px #0000002e;transform:translateY(-2px)}.website-preview.tablet-mode .preview-container{display:flex;justify-content:center;padding:20px}.website-preview.tablet-mode .preview-container .iframe-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:calc(100% - 40px);max-width:100%;overflow:hidden;width:768px}.website-preview.tablet-mode .preview-container .preview-iframe{background:#fff;border:none;border-radius:12px;height:100%;width:100%}.website-preview.mobile-mode .preview-container{display:flex;justify-content:center;padding:20px}.website-preview.mobile-mode .preview-container .iframe-container{border-radius:20px;box-shadow:0 4px 12px #0000001a;height:calc(100% - 40px);max-width:100%;overflow:hidden;width:375px}.website-preview.mobile-mode .preview-container .preview-iframe{background:#fff;border:none;height:100%;width:100%}@keyframes pulseBackground{0%{background-color:#4b6bfb33}to{background-color:#0000}}@media(max-width:992px){.website-preview .preview-container .preview-content .list-and-details{width:60%}}@media(max-width:768px){.website-preview .preview-container .preview-content{flex-direction:column}.website-preview .preview-container .preview-content .list-and-details{flex-direction:column;height:50%;max-height:400px;position:relative;width:100%}.website-preview .preview-container .preview-content .list-and-details .violation-list-container{border-bottom:1px solid #e9ecef;border-right:none;height:50%;left:0;max-height:200px;position:absolute;right:0;top:0;width:100%;z-index:5}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel{border-left:none;border-top:1px solid #e9ecef;bottom:0;height:50%;left:0;position:absolute;right:0;top:50%;transition:transform .3s ease,opacity .3s ease;width:100%}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel.hidden{opacity:0;transform:translateY(100%)}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-header{height:53px;left:0;position:absolute;right:0;top:0}.website-preview .preview-container .preview-content .list-and-details .violation-details-panel .panel-content{bottom:0;left:0;position:absolute;right:0;top:53px}.website-preview.mobile-mode .preview-container,.website-preview.tablet-mode .preview-container{padding:15px}.website-preview.mobile-mode .preview-container .iframe-container,.website-preview.tablet-mode .preview-container .iframe-container{height:calc(100% - 30px);width:calc(100% - 20px)}}.element-violations .element-info{background-color:#00000008;border-radius:4px;margin-bottom:1rem;padding:.75rem}.element-violations .element-info h4{color:#555;font-size:.9rem;margin-bottom:.5rem;margin-top:0}.element-violations .element-info .element-selector{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;color:#333;display:block;font-family:monospace;font-size:.8rem;margin-bottom:.5rem;overflow-x:auto;padding:.5rem;white-space:pre-wrap;word-break:break-all}.element-violations .element-info .element-snippet{max-height:100px;overflow-y:auto}.element-violations .element-info .element-snippet pre{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;font-family:monospace;font-size:.75rem;margin:0;padding:.5rem;white-space:pre-wrap;word-break:break-all}.element-violations .violations-header{border-bottom:1px solid #e9ecef;font-size:1rem;font-weight:600;margin:1rem 0 .5rem;padding-bottom:.5rem}.element-violations .element-violations-list{max-height:400px;overflow-y:auto}.element-violations .element-violations-list .element-violation{background-color:#00000005;border-left:3px solid #ccc;border-radius:0 4px 4px 0;margin-bottom:1rem;padding:.75rem}.element-violations .element-violations-list .element-violation.critical{background-color:#dc35450d;border-left-color:#dc3545}.element-violations .element-violations-list .element-violation.serious{background-color:#fd7e140d;border-left-color:#fd7e14}.element-violations .element-violations-list .element-violation.moderate{background-color:#ffc1070d;border-left-color:#ffc107}.element-violations .element-violations-list .element-violation.minor{background-color:#20c9970d;border-left-color:#20c997}.element-violations .element-violations-list .element-violation .element-violation-header{align-items:center;display:flex;margin-bottom:.5rem}.element-violations .element-violations-list .element-violation .element-violation-header .severity-badge{border-radius:3px;font-size:.7rem;font-weight:600;margin-right:.75rem;padding:.25rem .5rem;text-transform:uppercase}.element-violations .element-violations-list .element-violation .element-violation-header .severity-badge.critical{background-color:#dc3545;color:#fff}.element-violations .element-violations-list .element-violation .element-violation-header .severity-badge.serious{background-color:#fd7e14;color:#fff}.element-violations .element-violations-list .element-violation .element-violation-header .severity-badge.moderate{background-color:#ffc107;color:#000}.element-violations .element-violations-list .element-violation .element-violation-header .severity-badge.minor{background-color:#20c997;color:#fff}.element-violations .element-violations-list .element-violation .element-violation-header h5{font-size:.9rem;font-weight:600;margin:0}.element-violations .element-violations-list .element-violation .element-violation-description{font-size:.85rem;line-height:1.4;margin:.5rem 0}.element-violations .element-violations-list .element-violation .how-to-fix{border-top:1px solid #0000001a;margin-top:.75rem;padding-top:.75rem}.element-violations .element-violations-list .element-violation .how-to-fix h6{color:#555;font-size:.8rem;margin:0 0 .5rem}.element-violations .element-violations-list .element-violation .how-to-fix p{font-size:.8rem;line-height:1.4;margin:0}.wcag-criteria,.wcag-info{align-items:center;background-color:#f8f9fa;border-left:3px solid #4b6bfb;border-radius:4px;color:#495057;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .75rem}.wcag-criteria .wcag-link,.wcag-info .wcag-link{color:#4b6bfb;font-size:.8rem;font-weight:500;text-decoration:none}.wcag-criteria .wcag-link:hover,.wcag-info .wcag-link:hover{text-decoration:underline}.wcag-info{background-color:#4b6bfb0d;font-size:.75rem;margin:.5rem 0;padding:.35rem .5rem}.technical-details{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin:1rem 0;padding:.75rem}.technical-details h4,.technical-details h6{color:#495057;font-size:.9rem;font-weight:600;margin-bottom:.5rem;margin-top:0}.technical-details h6{font-size:.85rem}.technical-details ul{margin:0;padding-left:1.25rem}.technical-details ul li{color:#495057;font-size:.8rem;line-height:1.4;margin-bottom:.25rem}.technical-details ul li:last-child{margin-bottom:0}.business-impact,.user-impact{border-top:1px solid #0000000d;margin-top:.75rem;padding-top:.75rem}.business-impact h5,.user-impact h5{color:#495057;font-size:.85rem;font-weight:600;margin:0 0 .5rem}.business-impact ul,.user-impact ul{margin:0;padding-left:1.25rem}.business-impact ul li,.user-impact ul li{font-size:.8rem;line-height:1.4;margin-bottom:.3rem}.business-impact ul li:last-child,.user-impact ul li:last-child{margin-bottom:0}.business-impact .affected-users,.user-impact .affected-users{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.business-impact .affected-users li,.user-impact .affected-users li{background-color:#f1f3f5;border-radius:3px;color:#495057;font-size:.75rem;margin:0;padding:.25rem .5rem}.fix-steps{margin:.5rem 0 0;padding-left:1.25rem}.fix-steps li{font-size:.8rem;line-height:1.4;margin-bottom:.5rem}.fix-steps li:last-child{margin-bottom:0}.element-violation .how-to-fix{background-color:#00000005;border-radius:4px;margin-top:.75rem;padding:.75rem}.element-violation .how-to-fix h6{color:#495057;font-weight:600;margin:0 0 .5rem}.element-violation .how-to-fix p{margin:0 0 .5rem}.element-violation .impact-details{background-color:#4b6bfb0d;border-radius:4px;margin-top:.75rem;padding:.75rem}.element-violation .impact-details h6{color:#495057;font-weight:600;margin:0 0 .5rem}.element-violation .impact-details p{color:#495057;margin:0}@keyframes elementPulse{0%{box-shadow:0 0 0 0 #4b6bfb66}70%{box-shadow:0 0 0 10px #4b6bfb00}to{box-shadow:0 0 0 0 #4b6bfb00}}.highlight-pulse{animation:elementPulse 2s ease-out}@keyframes highlightNew{0%{background-color:#4b6bfb1a}to{background-color:#0000}}.element-details{background:var(--dev-bg-secondary);border-radius:4px;margin-top:16px;padding:16px}.element-details .details-section{margin-bottom:24px}.element-details .details-section:last-child{margin-bottom:0}.element-details .details-section h4{align-items:center;color:var(--dev-text-primary);display:flex;font-size:14px;gap:8px;margin-bottom:12px}.element-details .details-section .info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.element-details .details-section .info-item{background:var(--dev-bg-tertiary);border:1px solid var(--dev-border-color);border-radius:4px;padding:8px 12px}.element-details .details-section .info-item .label{color:var(--dev-text-secondary);display:block;font-size:12px;margin-bottom:4px}.element-details .details-section .info-item code{color:var(--dev-text-primary);display:block;font-family:monospace;font-size:13px;word-break:break-all}.element-details .violation-info{border-top:1px solid var(--dev-border-color);padding-top:16px}.element-details .violation-info .impact{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.element-details .violation-info .impact.critical{background:var(--severity-critical-bg);color:var(--severity-critical)}.element-details .violation-info .impact.serious{background:var(--severity-serious-bg);color:var(--severity-serious)}.element-details .violation-info .impact.moderate{background:var(--severity-moderate-bg);color:var(--severity-moderate)}.element-details .violation-info .impact.minor{background:var(--severity-minor-bg);color:var(--severity-minor)}.element-inspector{background:var(--dev-bg-primary);display:flex;flex-direction:column;height:100%}.element-inspector .inspector-toolbar{border-bottom:1px solid var(--dev-border-color);display:flex;gap:12px;padding:16px}.element-inspector .inspector-toolbar .inspect-btn{align-items:center;background:var(--dev-bg-secondary);border:1px solid var(--dev-border-color);border-radius:4px;color:var(--dev-text-primary);cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.element-inspector .inspector-toolbar .inspect-btn:hover{background:var(--dev-bg-hover)}.element-inspector .inspector-toolbar .inspect-btn.active{background:var(--dev-primary);border-color:var(--dev-primary);color:var(--dev-text-inverse)}.element-inspector .inspector-toolbar .inspect-btn svg{height:16px;width:16px}.element-inspector .element-details{flex:1 1;overflow-y:auto;padding:16px}.element-inspector .no-element-selected{align-items:center;color:var(--dev-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;text-align:center}.element-inspector .no-element-selected svg{height:32px;margin-bottom:16px;opacity:.5;width:32px}.element-inspector .no-element-selected p{font-size:14px;margin:0}.accessibility-tree{background:var(--dev-bg-primary);color:var(--dev-text-primary);display:flex;flex-direction:column;height:100%}.accessibility-tree .tree-header{border-bottom:1px solid var(--dev-border-color);padding:16px}.accessibility-tree .tree-header h4{font-size:16px;font-weight:600;margin:0 0 8px}.accessibility-tree .tree-header p{color:var(--dev-text-secondary);font-size:14px;margin:0}.accessibility-tree .tree-content{flex:1 1;overflow-y:auto;padding:16px}.accessibility-tree .tree-node{margin:4px 0}.accessibility-tree .tree-node.violation{background:var(--dev-violation-bg);border-radius:4px}.accessibility-tree .tree-node .node-header{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s}.accessibility-tree .tree-node .node-header:hover{background:var(--dev-bg-hover)}.accessibility-tree .tree-node .expand-icon{align-items:center;color:var(--dev-text-secondary);display:flex}.accessibility-tree .tree-node .node-role{background:var(--dev-bg-secondary);border-radius:4px;color:var(--dev-text-accent);font-family:monospace;font-size:13px;padding:2px 6px}.accessibility-tree .tree-node .node-name{color:var(--dev-text-primary);font-size:14px}.accessibility-tree .tree-node .node-children{margin-left:16px}.accessibility-tree .no-content{align-items:center;color:var(--dev-text-secondary);display:flex;font-size:14px;height:200px;justify-content:center}.code-snippets-panel{background:var(--dev-bg-primary);height:100%;overflow-y:auto;padding:16px}.code-snippets-panel .current-code,.code-snippets-panel .suggested-fix{margin-bottom:24px}.code-snippets-panel .current-code h4,.code-snippets-panel .suggested-fix h4{align-items:center;color:var(--dev-text-primary);display:flex;font-size:14px;gap:8px;margin-bottom:12px}.code-snippets-panel .code-container{background:var(--dev-bg-secondary);border:1px solid var(--dev-border-color);border-radius:6px;overflow:hidden}.code-snippets-panel .issues-list{border-top:1px solid var(--dev-border-color);padding:12px}.code-snippets-panel .issues-list .issue-item{align-items:center;color:var(--dev-text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:8px}.code-snippets-panel .issues-list .issue-item:last-child{margin-bottom:0}.code-snippets-panel .issues-list .issue-item .icon.error{color:var(--error-color)}.code-snippets-panel .issues-list .issue-item .icon.success{color:var(--success-color)}.code-snippets-panel .recommendations{background:var(--dev-bg-secondary);border:1px solid var(--dev-border-color);border-radius:6px;padding:16px}.code-snippets-panel .recommendations .recommendation-item{align-items:center;color:var(--dev-text-primary);display:flex;font-size:13px;gap:8px;margin-bottom:8px}.code-snippets-panel .recommendations .recommendation-item:last-child{margin-bottom:0}.code-snippets-panel .recommendations .recommendation-item .icon.success{color:var(--success-color)}.technical-docs{height:100%;overflow-y:auto;padding:20px}.technical-docs .empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center}.technical-docs .empty-state .icon{font-size:48px;margin-bottom:16px;opacity:.5}.technical-docs .docs-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:16px}.technical-docs .docs-section h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:16px}.technical-docs .docs-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;gap:8px;margin-bottom:12px}.technical-docs .docs-section h5{color:var(--text-secondary);font-size:1rem;margin-bottom:8px}.technical-docs .code-examples .code-block{margin-bottom:16px}.technical-docs .code-examples .code-block:last-child{margin-bottom:0}.technical-docs .automated-tests ol,.technical-docs .automated-tests ul,.technical-docs .testing-steps ol,.technical-docs .testing-steps ul{margin-bottom:16px;padding-left:20px}.technical-docs .automated-tests ol li,.technical-docs .automated-tests ul li,.technical-docs .testing-steps ol li,.technical-docs .testing-steps ul li{color:var(--text-secondary);margin-bottom:8px}.developer-tools-panel{background:var(--dev-bg-primary);border-left:1px solid var(--dev-border-color);display:flex;flex-direction:column;height:100%}.developer-tools-panel .tools-header{background:var(--dev-bg-secondary);border-bottom:1px solid var(--dev-border-color);display:flex;gap:8px;padding:12px}.developer-tools-panel .tools-header .tool-btn{align-items:center;background:var(--dev-bg-primary);border:1px solid var(--dev-border-color);border-radius:4px;color:var(--dev-text-primary);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.developer-tools-panel .tools-header .tool-btn:hover{background:var(--dev-bg-tertiary)}.developer-tools-panel .tools-header .tool-btn.active{background:var(--dev-primary);border-color:var(--dev-primary);color:#fff}.developer-tools-panel .tools-header .tool-btn svg{height:16px;width:16px}.developer-tools-panel .tools-content{flex:1 1;overflow-y:auto;padding:16px}.inspector-overlay{background:#4b6bfb1a;border:2px solid #4b6bfb;border:2px solid var(--dev-primary,#4b6bfb);cursor:pointer;pointer-events:auto;position:absolute;transition:all .2s ease;z-index:9999}.inspector-overlay .overlay-info{background:#4b6bfb;background:var(--dev-primary,#4b6bfb);border-radius:4px 4px 0 0;color:#fff;font-family:monospace;font-size:12px;left:-2px;max-width:300px;overflow:hidden;padding:2px 8px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:-24px;white-space:nowrap}.inspector-overlay .overlay-info .element-tag{color:#fff}.inspector-overlay .overlay-info .element-id{color:gold;margin-left:4px}.inspector-overlay .overlay-info .element-class{color:#98fb98;margin-left:4px}.inspector-overlay:hover{background:#4b6bfb26;border-color:#3a5ad9}.scan-results-loading{align-items:center;background-color:#f9fafb;background-color:var(--bg-primary,#f9fafb);display:flex;justify-content:center;min-height:80vh;padding:2rem}.scan-results-loading .loading-container{background-color:#fff;background-color:var(--bg-card,#fff);border-radius:12px;box-shadow:0 8px 30px #0000001f;max-width:700px;padding:2.5rem;text-align:center;transition:all .3s ease;width:100%}.scan-results-loading .loading-container .loading-header{margin-bottom:2.5rem}.scan-results-loading .loading-container .loading-header h2{animation:fadeIn .5s ease-in-out;color:#333;color:var(--text-primary,#333);font-size:1.75rem;font-weight:600;margin-bottom:.75rem}.scan-results-loading .loading-container .loading-header .loading-subtitle{animation:fadeIn .5s ease-in-out .2s both;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;margin:0}.scan-results-loading .loading-container .loading-progress{margin-bottom:2rem}.scan-results-loading .loading-container .loading-progress .progress-steps{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.scan-results-loading .loading-container .loading-progress .progress-steps:before{background-color:#e5e7eb;background-color:var(--border-light,#e5e7eb);content:"";height:3px;left:50px;position:absolute;right:50px;top:25px;z-index:1}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step{align-items:center;display:flex;flex-direction:column;position:relative;width:33.333%;z-index:2}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step .step-icon-wrapper{margin-bottom:.75rem;position:relative}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step .step-icon-wrapper .loading-dots{bottom:-12px;left:50%;position:absolute;transform:translateX(-50%)}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step .step-icon{align-items:center;background-color:#f3f4f6;background-color:var(--bg-secondary,#f3f4f6);border:2px solid #e5e7eb;border:2px solid var(--border-light,#e5e7eb);border-radius:50%;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:1.5rem;height:50px;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step span{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;max-width:120px;text-align:center;transition:color .3s ease}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step .check-icon{animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#10b981;color:var(--success,#10b981);display:none;font-size:1.2rem;position:absolute;right:-5px;top:-5px}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step.active .step-icon{animation:pulse 2s infinite;background-color:#dbeafe;background-color:var(--primary-light,#dbeafe);border-color:#3b82f6;border-color:var(--primary,#3b82f6);color:#3b82f6;color:var(--primary,#3b82f6);transform:scale(1.05)}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step.active span{color:#333;color:var(--text-primary,#333);font-weight:500}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step.completed .step-icon{background-color:#d1fae5;background-color:var(--success-light,#d1fae5);border-color:#10b981;border-color:var(--success,#10b981);color:#10b981;color:var(--success,#10b981);transform:scale(1)}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step.completed .check-icon{display:block}.scan-results-loading .loading-container .loading-progress .progress-steps .progress-step.completed span{color:#10b981;color:var(--success,#10b981)}.scan-results-loading .loading-container .loading-message p{animation:fadeIn .3s ease-in-out;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;line-height:1.5;margin:0 auto 1.5rem;max-width:500px;min-height:3rem;transition:opacity .3s ease}.scan-results-loading .loading-container .loading-progress-bar{background-color:#f3f4f6;background-color:var(--bg-secondary,#f3f4f6);border-radius:99px;height:8px;margin:1.5rem 0;overflow:hidden;width:100%}.scan-results-loading .loading-container .loading-progress-bar .progress-value{background:linear-gradient(90deg,#3b82f6,#60a5fa);background:linear-gradient(90deg,var(--primary,#3b82f6),var(--primary-light,#60a5fa));border-radius:99px;height:100%;transition:width .5s ease-in-out}@media(max-width:768px){.scan-results-loading{padding:1rem}.scan-results-loading .loading-container{padding:1.5rem}.scan-results-loading .loading-container .loading-header h2{font-size:1.5rem}.scan-results-loading .loading-container .progress-steps .progress-step .step-icon{font-size:1.25rem;height:40px;padding:8px;width:40px}.scan-results-loading .loading-container .progress-steps .progress-step span{font-size:.75rem;max-width:80px}.scan-results-loading .loading-container .progress-steps:before{left:40px;right:40px;top:20px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.scan-initiator{margin:1.5rem 0;min-height:120px;position:relative;width:100%}.scan-initiator:before{background:linear-gradient(90deg,#0000,#017bfe,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);border-radius:3px;content:"";height:3px;left:50%;opacity:.3;position:absolute;top:-10px;transform:translateX(-50%);width:80%}.scan-initiator .scan-container{margin:0 auto;max-width:800px;width:100%}.scan-initiator .scan-container .form-container{width:100%}.scan-initiator .scan-container .form-container.fade-in{animation:fadeIn .5s ease-in-out}.scan-initiator .scan-container .form-container .scan-form{background-color:#f8f9fa;background-color:var(--background-secondary);border-radius:12px;box-shadow:0 8px 30px #0000001a;padding:2rem;transition:box-shadow .3s ease;width:100%}.scan-initiator .scan-container .form-container .scan-form:hover{box-shadow:0 12px 40px #00000026}.scan-initiator .scan-container .form-container .scan-form .form-group{display:flex;flex-direction:column;gap:1.25rem}@media(min-width:768px){.scan-initiator .scan-container .form-container .scan-form .form-group{align-items:end;flex-direction:row}}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper{flex:1 1}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group{border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;height:56px;overflow:hidden;width:100%}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group input{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px 0 0 8px;border-right:none;flex:1 1;font-size:1rem;height:100%;padding:0 1.25rem;transition:all .3s ease}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group input:hover,.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group input:hover+.custom-select select{border-color:#017bfe;border-color:var(--primary-color)}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group input:focus{border-color:#017bfe;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(#017BFE,.2);box-shadow:0 0 0 2px rgba(var(--primary-color),.2);outline:none}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group input:focus+.custom-select select{border-color:#017bfe;border-color:var(--primary-color)}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group input.error,.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group input.error+.custom-select select{border-color:var(--color-error)}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group input::placeholder{color:var(--text-tertiary);opacity:.7}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select{height:100%;min-width:140px;position:relative}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select select{-webkit-appearance:none;appearance:none;background-color:var(--background-tertiary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;color:var(--text-primary);cursor:pointer;font-size:1rem;height:100%;padding:0 2.5rem 0 1.25rem;transition:all .3s ease;width:100%}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select select:hover,.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select select:hover~input{border-color:#017bfe;border-color:var(--primary-color)}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select select:focus{border-color:#017bfe;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(#017BFE,.2);box-shadow:0 0 0 2px rgba(var(--primary-color),.2);outline:none}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select select:focus~input{border-color:#017bfe;border-color:var(--primary-color)}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select select.free-scan-emphasis{color:#017bfe;color:var(--primary-color);font-weight:600}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select:after{border-bottom:2px solid #666;border-bottom:2px solid var(--text-secondary);border-left:2px solid #666;border-left:2px solid var(--text-secondary);content:"";height:10px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transform:translateY(-70%) rotate(-45deg);transition:transform .3s ease;width:10px}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select:hover:after{border-color:#017bfe;border-color:var(--primary-color)}.scan-initiator .scan-container .form-container .scan-form .form-group button{align-items:center;background-color:#017bfe;background-color:var(--primary-color);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 10px rgba(#017BFE,.3);box-shadow:0 4px 10px rgba(var(--primary-color),.3);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:56px;justify-content:center;min-width:150px;padding:0 2rem;transition:all .3s ease}.scan-initiator .scan-container .form-container .scan-form .form-group button .scan-icon{font-size:1.1rem;margin-right:.5rem}.scan-initiator .scan-container .form-container .scan-form .form-group button:hover{background-color:#0056b3;background-color:var(--primary-color-dark);box-shadow:0 6px 15px rgba(#017BFE,.4);box-shadow:0 6px 15px rgba(var(--primary-color),.4);transform:translateY(-2px)}.scan-initiator .scan-container .form-container .scan-form .form-group button:hover .scan-icon{animation:pulse 1s infinite}.scan-initiator .scan-container .form-container .scan-form .form-group button:active{box-shadow:0 2px 5px #017bfe,.2;box-shadow:0 2px 5px var(--primary-color),.2;color:#017bfe;color:var(--primary-color);transform:translateY(0)}.scan-initiator .scan-container .form-container .scan-form .form-group button:disabled{background-color:var(--color-disabled);box-shadow:none;color:#000;cursor:not-allowed;transform:none}.scan-initiator .scan-container .form-container .scan-form .error-message{align-items:center;color:var(--color-error);display:flex;font-size:.875rem;font-weight:500;margin-top:1rem}.scan-initiator .scan-container .form-container .scan-form .error-message:before{content:"⚠️";margin-right:.5rem}.scan-progress-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;bottom:0;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;width:100vw;z-index:99999}body.scan-progress-active,html.scan-in-progress{height:100%;overflow:hidden;width:100%}.fade-in{animation:fadeIn .5s ease-out forwards}@media(max-width:768px){.scan-initiator .scan-container{padding:0 1rem}.scan-initiator .scan-container .form-container .scan-form{border-radius:10px;padding:1rem}.scan-initiator .scan-container .form-container .scan-form .form-group{flex-direction:column;gap:1.25rem}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper{width:100%}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper label{font-size:.95rem}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group{display:flex;flex-direction:row;height:54px}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group input{flex:1 1;font-size:.95rem;min-width:0;padding:0 1rem}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select{min-width:120px;width:120px}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select select{font-size:.95rem;padding:0 2rem 0 .75rem}.scan-initiator .scan-container .form-container .scan-form .form-group .input-wrapper .input-select-group .custom-select:after{right:12px}.scan-initiator .scan-container .form-container .scan-form .form-group button{font-size:.95rem;height:54px;width:100%}}:root{--hero-primary:#0a2540;--hero-secondary:#136ef8;--hero-accent:#d9e8fe;--hero-light:#f8f9fc;--hero-border:#cbd2e1;--hero-text-primary:#0a2540;--hero-text-secondary:#4a5568;--hero-shadow:0 10px 30px #0a254014;--hero-shadow-hover:0 20px 40px #136ef826;--hero-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);--hero-gradient-primary:linear-gradient(135deg,#136ef8,#00a0ff);--hero-gradient-secondary:linear-gradient(135deg,#f8f9fc,#edf2ff);--hero-background-gradient:linear-gradient(135deg,#f8f9fcf7,#d9e8fef7)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleFloat{0%{background-position:0 0}to{background-position:100px 100px}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-section{background:linear-gradient(135deg,#f8f9fcf7,#d9e8fef7);background:var(--hero-background-gradient);isolation:isolate;min-height:100vh;overflow:hidden;padding-top:80px;position:relative;z-index:0}.hero-section:before{animation:subtleFloat 30s linear infinite;background:url(/static/media/hero-pattern.7b3013269e871a6acfa6.svg) repeat;bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.hero-section__container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:5rem 2rem;position:relative;z-index:1}.hero-section__content{animation:fadeSlideDown .8s ease-out forwards;margin:0 auto;max-width:900px;position:relative;text-align:center;width:100%}.hero-section__content:after,.hero-section__content:before{border-radius:50%;content:"";filter:blur(60px);height:300px;opacity:.3;position:absolute;width:300px;z-index:-1}.hero-section__content:before{background:#017bfe;background:var(--primary-color,#017bfe);left:-150px;top:-150px}.hero-section__content:after{background:#28a745;background:var(--success-color,#28a745);bottom:-50px;right:-100px}.hero-section__title{color:#0a2540;color:var(--hero-text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.hero-section__title .highlight{-webkit-text-fill-color:#0000;animation:gradientFlow 4s ease infinite;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--hero-gradient-primary);-webkit-background-clip:text;background-clip:text;background-size:200% auto;display:inline-block;position:relative}.hero-section__title .highlight:after{background:#136ef833;border-radius:4px;bottom:5px;content:"";height:8px;left:0;position:absolute;width:100%;z-index:-1}.hero-section__description{animation:fadeSlideUp .8s ease .2s backwards;color:#4a5568;color:var(--hero-text-secondary);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7;margin:0 auto 3rem;max-width:700px;padding:0 1rem}.hero-section__scanner-container{position:relative;width:100%;z-index:100}.hero-section__scanner{margin-bottom:2rem;min-height:80px;position:relative;width:100%}.hero-section__cta{animation:fadeSlideUp .8s ease .6s backwards;display:flex;gap:1rem;justify-content:center;margin:2rem auto}.hero-section__cta .cta-button{align-items:center;border-radius:50px;display:flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--hero-transition)}.hero-section__cta .cta-button--primary{background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--hero-gradient-primary);box-shadow:0 5px 15px #136ef84d;color:#fff}.hero-section__cta .cta-button--primary:hover{box-shadow:0 10px 25px #136ef866;transform:translateY(-3px)}.hero-section__cta .cta-button--secondary{background:#fff;border:1px solid #cbd2e1;border:1px solid var(--hero-border);color:#136ef8;color:var(--hero-secondary)}.hero-section__cta .cta-button--secondary:hover{border-color:#136ef8;border-color:var(--hero-secondary);box-shadow:0 10px 30px #0a254014;box-shadow:var(--hero-shadow);transform:translateY(-3px)}.hero-section__cta .cta-button:after{background:linear-gradient(135deg,#fff3,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.hero-section__cta .cta-button:hover:after{opacity:1}.hero-section__cta .cta-button svg{transition:transform .3s ease}.hero-section__cta .cta-button:hover svg{transform:translateX(3px)}.hero-section__stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:1rem auto 0;max-width:900px;padding:0 1rem;position:relative;width:100%;z-index:2}.hero-section__stats .stat-item{align-items:center;animation:fadeSlideUp .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #cbd2e1;border:1px solid var(--hero-border);border-radius:16px;box-shadow:0 10px 30px #0a254014;box-shadow:var(--hero-shadow);display:flex;flex-direction:column;opacity:0;overflow:hidden;padding:2rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--hero-transition)}.hero-section__stats .stat-item:first-child{animation-delay:.7s}.hero-section__stats .stat-item:nth-child(2){animation-delay:.8s}.hero-section__stats .stat-item:nth-child(3){animation-delay:.9s}.hero-section__stats .stat-item:before{background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--hero-gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.hero-section__stats .stat-item:hover{box-shadow:0 20px 40px #136ef826;box-shadow:var(--hero-shadow-hover);transform:translateY(-5px)}.hero-section__stats .stat-item:hover:before{transform:scaleX(1)}.hero-section__stats .stat-item .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--hero-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;position:relative}.hero-section__stats .stat-item .stat-number:after{-webkit-text-fill-color:#136ef8;-webkit-text-fill-color:var(--hero-secondary);content:"+";font-size:1.5rem;position:absolute;right:-15px;top:5px}.hero-section__stats .stat-item .stat-label{color:#4a5568;color:var(--hero-text-secondary);font-size:1.1rem;font-weight:500;margin:0;text-align:center}.hero-section__stats .stat-item .stat-icon{color:#136ef8;color:var(--hero-secondary);font-size:1.5rem;opacity:.2;position:absolute;right:15px;top:15px}@media(max-width:768px){.hero-section__stats{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hero-section__stats .stat-item{padding:1.5rem 1rem}.hero-section__stats .stat-item .stat-number{font-size:2rem}.hero-section__stats .stat-item .stat-label{font-size:.95rem}}@media(max-width:992px){.hero-section{padding-top:70px}.hero-section__container{padding:4rem 1.5rem}.hero-section__title{font-size:clamp(2.25rem,5vw,3.5rem)}.hero-section__description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-section__cta{flex-wrap:wrap;justify-content:center}.hero-section__cta .cta-button{justify-content:center;width:100%}}@media(max-width:768px){.hero-section{padding-top:60px}.hero-section__container{padding:3rem 1rem}.hero-section__scanner{margin:1.5rem auto 3rem;padding:0}.hero-section__title{font-size:2rem}.hero-section__title .highlight:after{bottom:3px;height:6px}.hero-section__description{margin-bottom:2rem}.hero-section__content:after,.hero-section__content:before{height:150px;width:150px}.hero-section__cta{gap:.75rem}.hero-section__cta .cta-button{font-size:.95rem;padding:.875rem 1.5rem}}:root{--tabs-primary:#0a2540;--tabs-secondary:#136ef8;--tabs-accent:#d9e8fe;--tabs-light:#f8f9fc;--tabs-border:#cbd2e1;--tabs-text-primary:#0a2540;--tabs-text-secondary:#4a5568;--tabs-shadow:0 10px 30px #0a254014;--tabs-shadow-hover:0 20px 40px #136ef826;--tabs-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);--tabs-gradient-primary:linear-gradient(135deg,#136ef8,#00a0ff);--tabs-gradient-secondary:linear-gradient(135deg,#f8f9fc,#edf2ff)}.how-it-works{color:var(--business-text-primary);margin:0 auto;max-width:1200px;padding:4rem 2rem}.how-it-works .hero{background:var(--business-bg-secondary);border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:4rem;overflow:hidden;padding:3rem;position:relative;text-align:center}.how-it-works .hero:before{background:linear-gradient(90deg,#017bfe 0,var(--success-color) 33%,var(--warning-color) 66%,var(--error-color) 100%);background:linear-gradient(90deg,var(--primary-color) 0,var(--success-color) 33%,var(--warning-color) 66%,var(--error-color) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.how-it-works .hero h2{animation:fadeSlideUp .8s ease;color:#017bfe;color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.how-it-works .hero p{animation:fadeSlideUp .8s ease .2s backwards;color:var(--business-text-secondary);font-size:1.2rem;line-height:1.6;margin:0 auto 3rem;max-width:700px}.how-it-works .hero .hero-stats{grid-gap:2rem;animation:fadeSlideUp .8s ease .4s backwards;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.how-it-works .hero .hero-stats .stat{background:var(--business-bg-primary);border:1px solid var(--business-border-color);border-radius:12px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.how-it-works .hero .hero-stats .stat:after{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.how-it-works .hero .hero-stats .stat:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.how-it-works .hero .hero-stats .stat:hover:after{opacity:1}.how-it-works .hero .hero-stats .stat .icon{font-size:2rem;margin-bottom:1rem}.how-it-works .hero .hero-stats .stat .icon.success{color:var(--success-color)}.how-it-works .hero .hero-stats .stat .icon.primary{color:#017bfe;color:var(--primary-color)}.how-it-works .hero .hero-stats .stat .icon.warning{color:var(--warning-color)}.how-it-works .hero .hero-stats .stat .icon.info{color:var(--info-color)}.how-it-works .hero .hero-stats .stat .number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#017bfe 0,var(--success-color) 100%);background:linear-gradient(135deg,var(--primary-color) 0,var(--success-color) 100%);background-clip:text;-webkit-background-clip:text;color:var(--business-text-primary);font-size:2.5rem;font-weight:700}.how-it-works .hero .hero-stats .stat .label{color:var(--business-text-secondary);font-weight:500;margin-top:.5rem}.how-it-works .features{margin-bottom:6rem}.how-it-works .features h3{color:var(--business-text-primary);display:inline-block;font-size:2rem;left:50%;margin-bottom:3rem;position:relative;text-align:center;transform:translateX(-50%)}.how-it-works .features h3:after{background:#017bfe;background:var(--primary-color);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;right:0}.how-it-works .features .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.how-it-works .features .feature-card{background:var(--business-bg-secondary);border:1px solid var(--business-border-color);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.how-it-works .features .feature-card:before{background:#017bfe;background:var(--primary-color);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.how-it-works .features .feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.how-it-works .features .feature-card:hover:before{transform:scaleX(1)}.how-it-works .features .feature-card .feature-icon{font-size:2.5rem;margin-bottom:1.5rem}.how-it-works .features .feature-card .feature-icon.primary{color:#017bfe;color:var(--primary-color)}.how-it-works .features .feature-card .feature-icon.success{color:var(--success-color)}.how-it-works .features .feature-card .feature-icon.warning{color:var(--warning-color)}.how-it-works .features .feature-card .feature-icon.info{color:var(--info-color)}.how-it-works .features .feature-card h4{color:var(--business-text-primary);font-size:1.25rem;margin-bottom:1rem}.how-it-works .features .feature-card p{color:var(--business-text-secondary);line-height:1.6}.how-it-works .workflow{background:var(--business-bg-secondary);border-radius:20px;overflow:hidden;position:relative}.how-it-works .workflow:before{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1) 0,rgba(var(--success-color-rgb),.1) 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.how-it-works .workflow h3{color:var(--business-text-primary);font-size:2rem;margin-bottom:4rem;position:relative;text-align:center}.how-it-works .workflow .workflow-steps{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;position:relative}.how-it-works .workflow .workflow-steps:before{background:#017bfe;background:var(--primary-color);content:"";height:2px;left:10%;opacity:.2;position:absolute;right:10%;top:40px}.how-it-works .workflow .workflow-step{flex:1 1;min-width:200px;position:relative;text-align:center;z-index:1}.how-it-works .workflow .workflow-step .step-number{align-items:center;background:var(--business-bg-primary);border:2px solid #017bfe;border:2px solid var(--primary-color);border-radius:50%;color:#017bfe;color:var(--primary-color);display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;position:relative;transition:all .3s ease;width:80px}.how-it-works .workflow .workflow-step .step-number .step-icon{font-size:1.5rem;opacity:0;position:absolute;transform:scale(.5);transition:all .3s ease}.how-it-works .workflow .workflow-step .step-number span{transition:all .3s ease}.how-it-works .workflow .workflow-step .step-number:hover{background:#017bfe;background:var(--primary-color);color:#fff;transform:scale(1.1)}.how-it-works .workflow .workflow-step .step-number:hover .step-icon{opacity:1;transform:scale(1)}.how-it-works .workflow .workflow-step .step-number:hover span{opacity:0;transform:scale(.5)}.how-it-works .workflow .workflow-step h4{color:var(--business-text-primary);font-size:1.25rem;margin-bottom:.5rem}.how-it-works .workflow .workflow-step p{color:var(--business-text-secondary);font-size:.9rem}.how-it-works .device-support{margin:6rem auto;max-width:1400px}.how-it-works .device-support .devices-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);padding:.5rem}.how-it-works .device-support h3{color:var(--business-text-primary);display:inline-block;font-size:2rem;left:50%;margin-bottom:3rem;position:relative;text-align:center;transform:translateX(-50%)}.how-it-works .device-support .device-card{background:var(--business-bg-secondary);border:1px solid var(--business-border-color);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.how-it-works .device-support .device-card:before{background:#017bfe;background:var(--primary-color);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.how-it-works .device-support .device-card.active,.how-it-works .device-support .device-card:hover{border-color:#017bfe;border-color:var(--primary-color);box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.how-it-works .device-support .device-card.active:before,.how-it-works .device-support .device-card:hover:before{opacity:1}.how-it-works .device-support .device-card.active .card-header svg,.how-it-works .device-support .device-card:hover .card-header svg{color:#017bfe;color:var(--primary-color);transform:scale(1.1) rotate(10deg)}.how-it-works .device-support .device-card .card-header{align-items:center;border-bottom:1px solid var(--business-border-color);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.how-it-works .device-support .device-card .card-header svg{color:var(--business-text-secondary);font-size:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.how-it-works .device-support .device-card .card-header h4{color:var(--business-text-primary);font-size:1.25rem;margin:0}.how-it-works .device-support .device-card .features-list{font-size:.95rem;list-style:none;margin:0 0 auto;padding:0}.how-it-works .device-support .device-card .features-list li{align-items:center;border-radius:8px;color:var(--business-text-secondary);display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.how-it-works .device-support .device-card .features-list li:hover{background:var(--business-bg-tertiary);transform:translateX(8px)}.how-it-works .device-support .device-card .features-list li .check-icon{color:var(--success-color);flex-shrink:0;font-size:1rem}.how-it-works .device-support .device-card .device-stats{grid-gap:1rem;border-top:1px solid var(--business-border-color);display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:1rem}.how-it-works .device-support .device-card .device-stats .stat{text-align:center}.how-it-works .device-support .device-card .device-stats .stat .icon{color:#017bfe;color:var(--primary-color);font-size:1.25rem;margin-bottom:.5rem}.how-it-works .device-support .device-card .device-stats .stat span{color:var(--business-text-primary);display:block;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.how-it-works .device-support .device-card .device-stats .stat label{color:var(--business-text-secondary);font-size:.875rem}@media(max-width:1200px){.how-it-works .device-support .devices-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.how-it-works .device-support .devices-grid{gap:2rem;grid-template-columns:1fr}.how-it-works,.how-it-works .hero{padding:2rem 1rem}.how-it-works .hero h2{font-size:2rem}.how-it-works .hero .hero-stats{grid-template-columns:1fr}.how-it-works .workflow{padding:2rem 1rem}.how-it-works .workflow .workflow-steps{align-items:center;flex-direction:column}.how-it-works .workflow .workflow-steps:before{display:none}.how-it-works .workflow .workflow-step{max-width:300px;width:100%}}.tabs-menuRevamp{--block-text-max-width:650px;--component-start-width:100%;--element-start-margin-inline:auto;--section-flex-direction:column;--text-color:var(--tabs-text-primary);margin:6rem auto;max-width:1200px;position:relative}.tabs-menuRevamp:before{background:radial-gradient(circle,#136ef81a 0,#136ef800 70%);height:300px;right:-150px;top:-100px;width:300px}.tabs-menuRevamp:after,.tabs-menuRevamp:before{border-radius:50%;content:"";position:absolute;z-index:-1}.tabs-menuRevamp:after{background:radial-gradient(circle,#136ef814 0,#136ef800 70%);bottom:-100px;height:250px;left:-150px;width:250px}@media screen and (max-width:767px){.tabs-menuRevamp{--block-text-align:center;--headings-text-align:center;--split-section-end-display:none;margin:3rem auto;padding:0 1rem}.tabs-menuRevamp:after,.tabs-menuRevamp:before{display:none}.tabs-menuRevamp .component-start .block .title{font-size:2rem;line-height:1.2;margin-bottom:1rem}.tabs-menuRevamp .component-start .block .title:after{height:30px;right:-25px;top:-10px;transform:scale(.8);width:30px}.tabs-menuRevamp .component-start .block .text{font-size:1rem;line-height:1.5;margin-bottom:2rem;max-width:100%}}@media screen and (min-width:768px){.tabs-menuRevamp{--component-start-margin-inline:auto;--component-start-text-align:center}}.tabs-menuRevamp .component-start:has(.block){--tabs-menu-revamp-margin-block:var(--element-space-s) var(--element-space-m)}.tabs-menuRevamp .component-start .block{--block-text-margin-inline:auto}.tabs-menuRevamp.tabs-mobile{--split-section-grid-template-columns:auto;--block-headings-align-items:center}@media screen and (min-width:768px)and (max-width:1123px){.tabs-menuRevamp.tabs-mobile .split-sections .split-section{--split-section-row-gap:0}}@media screen and (max-width:767px){.tabs-menuRevamp.tabs-mobile .tab-list{--tabs-menu-revamp-margin-block:var(--element-space-s) var(--element-space-m)}.tabs-menuRevamp.tabs-mobile .tab-list,.tabs-menuRevamp.tabs-mobile .tab-trigger .tab-trigger-btn{display:flex}.tabs-menuRevamp.tabs-mobile .tabs-navigation{display:none}.tabs-menuRevamp.tabs-mobile .split-sections .split-section{--split-section-row-gap:0}}.tabs-menuRevamp.tabs-mobile .block .text,.tabs-menuRevamp.tabs-mobile .block .title{text-align:center}.tabs-menuRevamp .split-sections{--section-margin-block:0;margin-bottom:2rem}.tabs-menuRevamp .split-sections .split-section{--block-text-margin-inline:0;--element-start-text-align:start;--element-start-width:100%;--media-object-max-height:450px}.tabs-menuRevamp .split-sections .split-section .start{--title-font-family:Circular,Arial,Helvetica,sans-serif;--title-font-size:clamp(28px,6vw,38px);--title-font-weight:700}.tabs-menuRevamp .split-sections .split-section .block .heading{align-items:center;display:flex;justify-content:center}.tabs-menuRevamp .split-sections .split-section .block .heading .title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--tabs-gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0a2540;color:var(--tabs-primary);display:inline-block;letter-spacing:-.02em;margin-bottom:1.5rem;position:relative;text-shadow:0 2px 10px #136ef81a}.tabs-menuRevamp .split-sections .split-section .block .heading .title:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20 0 5.8 14.2L40 20l-14.2 5.8L20 40l-5.8-14.2L0 20l14.2-5.8L20 0Z' fill='%23136ef8' fill-opacity='.1'/%3E%3C/svg%3E");content:"";height:40px;position:absolute;right:-50px;top:-15px;width:40px}.tabs-menuRevamp .split-sections .split-section .block .heading .text{color:#4a5568;color:var(--tabs-text-secondary);font-size:20px;font-weight:400;line-height:1.5;margin:0 auto;max-width:600px;opacity:.95}@media screen and (max-width:767px),screen and (min-width:768px)and (max-width:1123px){.tabs-menuRevamp .split-sections{--element-start-text-align:start}}.tabs-menuRevamp .tab-list{align-items:center;display:flex;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:500px;padding-bottom:1px;position:relative;width:100%;z-index:2}.tabs-menuRevamp .tab-list:after{background-color:#cbd2e14d;background-color:rgba(var(--tabs-border-rgb,203,210,225),.3);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}@media(max-width:767px){.tabs-menuRevamp .tab-list{justify-content:center;margin-bottom:2rem;max-width:100%;padding-bottom:.5rem}.tabs-menuRevamp .tab-list::-webkit-scrollbar{display:none}}.tabs-menuRevamp .tab-trigger{cursor:pointer;margin:0 1.5rem;padding:0;position:relative;transition:all .3s ease}@media(max-width:767px){.tabs-menuRevamp .tab-trigger{margin:0 1rem}}.tabs-menuRevamp .tab-trigger.js-active .tab-trigger-btn{color:#017bfe;color:var(--primary-color);font-weight:600}.tabs-menuRevamp .tab-trigger.js-active .tab-trigger-btn:after{opacity:1;transform:scaleX(1)}.tabs-menuRevamp .tab-trigger-btn{align-items:center;color:#4a5568;color:var(--tabs-text-secondary,#4a5568);display:flex;font-size:1.125rem;justify-content:center;padding-bottom:.75rem;position:relative;transition:all .3s ease;white-space:nowrap}@media(max-width:767px){.tabs-menuRevamp .tab-trigger-btn{font-size:1rem;padding-bottom:.5rem}}.tabs-menuRevamp .tab-trigger-btn:after{background-color:#017bfe;background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;transform:scaleX(0);transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1}.tabs-menuRevamp .tab-trigger-btn:hover{color:#017bfe;color:var(--primary-color)}.tabs-menuRevamp .tab-trigger-btn:hover:after{opacity:.5;transform:scaleX(.5)}.tabs-menuRevamp .tab-trigger-btn .tab-label{font-size:1.5rem;font-weight:500;position:relative}.tabs-menuRevamp .ripple-effect{display:none}.tabs-menuRevamp .tab-icon{color:#6772e5;font-size:1.25rem;transition:transform .3s ease}.tabs-menuRevamp .tab-indicator{background-color:#6772e5;border-radius:.1875rem;bottom:0;height:.1875rem;left:0;opacity:0;position:absolute;transition:width .3s ease,opacity .3s ease;width:0}.tabs-menuRevamp .tabs{--wrapper-padding-inline:0;--section-padding-block:0;width:100%}.tabs-menuRevamp .tabs-navigation{-webkit-margin-before:50px;align-items:center;display:none;gap:30px;justify-content:center;margin-block-start:50px}.tabs-menuRevamp .tabs-navigation .nav-button{align-items:center;background-color:#f8f9fc;background-color:var(--tabs-light);border:none;border-radius:30px;box-shadow:0 4px 12px #0a254014;cursor:pointer;display:flex;height:50px;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--tabs-transition);width:56px}.tabs-menuRevamp .tabs-navigation .nav-button svg{transition:transform .3s ease}.tabs-menuRevamp .tabs-navigation .nav-button:hover{background-color:#d9e8fe;background-color:var(--tabs-accent);box-shadow:0 6px 15px #136ef826;transform:translateY(-2px)}.tabs-menuRevamp .tabs-navigation .nav-button:hover svg{transform:scale(1.1)}.tabs-menuRevamp .tabs-navigation .nav-button:active{transform:translateY(0)}@media screen and (max-width:767px){.tabs-menuRevamp .tabs-navigation{-webkit-margin-before:30px;display:flex;gap:20px;margin-block-start:30px}.tabs-menuRevamp .tabs-navigation .nav-button{background-color:#fff;border-radius:24px;box-shadow:0 4px 12px #0a25401a;height:42px;width:48px}.tabs-menuRevamp .tabs-navigation .nav-button svg{height:16px;width:22px}.tabs-menuRevamp .tabs-navigation .nav-button svg path{stroke-width:1.5}.tabs-menuRevamp .tabs-navigation .nav-button:hover{transform:translateY(-2px)}.tabs-menuRevamp .tabs-navigation .nav-button:active{background-color:#017bfe;background-color:var(--primary-color);transform:translateY(0)}.tabs-menuRevamp .tabs-navigation .nav-button:active svg path{stroke:#fff}}.tabs-menuRevamp .element-container{background-color:#f8f9fc;background-color:var(--tabs-light);border-radius:var(--element-container-border-radius);box-shadow:0 10px 30px #0a254014;box-shadow:var(--tabs-shadow);display:flex;gap:50px;justify-content:space-between;margin-block:var(--element-container-margin-block);opacity:0;overflow:hidden;padding:var(--element-container-padding);position:relative;transform:translateY(40px);transition:opacity .5s ease,transform .5s ease;width:100%}.tabs-menuRevamp .element-container .decorative-dots{height:120px;opacity:.3;position:absolute;width:120px;z-index:0}.tabs-menuRevamp .element-container .decorative-dots.top-right{right:40px;top:40px}.tabs-menuRevamp .element-container .decorative-dots.bottom-left,.tabs-menuRevamp .element-container .decorative-dots.top-right{background-image:radial-gradient(circle,#136ef8 1px,#0000 0);background-image:radial-gradient(circle,var(--tabs-secondary) 1px,#0000 1px);background-size:15px 15px}.tabs-menuRevamp .element-container .decorative-dots.bottom-left{bottom:40px;left:40px;transform:rotate(45deg)}.tabs-menuRevamp .element-container:before{background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--tabs-gradient-primary);content:"";height:6px;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:1}.tabs-menuRevamp .element-container:after{background:linear-gradient(135deg,#f8f9fc,#edf2ff);background:var(--tabs-gradient-secondary);bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:0}.js-active .tabs-menuRevamp .element-container,.tabs-menuRevamp .element-container.visible{opacity:1;transform:translateY(0)}@media screen and (max-width:767px){.tabs-menuRevamp .element-container{border-radius:20px;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:1.5rem 1rem}.tabs-menuRevamp .element-container .decorative-dots{display:none}}@media screen and (min-width:768px)and (max-width:1123px){.tabs-menuRevamp .element-container{--element-container-padding:50px}}@media screen and (min-width:768px){.tabs-menuRevamp .element-container{--element-container-border-radius:30px}}@media screen and (min-width:1124px){.tabs-menuRevamp .element-container{--element-container-margin-block:70px 0;--element-container-padding:60px}}.tabs-menuRevamp .element-container .element{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #cbd2e180;border-radius:20px;box-shadow:0 10px 30px #0a25400d;display:flex;flex-direction:column;opacity:0;padding:30px;position:relative;transform:translateY(30px);transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--tabs-transition);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease,border-color .3s ease;z-index:2}.tabs-menuRevamp .element-container .element .element-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--tabs-gradient-primary);border-radius:50%;box-shadow:0 5px 15px #136ef833;color:#fff;display:flex;height:40px;justify-content:center;left:30px;position:absolute;top:-15px;width:40px;z-index:3}.tabs-menuRevamp .element-container .element .element-badge svg{height:18px;width:18px}@media screen and (max-width:767px){.tabs-menuRevamp .element-container .element{margin-bottom:30px;padding:25px 20px}.tabs-menuRevamp .element-container .element:last-child{margin-bottom:0}.tabs-menuRevamp .element-container .element .element-badge{left:20px}}.tabs-menuRevamp .element-container .element:hover{border-color:#136ef833;box-shadow:0 15px 35px #136ef81a;transform:translateY(-8px)}.tabs-menuRevamp .element-container .element:hover .element-title:after{width:80px}.tabs-menuRevamp .element-container .element:hover .element-media img{transform:scale(1.03)}.tabs-menuRevamp .element-container .element:hover .media-badge{box-shadow:0 8px 20px #136ef833;transform:translateY(-5px)}.tabs-menuRevamp .element-container .element .element-title{-webkit-margin-after:28px;color:#0a2540;color:var(--tabs-primary);font-family:Circular,Arial,Helvetica,sans-serif;font-family:var(--font-primary,Circular,Arial,Helvetica,sans-serif);font-size:clamp(22px,4vw,24px);font-weight:600;letter-spacing:-.01em;margin:0;margin-block-end:28px;padding-bottom:15px;position:relative;text-align:left;z-index:2}.tabs-menuRevamp .element-container .element .element-title:after{background-color:#136ef8;background-color:var(--tabs-secondary);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .4s ease;width:50px}.tabs-menuRevamp .element-container .element .element-list{-webkit-margin-after:47px;display:flex;flex:1 1;flex-direction:column;gap:18px;list-style:none;margin-block-end:47px;padding:0;position:relative;z-index:2}@media screen and (max-width:767px){.tabs-menuRevamp .element-container .element .element-list{-webkit-margin-after:30px;margin-block-end:30px}}.tabs-menuRevamp .element-container .element .element-list .item{align-items:flex-start;background-color:#ffffff80;border-radius:8px;display:flex;gap:15px;opacity:0;padding:8px 12px;position:relative;transform:translateX(20px);transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--tabs-transition);transition:opacity .5s ease,transform .5s ease,background-color .3s ease,box-shadow .3s ease;z-index:2}.tabs-menuRevamp .element-container .element .element-list .item:hover{background-color:#ffffffe6;box-shadow:0 5px 15px #0a25400d;transform:translateX(8px)}.tabs-menuRevamp .element-container .element .element-list .item .icon-check{color:#136ef8;color:var(--tabs-secondary);filter:drop-shadow(0 2px 3px rgba(19,110,248,.2));flex-shrink:0;height:19px;margin-top:2px;width:24px}.tabs-menuRevamp .element-container .element .element-list .item .list-text{color:#4a5568;color:var(--tabs-text-secondary);font-family:Circular,Arial,Helvetica,sans-serif;font-family:var(--font-primary,Circular,Arial,Helvetica,sans-serif);font-size:17px;line-height:1.5;margin:0;text-align:left}.tabs-menuRevamp .element-container .element .element-list .item .list-text a{color:#136ef8;color:var(--tabs-secondary);font-size:14px;font-weight:500;text-decoration:underline;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--tabs-transition)}.tabs-menuRevamp .element-container .element .element-list .item .list-text a:hover{color:#0a2540;color:var(--tabs-primary);text-decoration:none}.tabs-menuRevamp .element-container .element .element-media{border-radius:16px;box-shadow:0 10px 30px #0a254014;box-shadow:var(--tabs-shadow);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--tabs-transition);width:100%;z-index:2}.tabs-menuRevamp .element-container .element .element-media .media-badge{background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--tabs-gradient-primary);border-radius:30px;box-shadow:0 4px 12px #136ef833;color:#fff;font-size:12px;font-weight:600;letter-spacing:.05em;padding:6px 12px;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--tabs-transition);z-index:3}.tabs-menuRevamp .element-container .element .element-media:after{background:linear-gradient(180deg,#fff0 80%,#136ef80d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tabs-menuRevamp .element-container .element .element-media:hover{box-shadow:0 20px 40px #136ef826;box-shadow:var(--tabs-shadow-hover)}.tabs-menuRevamp .element-container .element .element-media img{display:block;height:100%;max-width:100%;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}@media screen and (min-width:768px)and (max-width:1023px){.tabs-menuRevamp .split-sections .split-section .block .title{font-size:clamp(24px,4vw,34px)}.tabs-menuRevamp .split-sections .split-section .block .text{font-size:18px}.tabs-menuRevamp .element-container{gap:30px;padding:40px 30px}.tabs-menuRevamp .element-container .element{padding:25px}.tabs-menuRevamp .element-container .element .element-title{font-size:22px}.tabs-menuRevamp .element-container .element .element-list .item{padding:10px 15px}.tabs-menuRevamp .element-container .element .element-list .item .list-text{font-size:16px}}.tabs-menuRevamp .tab-list{justify-content:center}.tab,[data-tab]{display:none;position:relative;z-index:1}.tab .content,[data-tab] .content{animation-direction:normal;animation-duration:.4s;animation-fill-mode:forwards}.tab.js-active,[data-tab].js-active{display:block}.tab.js-active .content,[data-tab].js-active .content{animation-name:showMe}@keyframes showMe{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes subtle-pulse{0%{box-shadow:0 .5rem 1.5rem rgba(var(--primary-color-rgb),.3)}50%{box-shadow:0 .5rem 2rem rgba(var(--primary-color-rgb),.5)}to{box-shadow:0 .5rem 1.5rem rgba(var(--primary-color-rgb),.3)}}:root{--element-space-s:10px;--element-space-m:20px;--text-3:16px/1.5 "Circular",Arial,sans-serif;--text-3m:18px/1.5 "Circular",Arial,sans-serif;--font-primary:Circular,Arial,Helvetica,sans-serif}@media screen and (max-width:767px){.tab-list{-ms-overflow-style:none;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab-list:after{content:"";min-width:1rem}.tab-list:before{content:"";min-width:.5rem}.tab.js-active .content,[data-tab].js-active .content{animation-duration:.3s}.tab-trigger:focus-within .tab-trigger-btn{outline:2px solid rgba(var(--primary-color-rgb),.4);outline-offset:2px}.section.tabs-menuRevamp .tab .section.split-sections{margin-bottom:1rem}.element-media,.element-media img{border-radius:12px}.element:hover{transform:translateY(-4px)}.element-container .element{margin-bottom:1.5rem;padding:1.25rem}.element-container .element:last-child{margin-bottom:0}.element-container .element .element-title{font-size:1.25rem;margin-bottom:1.25rem;padding-bottom:.75rem}.element-container .element .element-title:after{height:3px;width:40px}.element-container .element .element-badge{height:32px;left:20px;top:-12px;width:32px}.element-container .element .element-badge svg{height:14px;width:14px}.element-container .element .element-list{gap:.75rem;margin-bottom:1.5rem}.element-container .element .element-list .item{padding:.625rem .875rem}.element-container .element .element-list .item .icon-check{height:16px;width:20px}.element-container .element .element-list .item .list-text{font-size:.9375rem;line-height:1.4}.element-container .element .element-media .media-badge{font-size:10px;padding:4px 10px;right:12px;top:12px}.element-container .element .element-media img{border-radius:12px}}@media screen and (max-width:767px){@keyframes showMe{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.tab-trigger{min-height:44px}.section.tabs-menuRevamp{padding-bottom:2rem}.tabs-navigation{position:relative;z-index:5}.tabs-navigation .nav-button{transition:all .3s ease}.tabs-navigation .nav-button:active{transform:scale(.95);transition:all .1s ease}.tab.js-active .element{transition-delay:.1s}}@media screen and (max-width:767px)and (orientation:landscape){.tabs-menuRevamp .element-container .element .element-list{margin-bottom:20px}.tabs-menuRevamp .element-container .element .element-media{max-height:180px}.tab-list{margin-bottom:1.5rem;padding:.5rem}}@media screen and (max-width:320px){.tabs-menuRevamp{padding:0 .75rem}.tabs-menuRevamp .tab-list{gap:.5rem}.tabs-menuRevamp .tab-trigger-btn{font-size:.8125rem;min-width:auto;padding:.625rem .875rem}.tabs-menuRevamp .tab-trigger-btn .tab-icon{font-size:.875rem}.tabs-menuRevamp .element-container{padding:1.25rem .875rem}.tabs-menuRevamp .element-container .element{padding:1rem}.tabs-menuRevamp .element-container .element .element-title{font-size:1.125rem}.tabs-menuRevamp .element-container .element .element-list .item .list-text{font-size:.875rem}}@media screen and (min-width:768px){.tabs-menuRevamp .tab.js-active .element-container .element:first-child{transition-delay:.1s}.tabs-menuRevamp .tab.js-active .element-container .element:nth-child(2){transition-delay:.25s}.tabs-menuRevamp .tab.js-active .element-container .element:nth-child(3){transition-delay:.4s}}:root{--guidelines-primary:#0a2540;--guidelines-secondary:#136ef8;--guidelines-accent:#d9e8fe;--guidelines-light:#f8f9fc;--guidelines-border:#cbd2e1;--guidelines-text-primary:#0a2540;--guidelines-text-secondary:#4a5568;--guidelines-shadow:0 10px 30px #0a254014;--guidelines-shadow-hover:0 20px 40px #136ef826;--guidelines-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);--guidelines-gradient-primary:linear-gradient(135deg,#136ef8,#00a0ff);--guidelines-gradient-secondary:linear-gradient(135deg,#f8f9fc,#edf2ff)}.guidelines{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border-radius:30px;color:#0a2540;color:var(--guidelines-text-primary);margin:0 auto;max-width:1200px;overflow:visible;padding:5rem 2rem;position:relative}.guidelines:after,.guidelines:before{border-radius:50%;content:"";position:absolute;z-index:0}.guidelines:before{background:radial-gradient(circle,#136ef81a 0,#136ef800 70%);height:300px;right:-150px;top:-100px;width:300px}.guidelines:after{background:radial-gradient(circle,#136ef814 0,#136ef800 70%);bottom:-100px;height:250px;left:-150px;width:250px}.guidelines h2{-webkit-text-fill-color:#0000;animation:fadeSlideUp .8s ease;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--guidelines-gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0a2540;color:var(--guidelines-primary);display:inline-block;font-size:2.5rem;left:50%;margin-bottom:1rem;position:relative;text-align:center;transform:translateX(-50%)}.guidelines h2:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20 0 5.8 14.2L40 20l-14.2 5.8L20 40l-5.8-14.2L0 20l14.2-5.8L20 0Z' fill='%23136ef8' fill-opacity='.1'/%3E%3C/svg%3E");content:"";height:40px;position:absolute;right:-50px;top:-15px;width:40px;z-index:1}.guidelines__container{margin:0 auto;max-width:1200px;overflow:visible;position:relative;z-index:1}.guidelines__header{animation:fadeSlideUp .8s ease;background:#f8f9fc;background:var(--guidelines-light);border-radius:20px;box-shadow:0 10px 30px #0a254014;box-shadow:var(--guidelines-shadow);margin-bottom:4rem;padding:3rem;position:relative;text-align:center}.guidelines__header:before{background:linear-gradient(90deg,#017bfe 0,var(--success-color) 33%,var(--warning-color) 66%,var(--error-color) 100%);background:linear-gradient(90deg,var(--primary-color) 0,var(--success-color) 33%,var(--warning-color) 66%,var(--error-color) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.guidelines__description{animation:fadeSlideUp .8s ease .2s backwards;color:#4a5568;color:var(--guidelines-text-secondary);font-size:1.2rem;line-height:1.6;margin:0 auto 2rem;max-width:700px;text-align:center}.guidelines__grid{grid-gap:30px;animation:fadeSlideUp .8s ease .4s backwards;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-bottom:3rem;position:relative}.guidelines__card{animation:fadeSlideUp .6s ease-out forwards;background-color:#fff;background-color:var(--background-primary,#fff);border:1px solid #cbd2e1;border:1px solid var(--guidelines-border);border-radius:16px;box-shadow:0 10px 30px #0a254014;box-shadow:var(--guidelines-shadow);display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;padding:1rem;position:relative;transform:translateY(30px);transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--guidelines-transition)}.guidelines__card:first-child{animation-delay:.1s}.guidelines__card:nth-child(2){animation-delay:.2s}.guidelines__card:nth-child(3){animation-delay:.3s}.guidelines__card:nth-child(4){animation-delay:.4s}.guidelines__card:before{background:#017bfe;background:var(--primary-color,#017bfe);height:4px;transform:scaleX(0);transition:transform .3s ease}.guidelines__card:after,.guidelines__card:before{content:"";left:0;position:absolute;right:0;top:0}.guidelines__card:after{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;opacity:0;transition:opacity .3s ease}.guidelines__card:hover{border-color:#017bfe;border-color:var(--primary-color);box-shadow:0 20px 40px #136ef826;box-shadow:var(--guidelines-shadow-hover);transform:translateY(-8px)}.guidelines__card:hover:before{transform:scaleX(1)}.guidelines__card:hover:after{opacity:1}.guidelines__card:hover .card-header svg{color:#017bfe;color:var(--primary-color);transform:scale(1.1) rotate(10deg)}.guidelines__card .card-header{align-items:center;border-bottom:1px solid #cbd2e1;border-bottom:1px solid var(--guidelines-border);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.guidelines__card .card-header svg{filter:drop-shadow(0 2px 5px rgba(19,110,248,.2));font-size:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.guidelines__card .card-header svg.primary{color:#017bfe;color:var(--primary-color)}.guidelines__card .card-header svg.success{color:var(--success-color)}.guidelines__card .card-header svg.warning{color:var(--warning-color)}.guidelines__card .card-header svg.info{color:var(--info-color)}.guidelines__card .card-header h3{color:#0a2540;color:var(--guidelines-text-primary);font-size:1.5rem;font-weight:600;margin:0;padding-bottom:15px;position:relative}.guidelines__card .card-header h3:after{background:#017bfe;background:var(--primary-color,#017bfe);border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s ease;width:40px}.guidelines__card p{color:#4a5568;color:var(--guidelines-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.guidelines__card .features-list{background:#f8f9fc80;border-radius:12px;font-size:.95rem;list-style:none;margin:0 0 auto;padding:0}.guidelines__card .features-list li{align-items:flex-start;animation:fadeSlideRight .5s ease-out forwards;border-radius:8px;display:flex;margin-bottom:12px;opacity:0;padding:8px 12px;position:relative;transition:all .3s ease}.guidelines__card .features-list li:first-child{animation-delay:.1s}.guidelines__card .features-list li:nth-child(2){animation-delay:.15s}.guidelines__card .features-list li:nth-child(3){animation-delay:.2s}.guidelines__card .features-list li:nth-child(4){animation-delay:.25s}.guidelines__card .features-list li:nth-child(5){animation-delay:.3s}.guidelines__card .features-list li:hover{background:#ffffffe6;box-shadow:0 5px 15px #0a25400d;transform:translateX(8px)}.guidelines__card .features-list li .check-icon{color:var(--success-color);filter:drop-shadow(0 2px 3px rgba(40,167,69,.2));flex-shrink:0;margin-right:1rem}@media(max-width:1200px){.guidelines__grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.guidelines{padding:4rem 1.5rem}.guidelines__header{padding:2rem 1.5rem}.guidelines__header h2{font-size:2.25rem}.guidelines__header h2:after{right:-30px;top:-10px;transform:scale(.8)}}@media(max-width:768px){.guidelines{border-radius:20px;padding:3rem 1rem}.guidelines:after,.guidelines:before{display:none}.guidelines__header{margin-bottom:2.5rem;padding:1.5rem 1rem}.guidelines__header h2{font-size:2rem}.guidelines__header h2:after{display:none}.guidelines h2{font-size:2rem}.guidelines__description{font-size:1rem}.guidelines__grid{gap:2rem;grid-template-columns:1fr}.guidelines__card{padding:1.5rem}.guidelines__card .card-header h3{font-size:1.25rem}.guidelines__card .card-header svg{font-size:2rem}.guidelines__card .features-list{padding:1.25rem}.guidelines__card .features-list li{padding:.625rem .875rem}}.blog{background:#fff;padding:5rem 0}.blog__container{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:0 1rem;width:100%}@media(max-width:768px){.blog__container{max-width:100%;padding:0 .75rem}}@media(max-width:480px){.blog__container{padding:0 .5rem}}.blog__title{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.blog__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.blog__card{background:#f8f9fa;border-radius:10px;overflow:hidden}.blog__card img{height:200px;object-fit:cover;width:100%}.blog__card-content{padding:1.5rem}.blog__card-content h3{color:#333;margin-bottom:1rem}.blog__card-content p{color:#666;line-height:1.6;margin-bottom:1rem}.blog__card-content .read-more{color:#017bfe;font-weight:500;text-decoration:none}.blog__card-content .read-more:hover{text-decoration:underline}.blog__view-all{display:flex;justify-content:center;margin-top:2rem}.blog__view-all-button{background-color:#017bfe;border-radius:5px;color:#fff;display:inline-block;font-weight:500;padding:.8rem 2rem;text-decoration:none;transition:background-color .3s ease}.blog__view-all-button:hover{background-color:#0162cb}:root{--pricing-primary:#0a2540;--pricing-secondary:#136ef8;--pricing-accent:#d9e8fe;--pricing-light:#f8f9fc;--pricing-border:#cbd2e1;--pricing-text-primary:#0a2540;--pricing-text-secondary:#4a5568;--pricing-shadow:0 10px 30px #0a254014;--pricing-shadow-hover:0 20px 40px #136ef826;--pricing-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);--pricing-gradient-primary:linear-gradient(135deg,#136ef8,#00a0ff);--pricing-gradient-secondary:linear-gradient(135deg,#f8f9fc,#edf2ff)}@keyframes fadeSlideUpSmall{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pricing{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border-radius:30px;color:#0a2540;color:var(--pricing-text-primary);margin:0 auto;max-width:1200px;overflow:visible;padding:5rem 2rem;position:relative}.pricing:after,.pricing:before{border-radius:50%;content:"";position:absolute;z-index:0}.pricing:before{background:radial-gradient(circle,#136ef81a 0,#136ef800 70%);height:300px;right:-150px;top:-100px;width:300px}.pricing:after{background:radial-gradient(circle,#136ef814 0,#136ef800 70%);bottom:-100px;height:250px;left:-150px;width:250px}.pricing__container{margin:0 auto;max-width:1200px;overflow:visible;position:relative;z-index:1}.pricing__header{animation:fadeSlideUp .8s ease;background:#f8f9fc;background:var(--pricing-light);border-radius:20px;box-shadow:0 10px 30px #0a254014;box-shadow:var(--pricing-shadow);margin-bottom:4rem;padding:3rem;position:relative;text-align:center}.pricing__header:before{background:linear-gradient(90deg,#017bfe 0,var(--success-color) 33%,var(--warning-color) 66%,var(--error-color) 100%);background:linear-gradient(90deg,var(--primary-color) 0,var(--success-color) 33%,var(--warning-color) 66%,var(--error-color) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.pricing__header h2{-webkit-text-fill-color:#0000;animation:fadeSlideUp .8s ease;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--pricing-gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0a2540;color:var(--pricing-primary);display:inline-block;font-size:2.5rem;margin-bottom:1rem;position:relative}.pricing__header h2:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20 0 5.8 14.2L40 20l-14.2 5.8L20 40l-5.8-14.2L0 20l14.2-5.8L20 0Z' fill='%23136ef8' fill-opacity='.1'/%3E%3C/svg%3E");content:"";height:40px;position:absolute;right:-50px;top:-15px;width:40px;z-index:1}.pricing__header p{animation:fadeSlideUp .8s ease .2s backwards;color:#4a5568;color:var(--pricing-text-secondary);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px}.pricing__cards-wrapper{overflow-x:visible;position:relative;width:100%}@media(max-width:992px){.pricing__cards-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:0 -1.5rem;overflow-x:auto;padding:0 1.5rem;scroll-behavior:smooth;scrollbar-width:none}.pricing__cards-wrapper::-webkit-scrollbar{display:none}}.pricing__cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px;position:relative}@media(max-width:992px){.pricing__cards{display:flex;flex-wrap:nowrap;gap:20px;padding-bottom:20px;width:auto}.pricing__cards:after{content:"";height:1px;min-width:20px}}.pricing__card{animation:fadeSlideUp .6s ease-out forwards;background-color:#fff;background-color:var(--background-primary,#fff);border:1px solid #cbd2e1;border:1px solid var(--pricing-border);border-radius:16px;box-shadow:0 10px 30px #0a254014;box-shadow:var(--pricing-shadow);display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;padding:2.5rem;position:relative;transform:translateY(30px);transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--pricing-transition)}@media(max-width:992px){.pricing__card{flex-shrink:0;height:auto;min-height:480px;min-width:280px;scroll-snap-align:center;width:280px}}@media(max-width:480px){.pricing__card{min-width:85%;width:85%}}.pricing__card:before{background:#017bfe;background:var(--primary-color,#017bfe);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.pricing__card:first-child{animation-delay:.1s}.pricing__card:nth-child(2){animation-delay:.2s}.pricing__card:nth-child(3){animation-delay:.3s}.pricing__card:after{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pricing__card:hover{box-shadow:0 20px 40px #136ef826;box-shadow:var(--pricing-shadow-hover);transform:translateY(-8px)}.pricing__card:hover:before{transform:scaleX(1)}.pricing__card:hover:after{opacity:1}.pricing__card--popular{border-color:#017bfe;border-color:var(--primary-color,#017bfe);box-shadow:0 10px 30px #136ef833}.pricing__card--popular:before{background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--pricing-gradient-primary);transform:scaleX(1)}@media(min-width:992px){.pricing__card--popular{transform:translateY(-15px) scale(1.05)}.pricing__card--popular:hover{transform:translateY(-20px) scale(1.05)}}.pricing__card--selected{border-color:#017bfe;border-color:var(--primary-color,#017bfe);box-shadow:0 15px 40px #136ef840}.pricing__card--selected:before{transform:scaleX(1)}.pricing__popular-tag{animation:pulse 2s infinite;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--pricing-gradient-primary);border-radius:20px;box-shadow:0 4px 10px #136ef84d;color:#fff;font-size:.75rem;font-weight:600;padding:8px 16px;position:absolute;right:30px;top:-12px;z-index:5}.pricing__card-header{margin-bottom:2rem;position:relative}.pricing__card-header .pricing__plan-title{color:#0a2540;color:var(--pricing-primary);font-size:1.75rem;font-weight:600;margin-bottom:1rem;padding-bottom:15px;position:relative}.pricing__card-header .pricing__plan-title:after{background:#017bfe;background:var(--primary-color,#017bfe);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .4s ease;width:40px}.pricing__card-header .pricing__plan-price{align-items:baseline;display:flex;margin-bottom:1rem}.pricing__card-header .pricing__plan-price .pricing__price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--pricing-gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0a2540;color:var(--pricing-primary);font-size:3rem;font-weight:700}.pricing__card-header .pricing__plan-price .pricing__period{color:#999;color:var(--text-tertiary,#999);font-size:1rem;margin-left:8px}.pricing__card-header .pricing__plan-description{color:#4a5568;color:var(--pricing-text-secondary);font-size:1rem;line-height:1.5}.pricing__card-body{background:#f8f9fc80;border-radius:12px;flex-grow:1;margin-bottom:1.5rem;padding:1.5rem}.pricing__features{list-style:none;margin:0;padding:0}.pricing__features li{align-items:flex-start;animation:fadeSlideRight .5s ease-out forwards;border-radius:8px;display:flex;margin-bottom:12px;opacity:0;padding:8px 12px;position:relative;transition:all .3s ease}.pricing__features li:hover{background:#ffffffe6;box-shadow:0 5px 15px #0a25400d;transform:translateX(8px)}.pricing__features li:first-child{animation-delay:.1s}.pricing__features li:nth-child(2){animation-delay:.15s}.pricing__features li:nth-child(3){animation-delay:.2s}.pricing__features li:nth-child(4){animation-delay:.25s}.pricing__features li:nth-child(5){animation-delay:.3s}.pricing__features li:nth-child(6){animation-delay:.35s}.pricing__features li:nth-child(7){animation-delay:.4s}.pricing__features li:nth-child(8){animation-delay:.45s}.pricing__features li .pricing__check-icon{color:#28a745;color:var(--success-color,#28a745);filter:drop-shadow(0 2px 3px rgba(40,167,69,.2));flex-shrink:0;margin-right:1rem}.pricing__features li span{color:#4a5568;color:var(--pricing-text-secondary);line-height:1.5}.pricing__card-footer{margin-top:auto;position:relative;z-index:2}.pricing__card-footer .pricing__button{border-radius:8px;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--pricing-transition);width:100%}.pricing__card-footer .pricing__button:after{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pricing__card-footer .pricing__button:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.pricing__card-footer .pricing__button:hover:after{opacity:1}.pricing__card-footer .pricing__button--popular{background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--pricing-gradient-primary);color:#fff}.pricing__card-footer .pricing__button--popular:hover{box-shadow:0 10px 25px #136ef84d}.pricing__error-container{animation:fadeSlideUp .5s ease-out forwards;margin:0 auto 30px;max-width:600px}.pricing__error{background-color:#dc35451a;border-radius:8px;box-shadow:0 5px 15px #dc35451a;color:#dc3545;color:var(--error-color,#dc3545);font-weight:500;padding:12px 16px;text-align:center}.pricing__login-container{animation:scaleIn .5s ease-out forwards;background-color:#fff;background-color:var(--background-primary,#fff);border:1px solid #cbd2e1;border:1px solid var(--pricing-border);border-radius:16px;box-shadow:0 10px 30px #0a254014;box-shadow:var(--pricing-shadow);margin:0 auto 60px;max-width:500px;padding:2.5rem;position:relative;scroll-margin-top:20px;text-align:center}.pricing__login-container:before{background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--pricing-gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.pricing__login-container h3{color:#0a2540;color:var(--pricing-primary);display:inline-block;font-size:1.75rem;margin-bottom:1rem;position:relative}.pricing__login-container p{color:#4a5568;color:var(--pricing-text-secondary);font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem}.pricing__login-actions{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.pricing__back-button{background:none;border:none;border-radius:4px;color:#017bfe;color:var(--primary-color,#017bfe);cursor:pointer;font-weight:500;overflow:hidden;padding:8px 16px;position:relative;transition:background-color .2s}.pricing__back-button:after{background-color:#017bfe;background-color:var(--primary-color,#017bfe);bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.pricing__back-button:hover{background-color:#136ef80d}.pricing__back-button:hover:after{width:80%}.pricing__enterprise{animation:fadeSlideUp .6s ease-out .6s forwards;background:#f8f9fc;background:var(--pricing-light);border-radius:16px;box-shadow:0 10px 30px #0a254014;box-shadow:var(--pricing-shadow);margin-left:auto;margin-right:auto;margin-top:40px;max-width:800px;opacity:0;padding:2rem;position:relative;text-align:center}.pricing__enterprise:before{background:linear-gradient(90deg,var(--warning-color) 0,#017bfe 100%);background:linear-gradient(90deg,var(--warning-color) 0,var(--primary-color) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.pricing__enterprise p{color:#4a5568;color:var(--pricing-text-secondary);font-size:1.125rem;margin:0}.pricing__enterprise a{color:#017bfe;color:var(--primary-color,#017bfe);font-weight:600;padding-bottom:2px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--pricing-transition)}.pricing__enterprise a:after{background-color:#017bfe;background-color:var(--primary-color,#017bfe);bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.pricing__enterprise a:hover{color:#0162cb}.pricing__enterprise a:hover:after{transform:scaleX(1);transform-origin:left}.pricing__security{align-items:center;color:#999;color:var(--text-tertiary,#999);display:flex;font-size:.875rem;gap:8px;justify-content:center;margin-top:1rem}.pricing__security .pricing__lock-icon{animation:pulse 3s infinite;color:#28a745;color:var(--success-color,#28a745)}.pricing .hidden{display:none}.pricing .visible{display:block}.pricing__scroll-indicator{color:#4a5568;color:var(--pricing-text-secondary);display:none;margin-bottom:30px;text-align:center}@media(max-width:992px){.pricing__scroll-indicator{animation:fadeIn .5s ease-out forwards;display:block;font-size:.9rem;opacity:.7}}.pricing__scroll-indicator svg{animation:fadeSlideUpSmall 1s ease-out infinite alternate;margin-left:5px}@media(max-width:992px){.pricing{padding:4rem 1.5rem}.pricing__header{padding:2rem 1.5rem}.pricing__header h2{font-size:2.25rem}.pricing__header h2:after{right:-30px;top:-10px;transform:scale(.8)}.pricing__card--popular{transform:translateY(0) scale(1)}.pricing__card--popular:hover{transform:translateY(-8px) scale(1)}.pricing__login-container{margin-bottom:3rem;padding:2rem 1.5rem}}@media(max-width:768px){.pricing{border-radius:20px;padding:3rem 1rem}.pricing__header{margin-bottom:2.5rem;padding:1.5rem 1rem}.pricing__header h2{font-size:2rem}.pricing__header h2:after{display:none}.pricing__header p{font-size:1rem}.pricing__card{padding:1.5rem}.pricing__card-header .pricing__plan-title{font-size:1.5rem}.pricing__card-header .pricing__plan-price .pricing__price{font-size:2.5rem}.pricing__card-body{padding:1.25rem}.pricing__enterprise{padding:1.5rem}.pricing__login-container{padding:1.5rem 1rem}.pricing__login-container h3{font-size:1.5rem}.pricing__security{flex-direction:column;text-align:center}}:root{--contact-primary:#0a2540;--contact-secondary:#136ef8;--contact-accent:#d9e8fe;--contact-light:#f8f9fc;--contact-border:#cbd2e1;--contact-text-primary:#0a2540;--contact-text-secondary:#4a5568;--contact-shadow:0 10px 30px #0a254014;--contact-shadow-hover:0 20px 40px #136ef826;--contact-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);--contact-gradient-primary:linear-gradient(135deg,#136ef8,#00a0ff);--contact-gradient-secondary:linear-gradient(135deg,#f8f9fc,#edf2ff)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #136ef866}70%{box-shadow:0 0 0 10px #136ef800}to{box-shadow:0 0 0 0 #136ef800}}.contact{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border-radius:30px;color:#0a2540;color:var(--contact-text-primary);margin:0 auto;max-width:1200px;overflow:visible;padding:5rem 2rem;position:relative}.contact:after,.contact:before{border-radius:50%;content:"";position:absolute;z-index:0}.contact:before{background:radial-gradient(circle,#136ef81a 0,#136ef800 70%);height:300px;right:-150px;top:-100px;width:300px}.contact:after{background:radial-gradient(circle,#136ef814 0,#136ef800 70%);bottom:-100px;height:250px;left:-150px;width:250px}.contact__container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px;overflow:visible;position:relative;z-index:1}@media(min-width:768px){.contact__container{grid-template-columns:1fr 1fr}}.contact__header{margin-bottom:4rem;text-align:center}.contact__header,.contact__header h2{animation:fadeSlideUp .8s ease;position:relative}.contact__header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--contact-gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0a2540;color:var(--contact-primary);display:inline-block;font-size:2.5rem;margin-bottom:1rem}.contact__header h2:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20 0 5.8 14.2L40 20l-14.2 5.8L20 40l-5.8-14.2L0 20l14.2-5.8L20 0Z' fill='%23136ef8' fill-opacity='.1'/%3E%3C/svg%3E");content:"";height:40px;position:absolute;right:-50px;top:-15px;width:40px;z-index:1}.contact__header p{animation:fadeSlideUp .8s ease .2s backwards;color:#4a5568;color:var(--contact-text-secondary);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px}.contact__info{animation:fadeSlideUp .6s ease-out .1s forwards;opacity:0;position:relative;z-index:2}.contact__info h2{color:#0a2540;color:var(--contact-text-primary);display:inline-block;font-size:2.5rem;margin-bottom:1.5rem;position:relative}.contact__info h2:after{background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--contact-gradient-primary);border-radius:3px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.contact__info p{color:#4a5568;color:var(--contact-text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact__info__contact-methods{display:flex;flex-direction:column;gap:1.5rem;margin-top:2.5rem}.contact__info__contact-methods .contact-method{align-items:center;animation:fadeSlideRight .5s ease-out forwards;background:#f8f9fc;background:var(--contact-light);border:1px solid #cbd2e1;border:1px solid var(--contact-border);border-radius:12px;box-shadow:0 10px 30px #0a254014;box-shadow:var(--contact-shadow);display:flex;gap:1rem;opacity:0;padding:1rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--contact-transition)}.contact__info__contact-methods .contact-method:first-child{animation-delay:.2s}.contact__info__contact-methods .contact-method:nth-child(2){animation-delay:.3s}.contact__info__contact-methods .contact-method:nth-child(3){animation-delay:.4s}.contact__info__contact-methods .contact-method:hover{border-color:#136ef8;border-color:var(--contact-secondary);box-shadow:0 20px 40px #136ef826;box-shadow:var(--contact-shadow-hover);transform:translateX(8px)}.contact__info__contact-methods .contact-method .icon{align-items:center;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--contact-gradient-primary);border-radius:50%;color:#fff;display:flex;filter:drop-shadow(0 4px 8px rgba(19,110,248,.3));flex-shrink:0;height:40px;justify-content:center;width:40px}.contact__info__contact-methods .contact-method .details h4{color:#0a2540;color:var(--contact-text-primary);font-size:1.1rem;margin:0 0 .25rem}.contact__info__contact-methods .contact-method .details p{color:#4a5568;color:var(--contact-text-secondary);font-size:.95rem;margin:0}.contact__form{animation:fadeSlideUp .6s ease-out .2s forwards;background:#fff;background:var(--background-primary,#fff);border:1px solid #cbd2e1;border:1px solid var(--contact-border);border-radius:16px;box-shadow:0 10px 30px #0a254014;box-shadow:var(--contact-shadow);opacity:0;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--contact-transition)}.contact__form:before{background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--contact-gradient-primary);height:4px;z-index:1}.contact__form:after,.contact__form:before{content:"";left:0;position:absolute;right:0;top:0}.contact__form:after{background:linear-gradient(135deg,#f8f9fc,#edf2ff);background:var(--contact-gradient-secondary);bottom:0;opacity:.4;z-index:0}.contact__form .form-header{margin-bottom:2rem;position:relative;text-align:center;z-index:2}.contact__form .form-header h3{color:#0a2540;color:var(--contact-text-primary);font-size:1.5rem;margin-bottom:.5rem}.contact__form .form-header p{color:#4a5568;color:var(--contact-text-secondary);font-size:1rem}.contact__form .form-group{animation:fadeSlideUp .5s ease-out forwards;margin-bottom:1.5rem;opacity:0;position:relative;z-index:2}.contact__form .form-group:first-child{animation-delay:.3s}.contact__form .form-group:nth-child(2){animation-delay:.4s}.contact__form .form-group:nth-child(3){animation-delay:.5s}.contact__form .form-group:nth-child(4){animation-delay:.6s}.contact__form .form-group label{color:#0a2540;color:var(--contact-text-primary);display:block;font-weight:500;margin-bottom:.5rem}.contact__form .form-group input,.contact__form .form-group textarea{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #cbd2e1;border:1px solid var(--contact-border);border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--contact-transition);width:100%}.contact__form .form-group input:focus,.contact__form .form-group textarea:focus{border-color:#136ef8;border-color:var(--contact-secondary);box-shadow:0 0 0 3px #136ef826;outline:none}.contact__form .form-group input:hover,.contact__form .form-group textarea:hover{border-color:#136ef8;border-color:var(--contact-secondary)}.contact__form .form-group textarea{min-height:120px;resize:vertical}.contact__form button{animation:fadeSlideUp .5s ease-out .7s forwards;background:linear-gradient(135deg,#136ef8,#00a0ff);background:var(--contact-gradient-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;opacity:0;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--contact-transition);width:100%;z-index:2}.contact__form button:after{background:linear-gradient(135deg,#fff3,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.contact__form button:hover{box-shadow:0 10px 25px #136ef84d;transform:translateY(-3px)}.contact__form button:hover:after{opacity:1}.contact__form button:active{transform:translateY(-1px)}@media(max-width:1200px){.contact{padding:4rem 1.5rem}}@media(max-width:992px){.contact__header h2{font-size:2.25rem}.contact__header h2:after{right:-30px;top:-10px;transform:scale(.8)}.contact__header p{font-size:1.1rem}.contact__form{padding:2rem}}@media(max-width:768px){.contact{border-radius:20px;padding:3rem 1rem}.contact:after,.contact:before{display:none}.contact__header{margin-bottom:2.5rem}.contact__header h2{font-size:2rem}.contact__header h2:after{display:none}.contact__header p{font-size:1rem}.contact__info h2{font-size:2rem}.contact__info p{font-size:1rem}.contact__info__contact-methods .contact-method{padding:.875rem}.contact__info__contact-methods .contact-method .icon{height:36px;width:36px}.contact__info__contact-methods .contact-method .details h4{font-size:1rem}.contact__info__contact-methods .contact-method .details p{font-size:.875rem}.contact__form{padding:1.5rem}.contact__form .form-header{margin-bottom:1.5rem}.contact__form .form-header h3{font-size:1.25rem}.contact__form .form-group{margin-bottom:1.25rem}.contact__form .form-group label{font-size:.95rem}.contact__form .form-group input,.contact__form .form-group textarea{font-size:.95rem;padding:.75rem}.contact__form button{padding:.875rem}}.features-page .hero-section{background:linear-gradient(90deg,#017bfe08,#017bfe12);opacity:1;overflow:hidden;padding:5rem 0 3rem;position:relative}.features-page .hero-section .breadcrumb{color:var(--current-text-secondary);font-size:.9rem;margin-bottom:2rem;opacity:1;transform:translateY(0);transition:all .6s ease}.features-page .hero-section .breadcrumb.visible{opacity:1;transform:translateY(0)}.features-page .hero-section .breadcrumb a{color:var(--current-text-secondary);text-decoration:none}.features-page .hero-section .breadcrumb a:hover{color:#017bfe;color:var(--primary-color)}.features-page .hero-section .hero-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:768px){.features-page .hero-section .hero-content{grid-template-columns:1fr 1fr}}.features-page .hero-section .hero-text{opacity:1;transform:translateY(0);transition:all .6s ease;transition-delay:.2s}.features-page .hero-section .hero-text.visible{opacity:1;transform:translateY(0)}.features-page .hero-section .hero-text h1{color:var(--current-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}@media(min-width:992px){.features-page .hero-section .hero-text h1{font-size:3rem}}.features-page .hero-section .hero-text .subtitle{color:var(--current-text-secondary);font-size:1.25rem;margin-bottom:2rem;max-width:540px}.features-page .hero-section .hero-text .hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.features-page .hero-section .hero-text .hero-cta .button{align-items:center;border-radius:.5rem;display:inline-flex;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.features-page .hero-section .hero-text .hero-cta .button.primary{background-color:#017bfe;background-color:var(--primary-color);color:#fff}.features-page .hero-section .hero-text .hero-cta .button.primary:hover{background-color:#0062cc;box-shadow:0 4px 12px #017bfe33;transform:translateY(-2px)}.features-page .hero-section .hero-text .hero-cta .button.secondary{background-color:#0000;border:1px solid #017bfe;border:1px solid var(--primary-color);color:#017bfe;color:var(--primary-color)}.features-page .hero-section .hero-text .hero-cta .button.secondary:hover{background-color:#017bfe0d;transform:translateY(-2px)}.features-page .hero-section .hero-image{opacity:1;transform:translateY(0);transition:all .6s ease;transition-delay:.4s}.features-page .hero-section .hero-image.visible{opacity:1;transform:translateY(0)}.features-page .hero-section .hero-image img{display:block;height:auto;margin:0 auto;max-width:100%}.features-page .container{margin:0 auto;max-width:1200px;width:90%}.features-page section{padding:1rem 0}.features-page .section-header{margin:0 auto 3rem;max-width:800px;text-align:center}.features-page .section-header h2{color:var(--current-text-primary);display:inline-block;font-size:2rem;margin-bottom:1rem;position:relative}.features-page .section-header h2:after{background-color:#017bfe;background-color:var(--primary-color);border-radius:1.5px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.features-page .section-header p{color:var(--current-text-secondary);font-size:1.125rem}.features-page .key-features{background-color:var(--current-bg-secondary)}.features-page .key-features .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.features-page .key-features .features-grid .feature-card{background:var(--current-bg-primary);border:1px solid var(--current-border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;padding:2rem;transition:all .3s ease}.features-page .key-features .features-grid .feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.features-page .key-features .features-grid .feature-card .feature-icon{font-size:2.5rem;margin-bottom:1.5rem}.features-page .key-features .features-grid .feature-card .feature-icon.primary{color:#017bfe;color:var(--primary-color)}.features-page .key-features .features-grid .feature-card .feature-icon.success{color:var(--success-color)}.features-page .key-features .features-grid .feature-card .feature-icon.warning{color:var(--warning-color)}.features-page .key-features .features-grid .feature-card .feature-icon.info{color:var(--info-color)}.features-page .key-features .features-grid .feature-card h3{color:var(--current-text-primary);font-size:1.25rem;margin-bottom:1rem}.features-page .key-features .features-grid .feature-card p{color:var(--current-text-secondary);line-height:1.6;margin-top:auto}.features-page .feature-categories .categories-wrapper{display:flex;flex-direction:column;gap:5rem}.features-page .feature-categories .category-section{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:768px){.features-page .feature-categories .category-section{grid-template-columns:1fr 1fr}.features-page .feature-categories .category-section.reverse .category-content{order:2}.features-page .feature-categories .category-section.reverse .category-image{order:1}}.features-page .feature-categories .category-section .category-content{opacity:0;transform:translateX(-20px);transition:all .6s ease}.features-page .feature-categories .category-section .category-content.visible{opacity:1;transform:translateX(0)}.features-page .feature-categories .category-section .category-content h3{color:var(--current-text-primary);font-size:1.75rem;margin-bottom:1rem}.features-page .feature-categories .category-section .category-content .category-description{color:var(--current-text-secondary);font-size:1.125rem;margin-bottom:2rem}.features-page .feature-categories .category-section .category-content .feature-list{list-style:none;padding:0}.features-page .feature-categories .category-section .category-content .feature-list li{align-items:flex-start;display:flex;margin-bottom:1rem}.features-page .feature-categories .category-section .category-content .feature-list li .check-icon{color:var(--success-color);flex-shrink:0;margin-right:.75rem;margin-top:.25rem}.features-page .feature-categories .category-section .category-content .feature-list li span{color:var(--current-text-primary)}.features-page .feature-categories .category-section .category-image{opacity:0;transform:translateX(20px);transition:all .6s ease}.features-page .feature-categories .category-section .category-image.visible{opacity:1;transform:translateX(0)}.features-page .feature-categories .category-section .category-image img{border-radius:8px;box-shadow:var(--shadow-md);display:block;height:auto;margin:0 auto;max-width:100%}.features-page .compatibility-section{background-color:var(--current-bg-secondary)}.features-page .compatibility-section .compatibility-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.features-page .compatibility-section .compatibility-grid .compatibility-card{background:var(--current-bg-primary);border:1px solid var(--current-border-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;transition:all .3s ease}.features-page .compatibility-section .compatibility-grid .compatibility-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.features-page .compatibility-section .compatibility-grid .compatibility-card .device-icon{color:#017bfe;color:var(--primary-color);font-size:3rem;margin-bottom:1.5rem}.features-page .compatibility-section .compatibility-grid .compatibility-card h3{color:var(--current-text-primary);font-size:1.25rem;margin-bottom:1rem}.features-page .compatibility-section .compatibility-grid .compatibility-card p{color:var(--current-text-secondary);line-height:1.6}.features-page .cta{overflow:hidden;position:relative}.features-page .cta .container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:992px){.features-page .cta .container{align-items:center;grid-template-columns:1.2fr .8fr}}.features-page .cta .cta-content h2{color:var(--current-text-primary);font-size:2rem;font-weight:700;margin:0 0 1.5rem}@media(min-width:992px){.features-page .cta .cta-content h2{font-size:2.5rem}}.features-page .cta .cta-content p{color:var(--current-text-secondary);font-size:1.125rem;margin:0 0 2rem}.features-page .cta .cta-content .feature-list{list-style:none;margin-bottom:2rem}.features-page .cta .cta-content .feature-list li{align-items:center;color:var(--current-text-primary);display:flex;font-weight:500;margin-bottom:1rem}.features-page .cta .cta-content .feature-list li .check-icon{color:var(--success-color);margin-right:.75rem}.features-page .cta .cta-content .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem}.features-page .cta .cta-content .cta-buttons .button{align-items:center;border-radius:.5rem;display:inline-flex;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.features-page .cta .cta-content .cta-buttons .button.primary{background-color:#017bfe;background-color:var(--primary-color);color:#fff}.features-page .cta .cta-content .cta-buttons .button.primary:hover{background-color:#0062cc;box-shadow:0 4px 12px #017bfe33;transform:translateY(-2px)}.features-page .cta .cta-content .cta-buttons .button.secondary{background-color:#0000;border:1px solid #017bfe;border:1px solid var(--primary-color);color:#017bfe;color:var(--primary-color)}.features-page .cta .cta-content .cta-buttons .button.secondary:hover{background-color:#017bfe0d;transform:translateY(-2px)}.features-page .cta .cta-image img{border-radius:8px;box-shadow:var(--shadow-md);display:block;height:auto;margin:0 auto;max-width:100%}.features-page .animate-on-scroll{opacity:0;transform:translateY(20px);transition:all .6s ease}.features-page .animate-on-scroll.visible,.features-page .hero-section .animate-on-scroll{opacity:1;transform:translateY(0)}.dns-verification-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.dns-verification-container h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.dns-verification-container .token-info{background-color:#f5f7fb;border-left:4px solid #3498db;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.dns-verification-container .token-info p{margin-bottom:.5rem}.dns-verification-container .token-info .token-value{background-color:#e9f2fb;border:1px solid #c2d6eb;border-radius:4px;font-family:monospace;font-size:14px;margin-top:.5rem;padding:.75rem;word-break:break-all}.dns-verification-container .instructions{margin-bottom:2rem}.dns-verification-container .instructions h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.dns-verification-container .instructions ol{padding-left:1.5rem}.dns-verification-container .instructions ol li{margin-bottom:1rem}.dns-verification-container .dns-provider-links{background-color:#f8f9fa;border-radius:6px;margin-bottom:2rem;padding:1rem}.dns-verification-container .dns-provider-links h4{margin-bottom:.5rem}.dns-verification-container .dns-provider-links ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.dns-verification-container .dns-provider-links ul li a{background-color:#f1f1f1;border-radius:4px;color:#333;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.dns-verification-container .dns-provider-links ul li a:hover{background-color:#e6e6e6}.dns-verification-container .debug-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:2rem;padding:1rem}.dns-verification-container .debug-section h3{color:#495057;font-size:1.2rem;margin-bottom:1rem}.dns-verification-container .debug-section .txt-records-list{list-style:none;margin-bottom:1rem;padding:0}.dns-verification-container .debug-section .txt-records-list li{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;flex-wrap:wrap;font-family:monospace;font-size:14px;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;word-break:break-all}.dns-verification-container .debug-section .txt-records-list li.matching-record{background-color:#e6f7e6;border-color:#b8e0b8}.dns-verification-container .debug-section .txt-records-list li .badge{background-color:#28a745;border-radius:4px;color:#fff;font-size:12px;padding:.25rem .5rem;white-space:nowrap}.dns-verification-container .debug-section .verification-success-hint{align-items:flex-start;background-color:#d4edda;border-radius:4px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.dns-verification-container .debug-section .verification-success-hint .success-icon{color:#28a745;font-size:1.5rem;margin-top:.2rem}.dns-verification-container .debug-section .verification-hint{background-color:#fff3cd;border-radius:4px;margin-top:1rem;padding:1rem}.dns-verification-container .debug-section .verification-hint p{margin-bottom:.5rem}.dns-verification-container .debug-section .verification-hint ul{margin-bottom:.5rem;padding-left:1.5rem}.dns-verification-container .debug-section .no-records{background-color:#f8d7da;border-radius:4px;margin-top:1rem;padding:1rem}.dns-verification-container .debug-section .no-records p{margin-bottom:.5rem}.dns-verification-container .action-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.dns-verification-container .action-buttons button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s,transform .1s}.dns-verification-container .action-buttons button:disabled{cursor:not-allowed;opacity:.7}.dns-verification-container .action-buttons button:hover:not(:disabled){transform:translateY(-2px)}.dns-verification-container .action-buttons button:active:not(:disabled){transform:translateY(0)}.dns-verification-container .action-buttons .refresh-btn{background-color:#6c757d;color:#fff}.dns-verification-container .action-buttons .refresh-btn:hover:not(:disabled){background-color:#5a6268}.dns-verification-container .action-buttons .verify-btn{background-color:#28a745;color:#fff;padding:.75rem 2rem}.dns-verification-container .action-buttons .verify-btn:hover:not(:disabled){background-color:#218838}.dns-verification-container .action-buttons .verify-btn .spinner{animation:spin 1s linear infinite}.dns-verification-container .error-message{align-items:flex-start;background-color:#f8d7da;border-radius:4px;color:#721c24;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.dns-verification-container .error-message svg{margin-top:.2rem}.dns-verification-container .success-message{align-items:flex-start;background-color:#d4edda;border-radius:4px;color:#155724;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.dns-verification-container .success-message svg{margin-top:.2rem}.dns-verification-container .propagation-note{align-items:flex-start;background-color:#e2f0fb;border-left:4px solid #17a2b8;border-radius:4px;color:#0c5384;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.dns-verification-container .propagation-note svg{color:#17a2b8;margin-top:.2rem}.dns-verification-container .status-banner{align-items:flex-start;border-radius:6px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.dns-verification-container .status-banner .status-icon{font-size:1.5rem;margin-top:.2rem}.dns-verification-container .status-banner .status-content{flex:1 1}.dns-verification-container .status-banner .status-content h3{font-size:1.2rem;margin:0 0 .5rem}.dns-verification-container .status-banner .status-content p{line-height:1.4;margin:0}.dns-verification-container .status-banner.success{background-color:#d4edda;border-left:4px solid #28a745}.dns-verification-container .status-banner.success .status-icon{color:#28a745}.dns-verification-container .status-banner.success h3{color:#155724}.dns-verification-container .status-banner.error{background-color:#f8d7da;border-left:4px solid #dc3545}.dns-verification-container .status-banner.error .status-icon{color:#dc3545}.dns-verification-container .status-banner.error h3{color:#721c24}.dns-verification-container .status-banner.loading{background-color:#e2f3fd;border-left:4px solid #0d6efd}.dns-verification-container .status-banner.loading .status-icon{color:#0d6efd}.dns-verification-container .status-banner.loading .status-icon .spinner{animation:spin 1s linear infinite}.dns-verification-container .status-banner.loading h3{color:#0a58ca}.dns-verification-container .status-banner.ready{background-color:#d4edda;border-left:4px solid #28a745}.dns-verification-container .status-banner.ready .status-icon{color:#28a745}.dns-verification-container .status-banner.ready h3{color:#155724}.dns-verification-container .status-banner.pending{background-color:#fff3cd;border-left:4px solid #ffc107}.dns-verification-container .status-banner.pending .status-icon{color:#ffc107}.dns-verification-container .status-banner.pending h3{color:#856404}.dns-verification-container .status-banner.initial{background-color:#e2f0fb;border-left:4px solid #17a2b8}.dns-verification-container .status-banner.initial .status-icon{color:#17a2b8}.dns-verification-container .status-banner.initial h3{color:#0c5384}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.dns-verification-container{margin:1rem;padding:1.5rem}}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1001}.modal-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #eee;display:flex;justify-content:flex-end;padding:1rem}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem}.close-button:hover{background-color:#1a73e81a;color:#1a73e8}.modal-content{flex:1 1;max-height:calc(100vh - 24px);overflow-y:auto;padding:0}.modal-footer{border-top:1px solid #eee;display:flex;justify-content:center;padding:1rem 1.5rem}.help-button{background-color:#fff;border:1px solid #dadce0;border-radius:4px;color:#1a73e8;cursor:pointer;font-family:inherit;font-size:1rem;padding:.5rem 1rem;transition:all .2s ease}.help-button:hover{background-color:#f1f3f4;border-color:#1a73e8}@media(max-width:768px){.modal-container{max-height:95vh;width:95%}.modal-content{max-height:calc(95vh - 120px);padding:0 1rem}}.domain-input-container{margin-bottom:20px}.domain-input-container .domain-input-field{margin:15px 0}.domain-input-container .domain-input-field .domain-input{border:1px solid #d1d1d1;border-radius:4px;font-size:16px;max-width:400px;padding:12px 15px;transition:border-color .2s;width:100%}.domain-input-container .domain-input-field .domain-input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.domain-input-container .domain-help-text{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px}.domain-input-container .domain-help-text svg{color:#4285f4}.domain-info h2{align-items:center;display:flex;gap:10px}.domain-info h2 .edit-domain-button{align-items:center;background:none;border:none;color:#4285f4;cursor:pointer;display:flex;font-size:14px;gap:5px}.domain-info h2 .edit-domain-button:hover{text-decoration:underline}.primary-button{align-items:center;background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:.75rem 1.5rem;transition:background-color .2s}.primary-button:hover{background-color:#3367d6}.primary-button:disabled{background-color:#a2c1fa;cursor:not-allowed}.secondary-button{align-items:center;background-color:#f8f9fa;border:1px solid #dadce0;border-radius:4px;color:#4285f4;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:.5rem 1rem;transition:background-color .2s}.secondary-button:hover{background-color:#f1f3f4}.secondary-button:disabled{color:#9aa0a6;cursor:not-allowed}.verification-help{background-color:#f8f9fa;border-radius:4px;margin-top:20px;padding:15px}.verification-help p{align-items:center;display:flex;gap:8px;margin-bottom:10px}.verification-help p svg{color:#4285f4}.verification-help ul{margin-bottom:15px;margin-left:30px}.verification-help ul li{margin-bottom:5px}.verification-help .debug-section{border-top:1px solid #dadce0;margin-top:15px;padding-top:15px}.verification-help .debug-section .link-button{align-items:center;background:none;border:none;color:#4285f4;cursor:pointer;display:inline-flex;font-size:.9rem;gap:5px;padding:0;text-decoration:underline}.verification-help .debug-section .link-button:hover{color:#3367d6}.verification-help .debug-section .debug-info{background-color:#fff;border:1px solid #dadce0;border-radius:4px;margin-top:15px;padding:15px}.verification-help .debug-section .debug-info h4{font-size:1rem;margin-bottom:10px}.verification-help .debug-section .debug-info .loading-spinner.small{margin:10px 0;text-align:center}.verification-help .debug-section .debug-info .loading-spinner.small .spinner{font-size:1.2rem}.verification-help .debug-section .debug-info .txt-records-list p{margin-bottom:10px}.verification-help .debug-section .debug-info .txt-records-list ul{margin-bottom:15px;margin-left:0}.verification-help .debug-section .debug-info .txt-records-list ul .txt-record-item{background-color:#f1f3f4;border-radius:4px;font-family:monospace;margin-bottom:8px;padding:8px 12px;position:relative;word-break:break-all}.verification-help .debug-section .debug-info .txt-records-list ul .txt-record-item.exact-match{background-color:#e6f4ea;border-left:3px solid #34a853}.verification-help .debug-section .debug-info .txt-records-list ul .txt-record-item.partial-match{background-color:#fef7e0;border-left:3px solid #fbbc04}.verification-help .debug-section .debug-info .txt-records-list ul .txt-record-item code{display:block;white-space:pre-wrap}.verification-help .debug-section .debug-info .txt-records-list ul .txt-record-item .match-indicator{align-items:center;border-radius:12px;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;gap:5px;margin-top:5px;padding:3px 8px}.verification-help .debug-section .debug-info .txt-records-list ul .txt-record-item .match-indicator.exact{background-color:#d7edd7;color:#0d652d}.verification-help .debug-section .debug-info .txt-records-list ul .txt-record-item .match-indicator.partial{background-color:#fef7e0;color:#b06000}.verification-help .debug-section .debug-info .txt-records-list ul .txt-record-item .match-indicator svg{font-size:.7rem}.verification-help .debug-section .debug-info .txt-records-list .debug-help{font-size:.9rem;margin-bottom:15px}.verification-help .debug-section .debug-info .txt-records-list .debug-help code{background-color:#f1f3f4;border-radius:2px;font-family:monospace;padding:2px 4px}.verification-help .debug-section .debug-info .txt-records-list .debug-actions{display:flex;flex-direction:column;gap:15px}.verification-help .debug-section .debug-info .txt-records-list .debug-actions .verification-override{background-color:#fef7e0;border-left:3px solid #fbbc04;border-radius:4px;margin-top:10px;padding:15px}.verification-help .debug-section .debug-info .txt-records-list .debug-actions .verification-override p{align-items:flex-start;color:#b06000;display:flex;font-size:.9rem;gap:10px;margin-bottom:15px}.verification-help .debug-section .debug-info .txt-records-list .debug-actions .verification-override p svg{color:#fbbc04;margin-top:3px}.verification-help .debug-section .debug-info .txt-records-list .debug-actions .verification-override .primary-button{margin:0}.verification-help .debug-section .secondary-button.small{font-size:.8rem;padding:6px 12px}.dns-steps{counter-reset:step;margin:2rem 0}.dns-steps .step{border-left:2px dashed #e0e0e0;margin-left:1.5rem;padding-bottom:2rem;padding-left:3.5rem;position:relative}.dns-steps .step:last-child{border-left:none;padding-bottom:0}.dns-steps .step:before{background-color:#1890ff;border-radius:50%;box-shadow:0 2px 8px #1890ff4d;color:#fff;content:counter(step);counter-increment:step;font-size:1.25rem;font-weight:700;height:3rem;left:-1.5rem;line-height:3rem;position:absolute;text-align:center;top:0;width:3rem}.dns-steps .step h4{color:#1890ff;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.dns-steps .step p{color:#555;line-height:1.5;margin:0 0 1rem}.dns-steps .step p:last-child{margin-bottom:0}.dns-steps .step .help-providers{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.dns-steps .step .help-providers span{color:#666;font-size:.9rem}.dns-steps .step .help-providers .provider-link{background:none;border:1px solid #d9d9d9;border-radius:4px;color:#595959;cursor:pointer;font-size:.9rem;padding:.4rem .75rem;transition:all .2s}.dns-steps .step .help-providers .provider-link:hover{background-color:#f0f7ff;border-color:#1890ff;color:#1890ff}.dns-steps .step .verification-values{background-color:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1.25rem}.dns-steps .step .verification-values .dns-value-row{border-bottom:1px solid #eee;display:flex;padding:.75rem 0}.dns-steps .step .verification-values .dns-value-row:last-child{border-bottom:none}.dns-steps .step .verification-values .dns-value-row .label{color:#666;font-size:.9rem;font-weight:500;width:120px}.dns-steps .step .verification-values .dns-value-row .value{align-items:center;display:flex;flex:1 1;gap:.75rem}.dns-steps .step .verification-values .dns-value-row .value code{background-color:#f0f2f5;border-radius:4px;display:inline-block;font-family:monospace;font-size:.9rem;padding:.4rem .75rem}.dns-steps .step .verification-values .dns-value-row .value.txt-value{flex-wrap:wrap}.dns-steps .step .verification-values .dns-value-row .value.txt-value code{word-break:break-all}.dns-steps .step .verification-values .dns-value-row .value .copy-button{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#666;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.dns-steps .step .verification-values .dns-value-row .value .copy-button:hover{border-color:#1890ff;color:#1890ff}.dns-steps .step .verification-values .dns-note{background-color:#fff7e6;border-radius:6px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.dns-steps .step .verification-values .dns-note svg{color:#fa8c16;flex-shrink:0;margin-top:.2rem}.dns-steps .step .verification-values .dns-note p{color:#5a4823;font-size:.9rem;margin:0 0 .5rem}.dns-steps .step .verification-values .dns-note p:last-child{margin-bottom:0}.dns-steps .step .dns-propagation-tips{background-color:#e6f7ff;border-radius:6px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.dns-steps .step .dns-propagation-tips svg{color:#1890ff;flex-shrink:0;margin-top:.2rem}.dns-steps .step .dns-propagation-tips div p{color:#0d5c8c;font-size:.9rem;margin:0 0 .5rem}.dns-steps .step .dns-propagation-tips div p:last-child{margin-bottom:0}.dns-steps .step .verification-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.dns-steps .step .verification-actions .verify-button{align-items:center;background-color:#52c41a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:.75rem 1.5rem;transition:all .2s}.dns-steps .step .verification-actions .verify-button:hover:not(:disabled){background-color:#389e0d;box-shadow:0 2px 8px #52c41a4d;transform:translateY(-2px)}.dns-steps .step .verification-actions .verify-button:disabled{background-color:#b7eb8f;cursor:not-allowed}.dns-steps .step .verification-actions .verify-button .spinner{animation:spin 1s linear infinite}.dns-steps .step .verification-actions .debug-button{align-items:center;background-color:#f0f2f5;border:1px solid #d9d9d9;border-radius:6px;color:#595959;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1.5rem;transition:all .2s}.dns-steps .step .verification-actions .debug-button:hover:not(:disabled){background-color:#e6f7ff;border-color:#91d5ff;color:#1890ff}.dns-steps .step .verification-actions .debug-button:disabled{cursor:not-allowed;opacity:.6}.info-message{align-items:flex-start;background-color:#e6f7ff;border-left:4px solid #1890ff;border-radius:4px;color:#0c5384;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.info-message svg{color:#1890ff;margin-top:.2rem}.advanced-debug{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;padding:1.5rem}.advanced-debug h3{color:#333;font-size:1.3rem;margin-bottom:1rem;margin-top:0}.advanced-debug .debug-details .debug-section{margin-bottom:1.5rem}.advanced-debug .debug-details .debug-section h4{color:#1890ff;font-size:1.1rem;margin-bottom:1rem}.advanced-debug .debug-details .debug-section .debug-data{background-color:#212529;border-radius:4px;overflow-x:auto;padding:1rem}.advanced-debug .debug-details .debug-section .debug-data pre{color:#f8f9fa;font-family:Courier New,monospace;font-size:.85rem;margin:0;white-space:pre-wrap}.advanced-debug .debug-details .debug-section .token-comparison{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;padding:1rem}.advanced-debug .debug-details .debug-section .token-comparison .token-row{margin-bottom:1rem}.advanced-debug .debug-details .debug-section .token-comparison .token-row:last-child{margin-bottom:0}.advanced-debug .debug-details .debug-section .token-comparison .token-row .label{color:#495057;display:block;font-weight:700;margin-bottom:.5rem}.advanced-debug .debug-details .debug-section .token-comparison .token-row code{background-color:#f1f3f5;border-radius:4px;display:block;font-family:Courier New,monospace;margin-bottom:.5rem;padding:.5rem;position:relative;word-break:break-all}.advanced-debug .debug-details .debug-section .token-comparison .token-row code.matching{background-color:#e6f7e6;border:1px solid #b8e0b8}.advanced-debug .debug-details .debug-section .token-comparison .token-row code .match-indicator{color:#28a745;font-weight:700;position:absolute;right:.5rem;top:.5rem}.advanced-debug .debug-details .debug-section .token-comparison .token-row .token-list{display:flex;flex-direction:column;gap:.5rem}.advanced-debug .debug-details .debug-contact{align-items:center;background-color:#e6f7ff;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1rem}.advanced-debug .debug-details .debug-contact p{color:#0c5384;font-size:.9rem;margin:0}.advanced-debug .debug-details .debug-contact .close-debug-button{background-color:#f0f2f5;border:1px solid #d9d9d9;border-radius:4px;color:#595959;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.advanced-debug .debug-details .debug-contact .close-debug-button:hover{background-color:#e6e6e6;border-color:#bfbfbf}.dns-propagation-explanation{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;margin:1rem 0;padding:1rem}.dns-propagation-explanation h5{color:#555;font-size:.95rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.dns-propagation-explanation ul{margin:0;padding-left:1.5rem}.dns-propagation-explanation ul li{color:#666;font-size:.9rem;margin-bottom:.5rem}.dns-propagation-explanation ul li:last-child{margin-bottom:0}.verification-override{background-color:#fef7e0;border-left:3px solid #fbbc04;border-radius:6px;margin-top:10px;padding:15px}.verification-override p{align-items:flex-start;color:#b06000;display:flex;font-size:.9rem;gap:10px;margin-bottom:15px}.verification-override p svg{color:#fbbc04;flex-shrink:0;margin-top:3px}.verification-override p:last-of-type{margin-bottom:0}.verification-override .verification-note{color:#b06000;font-style:italic;margin-top:12px;opacity:.8}.verification-override .primary-button{margin:0}.verification-mismatch{background-color:#fff1f0;border-left:3px solid #ff4d4f;border-radius:6px;margin-top:15px;padding:15px}.verification-mismatch p{align-items:flex-start;color:#cf1322;display:flex;font-size:.9rem;gap:10px;margin-bottom:15px}.verification-mismatch p svg{color:#ff4d4f;flex-shrink:0;margin-top:3px}.verification-mismatch p:last-of-type{margin-bottom:0}.verification-mismatch .mismatch-explanation{background-color:#fff;border:1px solid #ffccc7;border-radius:6px;margin:1rem 0;padding:1rem}.verification-mismatch .mismatch-explanation h5{color:#555;font-size:.95rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.verification-mismatch .mismatch-explanation ul{margin:0;padding-left:1.5rem}.verification-mismatch .mismatch-explanation ul li{color:#666;font-size:.9rem;margin-bottom:.5rem}.verification-mismatch .mismatch-explanation ul li:last-child{margin-bottom:0}.verification-mismatch .mismatch-actions{margin-top:15px}.verification-mismatch .mismatch-actions .mismatch-instructions{display:flex;flex-direction:column;gap:6px;margin-top:12px}.verification-mismatch .mismatch-actions .mismatch-instructions small{color:#666;font-size:.85rem}.verification-method-selector{margin-bottom:2rem}.verification-method-selector h3{font-size:1.2rem;margin-bottom:1rem}.verification-method-selector .verification-methods{display:flex;flex-wrap:wrap;gap:1.5rem}@media(max-width:768px){.verification-method-selector .verification-methods{flex-direction:column;gap:1rem}}.verification-method-selector .method-button{align-items:center;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;max-width:350px;padding:1.5rem;transition:all .3s ease;width:100%}.verification-method-selector .method-button:hover{background:#f0f8ff;border-color:#007bff}.verification-method-selector .method-button.active{background:#f0f8ff;border-color:#007bff;box-shadow:0 2px 10px #007bff33}.verification-method-selector .method-button .method-icon{color:#007bff;flex-shrink:0;font-size:1.8rem;margin-right:1.2rem}.verification-method-selector .method-button .method-info{text-align:left}.verification-method-selector .method-button .method-info h4{font-size:1.1rem;margin:0 0 .5rem}.verification-method-selector .method-button .method-info p{color:#666;font-size:.9rem;margin:0}.email-verification .email-verification-steps .step{margin-bottom:2rem}.email-verification .email-verification-steps .step h4{margin-bottom:1rem}.email-verification .email-verification-steps .email-input-container{display:flex;margin-bottom:1rem}.email-verification .email-verification-steps .email-input-container .email-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1rem;padding:.75rem 1rem}.email-verification .email-verification-steps .email-input-container .email-input:disabled{background:#f5f5f5;color:#666}.email-verification .email-verification-steps .email-input-container .split-email-input{align-items:center;background:#fff;border:1px solid #ccc;border-radius:4px;display:flex;flex:1 1;overflow:hidden}.email-verification .email-verification-steps .email-input-container .split-email-input .email-username-input{border:none;flex:1 1;font-size:1rem;min-width:150px;padding:.75rem 1rem}.email-verification .email-verification-steps .email-input-container .split-email-input .email-username-input:focus{outline:none}.email-verification .email-verification-steps .email-input-container .split-email-input .email-username-input:disabled{background:#f5f5f5;color:#666}.email-verification .email-verification-steps .email-input-container .split-email-input .email-domain-part{background-color:#f5f5f5;border-left:1px solid #ddd;color:#333;font-weight:500;padding:.75rem 1rem;white-space:nowrap}.email-verification .email-verification-steps .email-input-container .email-display{background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;color:#333;flex:1 1;padding:.75rem 1rem}.email-verification .email-verification-steps .email-input-container .email-display .email-full{font-weight:500}.email-verification .email-verification-steps .email-input-container .send-code-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-left:.5rem;padding:.75rem 1.25rem}.email-verification .email-verification-steps .email-input-container .send-code-button:hover:not(:disabled){background:#0069d9}.email-verification .email-verification-steps .email-input-container .send-code-button:disabled{background:#b3d7ff;cursor:not-allowed}.email-verification .email-verification-steps .code-input-container{display:flex;margin-top:1rem}.email-verification .email-verification-steps .code-input-container .code-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1.2rem;letter-spacing:.2rem;max-width:200px;padding:.75rem 1rem;text-align:center}.email-verification .email-verification-steps .code-input-container .verify-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-left:.5rem;padding:.75rem 1.25rem}.email-verification .email-verification-steps .code-input-container .verify-button:hover:not(:disabled){background:#218838}.email-verification .email-verification-steps .code-input-container .verify-button:disabled{background:#a3d7a8;cursor:not-allowed}.email-verification .email-verification-steps .code-expiry{color:#ff6b6b;font-size:.9rem;margin-top:.5rem}.email-verification .email-verification-steps .email-validation-error{color:#dc3545;font-size:.9rem;margin-top:.5rem}.email-verification .email-verification-actions{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.email-verification .email-verification-actions p{margin-bottom:.5rem}.email-verification .email-verification-actions .link-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:.95rem;padding:0;text-decoration:underline}.email-verification .email-verification-actions .link-button:hover:not(:disabled){color:#0056b3}.email-verification .email-verification-actions .link-button:disabled{color:#b3d7ff;cursor:not-allowed}.email-verification .email-verification-actions .action-separator{color:#666;margin:0 .5rem}.email-verification .email-verification-actions .method-switch{border-top:1px dashed #eee;margin-top:1.5rem;padding-top:1rem}.email-verification .email-verification-actions .method-switch p{margin-bottom:.5rem}.email-verification .email-verification-actions .method-switch .switch-method-button{align-items:center;background:#0000;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;display:flex;font-size:.9rem;padding:.6rem 1rem}.email-verification .email-verification-actions .method-switch .switch-method-button svg{margin-left:.5rem}.email-verification .email-verification-actions .method-switch .switch-method-button:hover:not(:disabled){background:#f0f8ff}.email-verification .email-verification-actions .method-switch .switch-method-button:disabled{border-color:#b3d7ff;color:#b3d7ff;cursor:not-allowed}.email-help-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:2rem;padding:1.5rem}.email-help-section h3{color:#333;font-size:1.25rem;margin-bottom:1rem}.email-help-section .email-verification-faq{display:flex;flex-direction:column;gap:1.5rem}.email-help-section .email-verification-faq .faq-item h4{align-items:center;color:#0056b3;display:flex;font-size:1rem;gap:.5rem;margin-bottom:.75rem}.email-help-section .email-verification-faq .faq-item h4 svg{color:#0056b3;font-size:1.1rem}.email-help-section .email-verification-faq .faq-item p{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:.75rem}.email-help-section .email-verification-faq .faq-item ul{margin:.5rem 0 .75rem 1.25rem}.email-help-section .email-verification-faq .faq-item ul li{color:#555;font-size:.95rem;margin-bottom:.5rem}.email-help-section .email-verification-faq .faq-item .switch-method-button{align-items:center;background-color:#0000;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;display:inline-flex;font-size:.9rem;margin-top:.5rem;padding:.6rem 1rem;transition:all .2s ease}.email-help-section .email-verification-faq .faq-item .switch-method-button svg{margin-left:.5rem}.email-help-section .email-verification-faq .faq-item .switch-method-button:hover:not(:disabled){background-color:#e6f2ff}.email-help-section .email-verification-faq .faq-item .switch-method-button:disabled{cursor:not-allowed;opacity:.6}.dns-help-container h1,.dns-help-container h2,.dns-help-content h1,.dns-help-content h2{color:#333;font-size:2rem;margin-bottom:1.5rem;text-align:center}.dns-help-container .general-info,.dns-help-content .general-info{background-color:#f8f9fa;border-left:4px solid #4285f4;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.dns-help-container .general-info p,.dns-help-content .general-info p{color:#5f6368;line-height:1.6;margin:0}.dns-help-container .help-steps,.dns-help-content .help-steps{margin-top:2rem}.dns-help-container .help-steps .step,.dns-help-content .help-steps .step{border-bottom:1px solid #eee;margin-bottom:2.5rem;padding-bottom:2rem;position:relative}.dns-help-container .help-steps .step:last-child,.dns-help-content .help-steps .step:last-child{border-bottom:none}.dns-help-container .help-steps .step h3,.dns-help-content .help-steps .step h3{color:#1a73e8;margin-bottom:1rem}.dns-help-container .help-steps .step p,.dns-help-content .help-steps .step p{color:#5f6368;line-height:1.6;margin-bottom:1rem}.dns-help-container .help-steps .step ul,.dns-help-content .help-steps .step ul{color:#5f6368;line-height:1.6;margin-bottom:1rem;padding-left:2rem}.dns-help-container .help-steps .step ul li,.dns-help-content .help-steps .step ul li{margin-bottom:.5rem}.dns-help-container .help-steps .step img,.dns-help-content .help-steps .step img{border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-top:1rem;max-width:100%}.dns-help-container .help-steps .step a,.dns-help-content .help-steps .step a{color:#1a73e8;text-decoration:none}.dns-help-container .help-steps .step a:hover,.dns-help-content .help-steps .step a:hover{text-decoration:underline}.dns-help-container .additional-tips,.dns-help-container .common-issues,.dns-help-container .dns-verification,.dns-help-container .provider-specific,.dns-help-content .additional-tips,.dns-help-content .common-issues,.dns-help-content .dns-verification,.dns-help-content .provider-specific{background-color:#f8f9fa;border-radius:8px;margin-top:2.5rem;padding:1.5rem}.dns-help-container .additional-tips h3,.dns-help-container .common-issues h3,.dns-help-container .dns-verification h3,.dns-help-container .provider-specific h3,.dns-help-content .additional-tips h3,.dns-help-content .common-issues h3,.dns-help-content .dns-verification h3,.dns-help-content .provider-specific h3{color:#333;margin-bottom:1rem;margin-top:0}.dns-help-container .additional-tips ul,.dns-help-container .common-issues ul,.dns-help-container .dns-verification ul,.dns-help-container .provider-specific ul,.dns-help-content .additional-tips ul,.dns-help-content .common-issues ul,.dns-help-content .dns-verification ul,.dns-help-content .provider-specific ul{margin-bottom:0;padding-left:1.5rem}.dns-help-container .additional-tips ul li,.dns-help-container .common-issues ul li,.dns-help-container .dns-verification ul li,.dns-help-container .provider-specific ul li,.dns-help-content .additional-tips ul li,.dns-help-content .common-issues ul li,.dns-help-content .dns-verification ul li,.dns-help-content .provider-specific ul li{color:#5f6368;line-height:1.6;margin-bottom:.75rem}.dns-help-container .additional-tips ul li:last-child,.dns-help-container .common-issues ul li:last-child,.dns-help-container .dns-verification ul li:last-child,.dns-help-container .provider-specific ul li:last-child,.dns-help-content .additional-tips ul li:last-child,.dns-help-content .common-issues ul li:last-child,.dns-help-content .dns-verification ul li:last-child,.dns-help-content .provider-specific ul li:last-child{margin-bottom:0}.dns-help-container .issue,.dns-help-content .issue{margin-bottom:1.5rem}.dns-help-container .issue h4,.dns-help-content .issue h4{color:#1a73e8;font-size:1.1rem;margin-bottom:.5rem}.dns-help-container .issue:last-child,.dns-help-content .issue:last-child{margin-bottom:0}.dns-help-container .help-links,.dns-help-content .help-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.dns-help-container .help-links a,.dns-help-content .help-links a{background-color:#fff;border:1px solid #dadce0;border-radius:4px;color:#1a73e8;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.dns-help-container .help-links a:hover,.dns-help-content .help-links a:hover{background-color:#f1f3f4;border-color:#1a73e8}.dns-help-container .back-button,.dns-help-content .back-button{margin-top:2.5rem;text-align:center}.dns-help-container .back-button a,.dns-help-content .back-button a{background-color:#1a73e8;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .2s}.dns-help-container .back-button a:hover,.dns-help-content .back-button a:hover{background-color:#0d67db}.dns-help-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}@media(max-width:768px){.dns-help-container .help-steps .step,.dns-help-content .help-steps .step{margin-bottom:1.5rem;padding-bottom:1.5rem}.dns-help-container .additional-tips,.dns-help-container .common-issues,.dns-help-container .dns-verification,.dns-help-container .provider-specific,.dns-help-content .additional-tips,.dns-help-content .common-issues,.dns-help-content .dns-verification,.dns-help-content .provider-specific{padding:1.25rem}.dns-help-container{margin:1rem;padding:1.5rem}}:root{--blog-primary:#0d6efd;--blog-secondary:#2c7be5;--blog-accent:#6610f2;--blog-dark:#212529;--blog-light:#f8f9fa;--blog-text:#333746;--blog-text-light:#6c757d;--blog-gray-100:#f8f9fa;--blog-gray-200:#e9ecef;--blog-gray-300:#dee2e6;--blog-shadow-sm:0 2px 4px #0000000d;--blog-shadow:0 4px 12px #00000014;--blog-shadow-lg:0 8px 24px #0000001f;--blog-transition:all 0.3s ease;--blog-transition-slow:all 0.5s ease;--blog-gradient:linear-gradient(135deg,var(--blog-primary) 0%,var(--blog-secondary) 100%);--blog-gradient-light:linear-gradient(135deg,var(--blog-light) 0%,#fff 100%)}.blog-page{background:#f8f9fa;background:var(--current-bg-primary,var(--blog-light));color:#333746;color:var(--current-text-primary,var(--blog-text));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.blog-page .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.blog-page .animate-on-scroll.visible{opacity:1;transform:translateY(0)}.blog-page .animate-on-scroll:first-child{transition-delay:.1s}.blog-page .animate-on-scroll:nth-child(2){transition-delay:.2s}.blog-page .animate-on-scroll:nth-child(3){transition-delay:.3s}.blog-page .animate-on-scroll:nth-child(4){transition-delay:.4s}.blog-page .animate-on-scroll:nth-child(5){transition-delay:.5s}.blog-page .animate-on-scroll:nth-child(6){transition-delay:.6s}.blog-page .animate-on-scroll:nth-child(7){transition-delay:.7s}.blog-page .animate-on-scroll:nth-child(8){transition-delay:.8s}.blog-page .animate-on-scroll:nth-child(9){transition-delay:.9s}.blog-page .animate-on-scroll:nth-child(10){transition-delay:1s}.blog-page .page-header{background:linear-gradient(135deg,#0d6efd,#2c7be5);background:var(--blog-gradient);color:#fff;overflow:hidden;padding:6rem 0 4rem;position:relative}.blog-page .page-header:after{background:linear-gradient(to bottom right,#fff0,#fff3);bottom:0;content:"";height:5rem;left:0;position:absolute;right:0;transform:skewY(-2deg);transform-origin:bottom right}.blog-page .page-header .container{position:relative;z-index:2}.blog-page .page-header .breadcrumb{font-size:.9rem;margin-bottom:2rem}.blog-page .page-header .breadcrumb a{color:#fffc;text-decoration:none;transition:all .3s ease;transition:var(--blog-transition)}.blog-page .page-header .breadcrumb a:hover,.blog-page .page-header .breadcrumb span{color:#fff}.blog-page .page-header h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;max-width:800px}.blog-page .page-header .subtitle{font-size:1.5rem;line-height:1.5;max-width:700px;opacity:.9}@media(max-width:768px){.blog-page .page-header{padding:4rem 0 3rem}.blog-page .page-header h1{font-size:2.5rem}.blog-page .page-header .subtitle{font-size:1.2rem}}.blog-page section{padding:5rem 0}.blog-page section:nth-child(2n){background-color:#fff}.blog-page section:nth-child(odd){background-color:#f8f9fa;background-color:var(--blog-gray-100)}.blog-page section .container{margin:0 auto;max-width:1200px;padding:0 1.5rem}@media(max-width:768px){.blog-page section{padding:3rem 0}}.blog-page .section-heading{margin-bottom:3rem;text-align:center}.blog-page .section-heading h2{color:#212529;color:var(--blog-dark);display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative}.blog-page .section-heading h2:after{background:#0d6efd;background:var(--blog-primary);content:"";display:block;height:3px;margin:.5rem auto 0;width:50%}.blog-page .section-heading p{color:#6c757d;color:var(--blog-text-light);font-size:1.2rem;margin:0 auto;max-width:700px}@media(max-width:768px){.blog-page .section-heading{margin-bottom:2rem}.blog-page .section-heading h2{font-size:2rem}.blog-page .section-heading p{font-size:1rem}}.blog-page .blog-posts-section .blog-posts-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:768px){.blog-page .blog-posts-section .blog-posts-grid{gap:2rem;grid-template-columns:1fr}}.blog-page .blog-post-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;box-shadow:var(--blog-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease;transition:var(--blog-transition)}.blog-page .blog-post-card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--blog-shadow-lg);transform:translateY(-5px)}.blog-page .blog-post-card__image-container{height:220px;overflow:hidden;position:relative}.blog-page .blog-post-card__image-container:after{background:linear-gradient(180deg,#0000 70%,#0000000d);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;transition:var(--blog-transition);width:100%}.blog-page .blog-post-card__image-container img{height:100%;object-fit:cover;transition:all .5s ease;transition:var(--blog-transition-slow);width:100%}.blog-page .blog-post-card:hover .blog-page .blog-post-card__image-container img{transform:scale(1.05)}.blog-page .blog-post-card__content{display:flex;flex-direction:column;flex-grow:1;padding:1.75rem}.blog-page .blog-post-card__meta{align-items:center;color:#6c757d;color:var(--blog-text-light);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;margin-bottom:1rem}.blog-page .blog-post-card__author,.blog-page .blog-post-card__date{align-items:center;display:inline-flex}.blog-page .blog-post-card__author:before{content:"•";margin-right:.5rem}.blog-page .blog-post-card__title{color:#212529;color:var(--blog-dark);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 1rem;transition:all .3s ease;transition:var(--blog-transition)}.blog-page .blog-post-card:hover .blog-page .blog-post-card__title{color:#0d6efd;color:var(--blog-primary)}.blog-page .blog-post-card__description{color:#6c757d;color:var(--blog-text-light);flex-grow:1;line-height:1.6;margin:0 0 1.5rem}.blog-page .blog-post-card__link{align-items:center;align-self:flex-start;color:#0d6efd;color:var(--blog-primary);display:inline-flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease;transition:var(--blog-transition)}.blog-page .blog-post-card__link:after{background-color:#0d6efd;background-color:var(--blog-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.blog-page .blog-post-card__link svg{transition:transform .3s ease}.blog-page .blog-post-card__link:hover{color:#2c7be5;color:var(--blog-secondary)}.blog-page .blog-post-card__link:hover:after{transform:scaleX(1);transform-origin:left}.blog-page .blog-post-card__link:hover svg{transform:translateX(5px)}.blog-page .cta-section{background:linear-gradient(135deg,#0d6efd,#2c7be5);background:var(--blog-gradient);color:#fff;padding:5rem 0;text-align:center}.blog-page .cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.blog-page .cta-section p{font-size:1.2rem;margin:0 auto 2.5rem;max-width:700px;opacity:.9}.blog-page .cta-section .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.blog-page .cta-section .cta-buttons .button{border-radius:4px;font-size:1.1rem;font-weight:500;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease;transition:var(--blog-transition)}.blog-page .cta-section .cta-buttons .button.primary{background:#fff;color:#0d6efd;color:var(--blog-primary)}.blog-page .cta-section .cta-buttons .button.primary:hover{background:#ffffffe6;transform:translateY(-3px)}.blog-page .cta-section .cta-buttons .button.secondary{background:#0000;border:2px solid #fff;color:#fff}.blog-page .cta-section .cta-buttons .button.secondary:hover{background:#ffffff1a;transform:translateY(-3px)}@media(max-width:768px){.blog-page .cta-section{padding:4rem 0}.blog-page .cta-section h2{font-size:2rem}.blog-page .cta-section p{font-size:1rem;margin-bottom:2rem}}.blog-page .container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}@media(max-width:1200px){.blog-page .container{max-width:960px}}@media(max-width:992px){.blog-page .container{max-width:720px}}@media(max-width:768px){.blog-page .container{max-width:540px}}@media(max-width:576px){.blog-page .container{padding:0 1rem}.blog-page .page-header{padding:3rem 0 2rem}.blog-page .page-header h1{font-size:2rem}}.blog-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 320px}@media(max-width:992px){.blog-layout{grid-template-columns:1fr}}.blog-layout .main-content{width:100%}.blog-sidebar,.tag-sidebar{position:relative}@media(min-width:992px){.blog-sidebar,.tag-sidebar{align-self:start;max-height:calc(100vh - 60px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:30px}.blog-sidebar::-webkit-scrollbar,.tag-sidebar::-webkit-scrollbar{width:6px}.blog-sidebar::-webkit-scrollbar-track,.tag-sidebar::-webkit-scrollbar-track{background:#0000}.blog-sidebar::-webkit-scrollbar-thumb,.tag-sidebar::-webkit-scrollbar-thumb{background-color:var(--grey-300);border-radius:3px}}.blog-sidebar>div,.tag-sidebar>div{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.blog-sidebar>div:last-child,.tag-sidebar>div:last-child{margin-bottom:0}.blog-sidebar>div h3,.tag-sidebar>div h3{border-bottom:1px solid var(--grey-200);font-size:1.25rem;margin:0 0 1rem;padding-bottom:.75rem}.tag-page .tag-page-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 300px}@media(max-width:992px){.tag-page .tag-page-layout{grid-template-columns:1fr}}.tag-page .no-posts-message{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:2rem;text-align:center}.tag-page .no-posts-message h3{color:var(--primary);margin-top:0}.tag-page .no-posts-message p{margin-bottom:1rem}.tag-page .related-tags-widget .tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-page .popular-articles-widget .popular-articles-list{list-style:none;margin:0;padding:0}.tag-page .popular-articles-widget .popular-articles-list li{border-bottom:1px solid var(--grey-100);margin-bottom:.75rem;padding-bottom:.75rem}.tag-page .popular-articles-widget .popular-articles-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tag-page .popular-articles-widget .popular-articles-list li a{color:var(--text-primary);display:block;text-decoration:none;transition:color .2s ease}.tag-page .popular-articles-widget .popular-articles-list li a:hover{color:var(--primary)}.tag-page .browse-all-widget .all-posts-link{align-items:center;background-color:var(--primary);border-radius:4px;color:#fff;display:flex;font-weight:500;justify-content:space-between;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.tag-page .browse-all-widget .all-posts-link:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.tag-page .browse-all-widget .all-posts-link svg{margin-left:.5rem}.search-widget .search-form{display:flex}.search-widget .search-form input{border:1px solid var(--grey-300);border-radius:4px 0 0 4px;border-right:none;flex:1 1;font-size:.95rem;padding:.75rem 1rem}.search-widget .search-form input:focus{border-color:var(--primary);outline:none}.search-widget .search-form button{align-items:center;background-color:var(--primary);border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:0 1rem;transition:background-color .2s ease}.search-widget .search-form button:hover{background-color:var(--primary-dark)}.tags-widget .tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tags-widget .tag-cloud .tag-cloud-item{background-color:var(--grey-100);border-radius:4px;color:var(--text-primary);display:inline-block;font-size:.85rem;padding:.3rem .8rem;text-decoration:none;transition:all .2s ease}.tags-widget .tag-cloud .tag-cloud-item span{color:#666;color:var(--text-secondary);font-size:.8rem}.tags-widget .tag-cloud .tag-cloud-item:hover{background-color:var(--grey-200);color:var(--primary);transform:translateY(-2px)}.newsletter-widget p{margin-bottom:1rem}.newsletter-widget .newsletter-form{display:flex;flex-direction:column;gap:.75rem}.newsletter-widget .newsletter-form input{border:1px solid var(--grey-300);border-radius:4px;font-size:.95rem;padding:.75rem 1rem}.newsletter-widget .newsletter-form input:focus{border-color:var(--primary);outline:none}.newsletter-widget .newsletter-form button{background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:background-color .2s ease}.newsletter-widget .newsletter-form button:hover{background-color:var(--primary-dark)}:root{--post-primary:#0d6efd;--post-secondary:#2c7be5;--post-accent:#6610f2;--post-dark:#212529;--post-light:#f8f9fa;--post-text:#333746;--post-text-light:#6c757d;--post-gray-100:#f8f9fa;--post-gray-200:#e9ecef;--post-gray-300:#dee2e6;--post-code-bg:#f7f8f9;--twitter-color:#1da1f2;--facebook-color:#4267b2;--linkedin-color:#0077b5;--email-color:#6c757d;--post-shadow-sm:0 2px 4px #0000000d;--post-shadow:0 4px 12px #00000014;--post-shadow-lg:0 8px 24px #0000001f;--post-transition:all 0.3s ease;--post-transition-slow:all 0.5s ease;--post-gradient:linear-gradient(135deg,var(--post-primary) 0%,var(--post-secondary) 100%);--post-gradient-light:linear-gradient(135deg,var(--post-light) 0%,#fff 100%)}.blog-post{background:#f8f9fa;background:var(--current-bg-primary,var(--post-light));color:#333746;color:var(--current-text-primary,var(--post-text));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.blog-post .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.blog-post .animate-on-scroll.visible{opacity:1;transform:translateY(0)}.blog-post .animate-on-scroll:first-child{transition-delay:.08s}.blog-post .animate-on-scroll:nth-child(2){transition-delay:.16s}.blog-post .animate-on-scroll:nth-child(3){transition-delay:.24s}.blog-post .animate-on-scroll:nth-child(4){transition-delay:.32s}.blog-post .animate-on-scroll:nth-child(5){transition-delay:.4s}.blog-post .animate-on-scroll:nth-child(6){transition-delay:.48s}.blog-post .animate-on-scroll:nth-child(7){transition-delay:.56s}.blog-post .animate-on-scroll:nth-child(8){transition-delay:.64s}.blog-post .animate-on-scroll:nth-child(9){transition-delay:.72s}.blog-post .animate-on-scroll:nth-child(10){transition-delay:.8s}.blog-post .animate-on-scroll:nth-child(11){transition-delay:.88s}.blog-post .animate-on-scroll:nth-child(12){transition-delay:.96s}.blog-post .animate-on-scroll:nth-child(13){transition-delay:1.04s}.blog-post .animate-on-scroll:nth-child(14){transition-delay:1.12s}.blog-post .animate-on-scroll:nth-child(15){transition-delay:1.2s}.blog-post .animate-on-scroll:nth-child(16){transition-delay:1.28s}.blog-post .animate-on-scroll:nth-child(17){transition-delay:1.36s}.blog-post .animate-on-scroll:nth-child(18){transition-delay:1.44s}.blog-post .animate-on-scroll:nth-child(19){transition-delay:1.52s}.blog-post .animate-on-scroll:nth-child(20){transition-delay:1.6s}.blog-post .post-body .code-example,.blog-post .post-body .example-comparison,.blog-post .post-body blockquote,.blog-post .post-body h2,.blog-post .post-body h3,.blog-post .post-body h4,.blog-post .post-body ol,.blog-post .post-body p,.blog-post .post-body ul{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.blog-post .post-body .code-example.visible,.blog-post .post-body .example-comparison.visible,.blog-post .post-body blockquote.visible,.blog-post .post-body h2.visible,.blog-post .post-body h3.visible,.blog-post .post-body h4.visible,.blog-post .post-body ol.visible,.blog-post .post-body p.visible,.blog-post .post-body ul.visible{opacity:1;transform:translateY(0)}.blog-post .page-header{background:linear-gradient(135deg,#0d6efd,#2c7be5);background:var(--post-gradient);color:#fff;overflow:hidden;padding:6rem 0 4rem;position:relative}.blog-post .page-header:after{background:linear-gradient(to bottom right,#fff0,#fff3);bottom:0;content:"";height:5rem;left:0;position:absolute;right:0;transform:skewY(-2deg);transform-origin:bottom right}.blog-post .page-header .container{position:relative;z-index:2}.blog-post .page-header .breadcrumb{font-size:.9rem;margin-bottom:2rem}.blog-post .page-header .breadcrumb a{color:#fffc;text-decoration:none;transition:all .3s ease;transition:var(--post-transition)}.blog-post .page-header .breadcrumb a:hover,.blog-post .page-header .breadcrumb span{color:#fff}.blog-post .page-header h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;max-width:800px}.blog-post .page-header .post-meta{display:flex;flex-wrap:wrap;font-size:.95rem;gap:1.5rem;opacity:.9}.blog-post .page-header .post-meta .post-author,.blog-post .page-header .post-meta .post-date,.blog-post .page-header .post-meta .post-read-time{align-items:center;display:inline-flex;gap:.5rem}.blog-post .page-header .post-meta .post-author svg,.blog-post .page-header .post-meta .post-date svg,.blog-post .page-header .post-meta .post-read-time svg{font-size:.9rem}.blog-post .page-header .post-meta .post-author{font-weight:500}@media(max-width:768px){.blog-post .page-header{padding:4rem 0 3rem}.blog-post .page-header h1{font-size:2.25rem}.blog-post .page-header .post-meta{font-size:.85rem;gap:1rem}}.blog-post section{padding:5rem 0}.blog-post section:nth-child(2n){background-color:#fff}.blog-post section:nth-child(odd){background-color:#f8f9fa;background-color:var(--post-gray-100)}@media(max-width:768px){.blog-post section{padding:3rem 0}}.blog-post .container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}@media(max-width:768px){.blog-post .container{padding:0 1.25rem}}.blog-post .post-content-section{padding-top:4rem}.blog-post .post-content-section .post-container-with-sidebar{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr) 350px}@media(max-width:1024px){.blog-post .post-content-section .post-container-with-sidebar{gap:3rem;grid-template-columns:1fr}}.blog-post .post-content-section .post-main-content{width:100%}.blog-post .post-content-section .post-main-content .post-container{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;box-shadow:var(--post-shadow);margin-bottom:2.5rem;overflow:hidden}.blog-post .post-content-section .post-hero{height:400px;overflow:hidden;position:relative;width:100%}.blog-post .post-content-section .post-hero:after{background:linear-gradient(180deg,#0000 0,#0000000d);bottom:0;content:"";height:100px;left:0;position:absolute;width:100%}.blog-post .post-content-section .post-hero img{height:100%;object-fit:cover;transition:all .5s ease;transition:var(--post-transition-slow);width:100%}.blog-post .post-content-section .post-hero:hover img{transform:scale(1.02)}@media(max-width:768px){.blog-post .post-content-section .post-hero{height:250px}}.blog-post .post-content-section .post-excerpt{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--post-gray-200);color:#333746;color:var(--post-text);font-size:1.25rem;font-weight:500;padding:2rem 2.5rem}.blog-post .post-content-section .post-excerpt p{line-height:1.5;margin:0}@media(max-width:768px){.blog-post .post-content-section .post-excerpt{font-size:1.1rem;padding:1.5rem}}.blog-post .post-content-section .post-body{padding:2.5rem}.blog-post .post-content-section .post-body h2{color:#212529;color:var(--post-dark);font-size:1.75rem;font-weight:700;margin:2.5rem 0 1rem;position:relative;scroll-margin-top:100px}.blog-post .post-content-section .post-body h2:before{background:#0d6efd;background:var(--post-primary);border-radius:2px;bottom:.5rem;content:"";left:-1rem;position:absolute;top:.5rem;width:4px}.blog-post .post-content-section .post-body h2:first-child{margin-top:0}.blog-post .post-content-section .post-body h3{color:#212529;color:var(--post-dark);font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;scroll-margin-top:100px}.blog-post .post-content-section .post-body h4{color:#212529;color:var(--post-dark);font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;scroll-margin-top:100px}.blog-post .post-content-section .post-body p{color:#333746;color:var(--post-text);font-size:1.1rem;line-height:1.7;margin:0 0 1.5rem}.blog-post .post-content-section .post-body ol,.blog-post .post-content-section .post-body ul{margin:0 0 1.5rem;padding-left:1.5rem}.blog-post .post-content-section .post-body ol li,.blog-post .post-content-section .post-body ul li{font-size:1.1rem;line-height:1.6;margin-bottom:.75rem}.blog-post .post-content-section .post-body a{border-bottom:1px solid;color:#0d6efd;color:var(--post-primary);text-decoration:none;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-body a:hover{color:#2c7be5;color:var(--post-secondary)}.blog-post .post-content-section .post-body blockquote{background:#f8f9fa;background:var(--post-gray-100);border-left:4px solid #0d6efd;border-left:4px solid var(--post-primary);border-radius:0 4px 4px 0;margin:2rem 0;padding:1rem 1.5rem}.blog-post .post-content-section .post-body blockquote p{color:#6c757d;color:var(--post-text-light);font-size:1.1rem;font-style:italic;margin:0}.blog-post .post-content-section .post-body code{background-color:#f7f8f9;background-color:var(--post-code-bg);border-radius:4px;color:#6610f2;color:var(--post-accent);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.blog-post .post-content-section .post-body pre{background-color:#f7f8f9;background-color:var(--post-code-bg);border-radius:6px;margin:2rem 0;overflow-x:auto;padding:1.25rem}.blog-post .post-content-section .post-body pre code{background:none;color:#212529;color:var(--post-dark);font-size:.9rem;line-height:1.6;padding:0}.blog-post .post-content-section .post-body img{border-radius:6px;box-shadow:0 4px 12px #00000014;box-shadow:var(--post-shadow);display:block;height:auto;margin:2.5rem auto;max-width:100%}.blog-post .post-content-section .post-body figure{margin:2.5rem 0}.blog-post .post-content-section .post-body figure figcaption{color:#6c757d;color:var(--post-text-light);font-size:.9rem;margin-top:.75rem;text-align:center}.blog-post .post-content-section .post-body table{border-collapse:collapse;font-size:1rem;margin:2rem 0;width:100%}.blog-post .post-content-section .post-body table td,.blog-post .post-content-section .post-body table th{border:1px solid #dee2e6;border:1px solid var(--post-gray-300);padding:.75rem 1rem}.blog-post .post-content-section .post-body table th{font-weight:600;text-align:left}.blog-post .post-content-section .post-body table th,.blog-post .post-content-section .post-body table tr:nth-child(2n){background-color:#f8f9fa;background-color:var(--post-gray-100)}.blog-post .post-content-section .post-body hr{background-color:#dee2e6;background-color:var(--post-gray-300);border:0;height:1px;margin:2.5rem 0}@media(max-width:768px){.blog-post .post-content-section .post-body{padding:1.5rem}.blog-post .post-content-section .post-body h2{font-size:1.5rem}.blog-post .post-content-section .post-body h3{font-size:1.25rem}.blog-post .post-content-section .post-body li,.blog-post .post-content-section .post-body p{font-size:1rem}}.blog-post .post-content-section .post-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 2.5rem 1.5rem}.blog-post .post-content-section .post-tags .post-tag{background:#f8f9fa;background:var(--post-gray-100);border-radius:4px;color:#6c757d;color:var(--post-text-light);display:inline-block;font-size:.85rem;padding:.3rem .8rem;text-decoration:none;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-tags .post-tag:hover{background:#e9ecef;background:var(--post-gray-200);color:#0d6efd;color:var(--post-primary);transform:translateY(-2px)}@media(max-width:768px){.blog-post .post-content-section .post-tags{padding:0 1.5rem 1.5rem}}.blog-post .post-content-section .post-share{border-top:1px solid #e9ecef;border-top:1px solid var(--post-gray-200);padding:1.5rem 2.5rem}.blog-post .post-content-section .post-share h4{color:#333746;color:var(--post-text);font-size:1rem;margin:0 0 1rem}.blog-post .post-content-section .post-share .share-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.blog-post .post-content-section .post-share .share-buttons .share-button{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-share .share-buttons .share-button svg{font-size:1rem}.blog-post .post-content-section .post-share .share-buttons .share-button:hover{transform:translateY(-2px)}.blog-post .post-content-section .post-share .share-buttons .share-button.twitter{background-color:#1da1f2;background-color:var(--twitter-color)}.blog-post .post-content-section .post-share .share-buttons .share-button.twitter:hover{background-color:#0c85d0}.blog-post .post-content-section .post-share .share-buttons .share-button.facebook{background-color:#4267b2;background-color:var(--facebook-color)}.blog-post .post-content-section .post-share .share-buttons .share-button.facebook:hover{background-color:#34518d}.blog-post .post-content-section .post-share .share-buttons .share-button.linkedin{background-color:#0077b5;background-color:var(--linkedin-color)}.blog-post .post-content-section .post-share .share-buttons .share-button.linkedin:hover{background-color:#005582}.blog-post .post-content-section .post-share .share-buttons .share-button.email{background-color:#6c757d;background-color:var(--email-color)}.blog-post .post-content-section .post-share .share-buttons .share-button.email:hover{background-color:#545b62}@media(max-width:576px){.blog-post .post-content-section .post-share .share-buttons{flex-direction:column}.blog-post .post-content-section .post-share .share-buttons .share-button{justify-content:center;width:100%}}@media(max-width:768px){.blog-post .post-content-section .post-share{padding:1.5rem}}.blog-post .post-content-section .post-author-bio{border-top:1px solid #e9ecef;border-top:1px solid var(--post-gray-200);display:flex;gap:1.5rem;padding:2rem 2.5rem}.blog-post .post-content-section .post-author-bio .author-image{flex-shrink:0}.blog-post .post-content-section .post-author-bio .author-image img{border-radius:50%;height:80px;object-fit:cover;width:80px}.blog-post .post-content-section .post-author-bio .author-info h4{color:#212529;color:var(--post-dark);font-size:1.1rem;margin:0 0 .75rem}.blog-post .post-content-section .post-author-bio .author-info p{color:#6c757d;color:var(--post-text-light);font-size:.95rem;line-height:1.6;margin:0}@media(max-width:576px){.blog-post .post-content-section .post-author-bio{align-items:center;flex-direction:column;gap:1rem;text-align:center}.blog-post .post-content-section .post-author-bio .author-image img{height:70px;width:70px}}@media(max-width:768px){.blog-post .post-content-section .post-author-bio{padding:1.5rem}}.blog-post .post-content-section .post-navigation{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;box-shadow:var(--post-shadow);display:flex;justify-content:space-between;margin:0 auto;max-width:100%;padding:1.5rem}.blog-post .post-content-section .post-navigation .post-nav-link{display:flex;flex-direction:column;max-width:45%;text-decoration:none;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-navigation .post-nav-link.post-nav-prev{align-items:flex-start}.blog-post .post-content-section .post-navigation .post-nav-link.post-nav-next{align-items:flex-end;text-align:right}.blog-post .post-content-section .post-navigation .post-nav-link .post-nav-label{color:#6c757d;color:var(--post-text-light);font-size:.85rem;margin-bottom:.5rem}.blog-post .post-content-section .post-navigation .post-nav-link .post-nav-title{color:#212529;color:var(--post-dark);font-weight:600}.blog-post .post-content-section .post-navigation .post-nav-link:hover{transform:translateY(-3px)}.blog-post .post-content-section .post-navigation .post-nav-link:hover .post-nav-title{color:#0d6efd;color:var(--post-primary)}@media(max-width:768px){.blog-post .post-content-section .post-navigation{flex-direction:column;gap:1.5rem;padding:1.5rem}.blog-post .post-content-section .post-navigation .post-nav-link{max-width:100%}.blog-post .post-content-section .post-navigation .post-nav-link.post-nav-next{align-items:flex-start;text-align:left}}.blog-post .post-content-section .post-sidebar{position:relative}@media(min-width:1025px){.blog-post .post-content-section .post-sidebar{max-height:calc(100% - 4rem);overflow-y:auto;padding-bottom:1rem;position:-webkit-sticky;position:sticky;scroll-behavior:smooth;scrollbar-color:#dee2e6 #0000;scrollbar-color:var(--post-gray-300) #0000;scrollbar-width:thin;top:2rem}.blog-post .post-content-section .post-sidebar::-webkit-scrollbar{width:6px}.blog-post .post-content-section .post-sidebar::-webkit-scrollbar-track{background:#0000}.blog-post .post-content-section .post-sidebar::-webkit-scrollbar-thumb{background-color:#dee2e6;background-color:var(--post-gray-300);border-radius:3px}}.blog-post .post-content-section .post-sidebar .sidebar-widget{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;box-shadow:var(--post-shadow);margin-bottom:2rem;padding:1.5rem;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-sidebar .sidebar-widget h3{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--post-gray-200);color:#212529;color:var(--post-dark);font-size:1.25rem;margin:0 0 1.25rem;padding-bottom:.75rem;position:relative}.blog-post .post-content-section .post-sidebar .sidebar-widget:last-child{margin-bottom:0}.blog-post .post-content-section .post-sidebar .scan-cta-widget{background:linear-gradient(135deg,#f8f9fa,#fff);background:var(--post-gradient-light);border-top:3px solid #0d6efd;border-top:3px solid var(--post-primary)}.blog-post .post-content-section .post-sidebar .scan-cta-widget h3{color:#0d6efd;color:var(--post-primary);font-weight:600}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content p{color:#333746;color:var(--post-text);font-size:.95rem;margin-bottom:1.25rem}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-form{margin-bottom:1.25rem}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-form .scan-input-group{display:flex;flex-direction:column;gap:.75rem}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-form .scan-input-group input{border:1px solid #dee2e6;border:1px solid var(--post-gray-300);border-radius:4px;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-form .scan-input-group input:focus{border-color:#0d6efd;border-color:var(--post-primary);box-shadow:0 0 0 3px #0d6efd1a;outline:none}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-form .scan-input-group .scan-button{align-items:center;background:#0d6efd;background:var(--post-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-form .scan-input-group .scan-button svg{font-size:.9rem}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-form .scan-input-group .scan-button:hover{background:#2c7be5;background:var(--post-secondary);box-shadow:0 2px 4px #0000000d;box-shadow:var(--post-shadow-sm);transform:translateY(-2px)}@media(min-width:480px){.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-form .scan-input-group{flex-direction:row}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-form .scan-input-group input{flex:1 1}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-form .scan-input-group .scan-button{white-space:nowrap}}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-features{display:flex;flex-direction:column;gap:.5rem}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-features .scan-feature{align-items:center;color:#333746;color:var(--post-text);display:flex;font-size:.85rem;gap:.5rem}.blog-post .post-content-section .post-sidebar .scan-cta-widget .scan-cta-content .scan-features .scan-feature svg{color:#0d6efd;color:var(--post-primary)}.blog-post .post-content-section .post-sidebar .newsletter-widget{background:linear-gradient(135deg,#f8f9fa,#fff);background:var(--post-gradient-light)}.blog-post .post-content-section .post-sidebar .newsletter-widget p{color:#333746;color:var(--post-text);font-size:.95rem;margin-bottom:1.25rem}.blog-post .post-content-section .post-sidebar .newsletter-widget .newsletter-form{display:flex;flex-direction:column;gap:.75rem}.blog-post .post-content-section .post-sidebar .newsletter-widget .newsletter-form input{border:1px solid #dee2e6;border:1px solid var(--post-gray-300);border-radius:4px;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-sidebar .newsletter-widget .newsletter-form input:focus{border-color:#0d6efd;border-color:var(--post-primary);box-shadow:0 0 0 3px #0d6efd1a;outline:none}.blog-post .post-content-section .post-sidebar .newsletter-widget .newsletter-form button{background:#0d6efd;background:var(--post-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-sidebar .newsletter-widget .newsletter-form button:hover{background:#2c7be5;background:var(--post-secondary)}.blog-post .post-content-section .post-sidebar .related-posts-widget .related-posts{display:flex;flex-direction:column;gap:1rem}.blog-post .post-content-section .post-sidebar .related-posts-widget .related-post{display:flex;gap:1rem;text-decoration:none;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-sidebar .related-posts-widget .related-post:hover{transform:translateY(-2px)}.blog-post .post-content-section .post-sidebar .related-posts-widget .related-post:hover h4{color:#0d6efd;color:var(--post-primary)}.blog-post .post-content-section .post-sidebar .related-posts-widget .related-post .related-post-image{border-radius:4px;flex-shrink:0;height:70px;overflow:hidden;width:70px}.blog-post .post-content-section .post-sidebar .related-posts-widget .related-post .related-post-image img{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--post-transition);width:100%}.blog-post .post-content-section .post-sidebar .related-posts-widget .related-post h4{color:#212529;color:var(--post-dark);font-size:.95rem;font-weight:500;margin:0;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-sidebar .tags-widget .tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.blog-post .post-content-section .post-sidebar .tags-widget .tag-cloud .tag-cloud-item{background:#f8f9fa;background:var(--post-gray-100);border-radius:4px;color:#333746;color:var(--post-text);display:inline-block;font-size:.85rem;padding:.3rem .8rem;text-decoration:none;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-sidebar .tags-widget .tag-cloud .tag-cloud-item span{color:#6c757d;color:var(--post-text-light);font-size:.8rem}.blog-post .post-content-section .post-sidebar .tags-widget .tag-cloud .tag-cloud-item:hover{background:#e9ecef;background:var(--post-gray-200);color:#0d6efd;color:var(--post-primary);transform:translateY(-2px)}.blog-post .post-content-section .post-sidebar .toc-widget .toc-nav ul{list-style:none;margin:0;padding:0}.blog-post .post-content-section .post-sidebar .toc-widget .toc-nav ul ul{margin-top:.5rem;padding-left:1.25rem}.blog-post .post-content-section .post-sidebar .toc-widget .toc-nav ul li{margin-bottom:.75rem}.blog-post .post-content-section .post-sidebar .toc-widget .toc-nav ul li:last-child{margin-bottom:0}.blog-post .post-content-section .post-sidebar .toc-widget .toc-nav ul li a{color:#333746;color:var(--post-text);display:inline-block;font-size:.95rem;text-decoration:none;transition:all .3s ease;transition:var(--post-transition)}.blog-post .post-content-section .post-sidebar .toc-widget .toc-nav ul li a:hover{color:#0d6efd;color:var(--post-primary);transform:translateX(3px)}.blog-post .post-content-section .post-sidebar .toc-widget .toc-nav ul li a.active{color:#0d6efd;color:var(--post-primary);font-weight:500}.blog-post .cta-section{background:linear-gradient(135deg,#0d6efd,#2c7be5);background:var(--post-gradient);color:#fff;padding:5rem 0;text-align:center}.blog-post .cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.blog-post .cta-section p{font-size:1.2rem;margin:0 auto 2.5rem;max-width:700px;opacity:.9}.blog-post .cta-section .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.blog-post .cta-section .cta-buttons .button{border-radius:4px;font-size:1.1rem;font-weight:500;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease;transition:var(--post-transition)}.blog-post .cta-section .cta-buttons .button.primary{background:#fff;color:#0d6efd;color:var(--post-primary)}.blog-post .cta-section .cta-buttons .button.primary:hover{background:#ffffffe6;transform:translateY(-3px)}.blog-post .cta-section .cta-buttons .button.secondary{background:#0000;border:2px solid #fff;color:#fff}.blog-post .cta-section .cta-buttons .button.secondary:hover{background:#ffffff1a;transform:translateY(-3px)}@media(max-width:768px){.blog-post .cta-section{padding:4rem 0}.blog-post .cta-section h2{font-size:2rem}.blog-post .cta-section p{font-size:1rem;margin-bottom:2rem}}@media(max-width:1200px){.blog-post .container{max-width:960px}}@media(max-width:992px){.blog-post .container{max-width:720px}}@media(max-width:768px){.blog-post .container{max-width:540px}}@media(max-width:576px){.blog-post .container{padding:0 1rem}.blog-post .page-header{padding:3rem 0 2rem}.blog-post .page-header h1{font-size:1.75rem}}.how-it-works-page{background-color:var(--current-bg-primary);color:var(--current-text-primary)}.how-it-works-page .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.how-it-works-page .animate-on-scroll.visible{opacity:1;transform:translateY(0)}.how-it-works-page .container{margin:0 auto;max-width:1200px;padding:0 1.5rem}@media(min-width:992px){.how-it-works-page .container{padding:0 2rem}}.how-it-works-page .hero-section{overflow:hidden;padding:2rem 0 4rem;position:relative}@media(min-width:768px){.how-it-works-page .hero-section{padding:3rem 0 5rem}}.how-it-works-page .hero-section:before{background:radial-gradient(circle at top right,#017bfe0d,#017bfe00 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.how-it-works-page .hero-section .breadcrumb{color:#666;color:var(--text-secondary);font-size:.875rem;margin-bottom:2rem}.how-it-works-page .hero-section .breadcrumb a{color:#017bfe;color:var(--primary-color);text-decoration:none;transition:color .2s ease}.how-it-works-page .hero-section .breadcrumb a:hover{color:#0162cb;text-decoration:underline}.how-it-works-page .hero-section .hero-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:768px){.how-it-works-page .hero-section .hero-content{align-items:center;grid-template-columns:1fr 1fr}}.how-it-works-page .hero-section .hero-text h1{color:var(--current-text-primary);font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}@media(min-width:992px){.how-it-works-page .hero-section .hero-text h1{font-size:3rem}}.how-it-works-page .hero-section .hero-text .subtitle{color:var(--current-text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem;max-width:540px}.how-it-works-page .hero-section .hero-cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.how-it-works-page .hero-section .hero-image img{border-radius:1rem;box-shadow:0 8px 30px #0000001f;height:auto;width:100%}.how-it-works-page section{padding:4rem 0}.how-it-works-page section:nth-child(2n){background-color:var(--current-bg-secondary)}.how-it-works-page .section-header{margin:0 auto 3rem;max-width:800px;text-align:center}.how-it-works-page .section-header h2{color:var(--current-text-primary);display:inline-block;font-size:2rem;margin-bottom:1rem;position:relative}.how-it-works-page .section-header h2:after{background-color:#017bfe;background-color:var(--primary-color);border-radius:1.5px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.how-it-works-page .section-header p{color:var(--current-text-secondary);font-size:1.125rem}.how-it-works-page .button{align-items:center;border-radius:.5rem;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.how-it-works-page .button.primary{background-color:#017bfe;background-color:var(--primary-color);color:#fff}.how-it-works-page .button.primary:hover{background-color:#0162cb;box-shadow:0 4px 12px #017bfe33;transform:translateY(-2px)}.how-it-works-page .button.primary:active{transform:translateY(0)}.how-it-works-page .button.secondary{background-color:#0000;border:1px solid #017bfe;border:1px solid var(--primary-color);color:#017bfe;color:var(--primary-color)}.how-it-works-page .button.secondary:hover{background-color:#017bfe0d;transform:translateY(-2px)}.how-it-works-page .button.secondary:active{transform:translateY(0)}.how-it-works-page .button.text-button{background-color:#0000;color:#017bfe;color:var(--primary-color);padding:.75rem 1rem}.how-it-works-page .button.text-button svg{margin-left:.5rem;transition:transform .2s ease}.how-it-works-page .button.text-button:hover{background-color:#0000}.how-it-works-page .button.text-button:hover svg{transform:translateX(3px)}.how-it-works-page .testimonials{background-color:var(--current-bg-secondary);position:relative}.how-it-works-page .testimonials .testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.how-it-works-page .testimonials .testimonials-grid{grid-template-columns:repeat(2,1fr)}}.how-it-works-page .testimonials .testimonial-card{background-color:var(--current-bg-primary);border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.how-it-works-page .testimonials .testimonial-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.how-it-works-page .testimonials .testimonial-card .quote-mark{color:#017bfe1a;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;right:1.5rem;top:1rem}.how-it-works-page .testimonials .testimonial-card blockquote{color:var(--current-text-primary);font-size:1.125rem;font-style:italic;line-height:1.7;margin-bottom:1.5rem}.how-it-works-page .testimonials .testimonial-card .testimonial-author{align-items:center;display:flex}.how-it-works-page .testimonials .testimonial-card .testimonial-author img{border:3px solid #017bfe1a;border-radius:50%;height:3.5rem;margin-right:1rem;object-fit:cover;width:3.5rem}.how-it-works-page .testimonials .testimonial-card .testimonial-author .author-info strong{color:var(--current-text-primary);display:block;font-size:1rem}.how-it-works-page .testimonials .testimonial-card .testimonial-author .author-info span{color:var(--current-text-secondary);font-size:.875rem}.how-it-works-page .faq .faq-accordion{margin:0 auto;max-width:800px}.how-it-works-page .faq .faq-item{background-color:var(--current-bg-primary);border:1px solid var(--current-border-color);border-radius:.75rem;box-shadow:0 2px 10px #0000000d;margin-bottom:1rem;overflow:hidden}.how-it-works-page .faq .faq-item summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:1.25rem 1.5rem;position:relative}.how-it-works-page .faq .faq-item summary::-webkit-details-marker{display:none}.how-it-works-page .faq .faq-item summary:after{color:#017bfe;color:var(--primary-color);content:"+";font-size:1.5rem;transition:transform .3s ease}.how-it-works-page .faq .faq-item summary h3{color:var(--current-text-primary);font-size:1.125rem;font-weight:500}.how-it-works-page .faq .faq-item[open] summary:after{content:"−"}.how-it-works-page .faq .faq-item .faq-content{padding:0 1.5rem 1.5rem}.how-it-works-page .faq .faq-item .faq-content p{color:var(--current-text-secondary);font-size:1rem;line-height:1.6}.how-it-works-page .cta{background:linear-gradient(90deg,#017bfe08,#017bfe12);border-radius:0;overflow:hidden;position:relative}.how-it-works-page .cta .container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:992px){.how-it-works-page .cta .container{align-items:center;grid-template-columns:1fr 1fr}}.how-it-works-page .cta .cta-content h2{color:var(--current-text-primary);font-size:2rem;margin-bottom:1rem}.how-it-works-page .cta .cta-content p{color:var(--current-text-secondary);font-size:1.125rem;margin-bottom:2rem;max-width:540px}.how-it-works-page .cta .cta-content .feature-list{list-style:none;margin-bottom:2rem}.how-it-works-page .cta .cta-content .feature-list li{align-items:center;color:var(--current-text-primary);display:flex;font-weight:500;margin-bottom:1rem}.how-it-works-page .cta .cta-content .feature-list li .check-icon{color:var(--success-color);font-size:1.125rem;margin-right:.75rem}.how-it-works-page .cta .cta-content .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem}.how-it-works-page .cta .cta-image img{border-radius:1rem;box-shadow:0 12px 30px #00000026;height:auto;transition:transform .3s ease;width:100%}.how-it-works-page .cta .cta-image img:hover{transform:translateY(-5px)}@media(max-width:767px){.how-it-works-page .hero-section .hero-text{text-align:center}.how-it-works-page .hero-section .hero-text .subtitle{margin-left:auto;margin-right:auto}.how-it-works-page .hero-section .hero-text .hero-cta{justify-content:center}.how-it-works-page .section-header{margin-bottom:2rem}.how-it-works-page .cta{text-align:center}.how-it-works-page .cta .feature-list{display:inline-block;text-align:left}.how-it-works-page .cta .cta-buttons{justify-content:center}}.pricing-page{background-color:var(--current-bg-primary);color:var(--current-text-primary)}.pricing-page .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.pricing-page .animate-on-scroll.visible{opacity:1;transform:translateY(0)}.pricing-page .container{margin:0 auto;max-width:1200px;padding:0 1.5rem}@media(min-width:992px){.pricing-page .container{padding:0 2rem}}.pricing-page .hero-section{overflow:hidden;padding:2rem 0 4rem;position:relative}@media(min-width:768px){.pricing-page .hero-section{padding:3rem 0 5rem}}.pricing-page .hero-section:before{background:radial-gradient(circle at top right,#017bfe0d,#017bfe00 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.pricing-page .hero-section .breadcrumb{color:#666;color:var(--text-secondary);font-size:.875rem;margin-bottom:2rem}.pricing-page .hero-section .breadcrumb a{color:#017bfe;color:var(--primary-color);text-decoration:none;transition:color .2s ease}.pricing-page .hero-section .breadcrumb a:hover{color:#0162cb;text-decoration:underline}.pricing-page .hero-section .hero-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:768px){.pricing-page .hero-section .hero-content{align-items:center;grid-template-columns:1fr 1fr}}.pricing-page .hero-section .hero-text h1{color:var(--current-text-primary);font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}@media(min-width:992px){.pricing-page .hero-section .hero-text h1{font-size:3rem}}.pricing-page .hero-section .hero-text .subtitle{color:var(--current-text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem;max-width:540px}.pricing-page .hero-section .hero-text .hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.pricing-page .hero-section .hero-text .hero-stats .stat-item{align-items:center;background-color:var(--current-bg-primary);border-radius:.75rem;box-shadow:0 4px 15px #00000014;display:flex;padding:1rem 1.5rem;transition:transform .3s ease}.pricing-page .hero-section .hero-text .hero-stats .stat-item:hover{transform:translateY(-5px)}.pricing-page .hero-section .hero-text .hero-stats .stat-item .stat-icon{color:#017bfe;color:var(--primary-color);font-size:1.5rem;margin-right:1rem}.pricing-page .hero-section .hero-text .hero-stats .stat-item .stat-info{display:flex;flex-direction:column}.pricing-page .hero-section .hero-text .hero-stats .stat-item .stat-info .stat-value{color:var(--current-text-primary);font-size:1.125rem;font-weight:600}.pricing-page .hero-section .hero-text .hero-stats .stat-item .stat-info .stat-label{color:var(--current-text-secondary);font-size:.875rem}.pricing-page .hero-section .hero-image img{border-radius:1rem;box-shadow:0 8px 30px #0000001f;height:auto;width:100%}.pricing-page section{padding:4rem 0}.pricing-page section:nth-child(2n){background-color:var(--current-bg-secondary)}.pricing-page .section-header{margin:0 auto 3rem;max-width:800px;text-align:center}.pricing-page .section-header h2{color:var(--current-text-primary);display:inline-block;font-size:2rem;margin-bottom:1rem;position:relative}.pricing-page .section-header h2:after{background-color:#017bfe;background-color:var(--primary-color);border-radius:1.5px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.pricing-page .section-header p{color:var(--current-text-secondary);font-size:1.125rem}.pricing-page .button{align-items:center;border-radius:.5rem;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.pricing-page .button.primary{background-color:#017bfe;background-color:var(--primary-color);color:#fff}.pricing-page .button.primary:hover{background-color:#0162cb;box-shadow:0 4px 12px #017bfe33;transform:translateY(-2px)}.pricing-page .button.primary:active{transform:translateY(0)}.pricing-page .button.secondary{background-color:#0000;border:1px solid #017bfe;border:1px solid var(--primary-color);color:#017bfe;color:var(--primary-color)}.pricing-page .button.secondary:hover{background-color:#017bfe0d;transform:translateY(-2px)}.pricing-page .button.secondary:active{transform:translateY(0)}.pricing-page .feature-comparison .comparison-table{border-radius:1rem;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:1000px;overflow-x:auto;width:100%}.pricing-page .feature-comparison .comparison-table table{border-collapse:collapse;border-radius:1rem;overflow:hidden;width:100%}.pricing-page .feature-comparison .comparison-table table td,.pricing-page .feature-comparison .comparison-table table th{border-bottom:1px solid var(--current-border-color);padding:1.25rem 1.5rem;text-align:center}.pricing-page .feature-comparison .comparison-table table td:first-child,.pricing-page .feature-comparison .comparison-table table th:first-child{font-weight:500;padding-left:2rem;text-align:left}.pricing-page .feature-comparison .comparison-table table th{background-color:#017bfe;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px}.pricing-page .feature-comparison .comparison-table table th:first-child{background-color:#0162cb}.pricing-page .feature-comparison .comparison-table table tr:last-child td{border-bottom:none}.pricing-page .feature-comparison .comparison-table table tbody{background-color:var(--current-bg-primary)}.pricing-page .feature-comparison .comparison-table table tbody tr{transition:background-color .2s ease}.pricing-page .feature-comparison .comparison-table table tbody tr:hover{background-color:#017bfe0d}.pricing-page .feature-comparison .comparison-table table tbody tr:nth-child(2n){background-color:var(--current-bg-secondary)}.pricing-page .feature-comparison .comparison-table table tbody tr:nth-child(2n):hover{background-color:#017bfe0d}.pricing-page .feature-comparison .comparison-table table tbody td{color:var(--current-text-primary);font-size:.95rem}.pricing-page .feature-comparison .comparison-table table .icon-check{color:var(--success-color);font-size:1.125rem}.pricing-page .feature-comparison .comparison-table table .icon-times{color:#666;color:var(--text-secondary);font-size:1.125rem;opacity:.5}.pricing-page .testimonials{background-color:var(--current-bg-secondary);position:relative}.pricing-page .testimonials .testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.pricing-page .testimonials .testimonials-grid{grid-template-columns:repeat(2,1fr)}}.pricing-page .testimonials .testimonial-card{background-color:var(--current-bg-primary);border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-page .testimonials .testimonial-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.pricing-page .testimonials .testimonial-card .quote-mark{color:#017bfe1a;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;right:1.5rem;top:1rem}.pricing-page .testimonials .testimonial-card blockquote{color:var(--current-text-primary);font-size:1.125rem;font-style:italic;line-height:1.7;margin-bottom:1.5rem}.pricing-page .testimonials .testimonial-card .testimonial-author{align-items:center;display:flex}.pricing-page .testimonials .testimonial-card .testimonial-author img{border:3px solid #017bfe1a;border-radius:50%;height:3.5rem;margin-right:1rem;object-fit:cover;width:3.5rem}.pricing-page .testimonials .testimonial-card .testimonial-author .author-info strong{color:var(--current-text-primary);display:block;font-size:1rem}.pricing-page .testimonials .testimonial-card .testimonial-author .author-info span{color:var(--current-text-secondary);font-size:.875rem}.pricing-page .faq .faq-accordion{margin:0 auto;max-width:800px}.pricing-page .faq .faq-item{background-color:var(--current-bg-primary);border:1px solid var(--current-border-color);border-radius:.75rem;box-shadow:0 2px 10px #0000000d;margin-bottom:1rem;overflow:hidden}.pricing-page .faq .faq-item summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:1.25rem 1.5rem;position:relative}.pricing-page .faq .faq-item summary::-webkit-details-marker{display:none}.pricing-page .faq .faq-item summary:after{color:#017bfe;color:var(--primary-color);content:"+";font-size:1.5rem;transition:transform .3s ease}.pricing-page .faq .faq-item summary h3{color:var(--current-text-primary);font-size:1.125rem;font-weight:500}.pricing-page .faq .faq-item[open] summary:after{content:"−"}.pricing-page .faq .faq-item .faq-content{padding:0 1.5rem 1.5rem}.pricing-page .faq .faq-item .faq-content p{color:var(--current-text-secondary);font-size:1rem;line-height:1.6}.pricing-page .cta{background:linear-gradient(90deg,#017bfe08,#017bfe12);border-radius:0;overflow:hidden;position:relative}.pricing-page .cta .container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:992px){.pricing-page .cta .container{align-items:center;grid-template-columns:1fr 1fr}}.pricing-page .cta .cta-content h2{color:var(--current-text-primary);font-size:2rem;margin-bottom:1rem}.pricing-page .cta .cta-content p{color:var(--current-text-secondary);font-size:1.125rem;margin-bottom:2rem;max-width:540px}.pricing-page .cta .cta-content .feature-list{list-style:none;margin-bottom:2rem}.pricing-page .cta .cta-content .feature-list li{align-items:center;color:var(--current-text-primary);display:flex;font-weight:500;margin-bottom:1rem}.pricing-page .cta .cta-content .feature-list li .check-icon{color:var(--success-color);font-size:1.125rem;margin-right:.75rem}.pricing-page .cta .cta-content .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem}.pricing-page .cta .cta-image img{border-radius:1rem;box-shadow:0 12px 30px #00000026;height:auto;transition:transform .3s ease;width:100%}.pricing-page .cta .cta-image img:hover{transform:translateY(-5px)}@media(max-width:767px){.pricing-page .hero-section .hero-text{text-align:center}.pricing-page .hero-section .hero-text .subtitle{margin-left:auto;margin-right:auto}.pricing-page .hero-section .hero-text .hero-stats{justify-content:center}.pricing-page .comparison-table table{font-size:.9rem}.pricing-page .comparison-table table td,.pricing-page .comparison-table table th{padding:1rem}.pricing-page .section-header{margin-bottom:2rem}.pricing-page .cta{text-align:center}.pricing-page .cta .feature-list{display:inline-block;text-align:left}.pricing-page .cta .cta-buttons{justify-content:center}}@media(max-width:480px){.pricing-page .comparison-table table{font-size:.8rem}.pricing-page .comparison-table table td,.pricing-page .comparison-table table th{padding:.75rem .5rem}}.guidelines-page{background-color:var(--current-bg-primary);color:var(--current-text-primary)}.guidelines-page .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.guidelines-page .animate-on-scroll.visible{opacity:1;transform:translateY(0)}.guidelines-page .container{margin:0 auto;max-width:1200px;padding:0 1.5rem}@media(min-width:992px){.guidelines-page .container{padding:0 2rem}}.guidelines-page .hero-section{overflow:hidden;padding:2rem 0 4rem;position:relative}@media(min-width:768px){.guidelines-page .hero-section{padding:3rem 0 5rem}}.guidelines-page .hero-section:before{background:radial-gradient(circle at top right,#017bfe0d,#017bfe00 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.guidelines-page .hero-section .breadcrumb{color:#666;color:var(--text-secondary);font-size:.875rem;margin-bottom:2rem}.guidelines-page .hero-section .breadcrumb a{color:#017bfe;color:var(--primary-color);text-decoration:none;transition:color .2s ease}.guidelines-page .hero-section .breadcrumb a:hover{color:#0162cb;text-decoration:underline}.guidelines-page .hero-section .hero-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:768px){.guidelines-page .hero-section .hero-content{align-items:center;grid-template-columns:1fr 1fr}}.guidelines-page .hero-section .hero-text h1{color:var(--current-text-primary);font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}@media(min-width:992px){.guidelines-page .hero-section .hero-text h1{font-size:3rem}}.guidelines-page .hero-section .hero-text .subtitle{color:var(--current-text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem;max-width:540px}.guidelines-page .hero-section .hero-text .hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.guidelines-page .hero-section .hero-text .hero-stats .stat-item{align-items:center;background-color:var(--current-bg-primary);border-radius:.75rem;box-shadow:0 4px 15px #00000014;display:flex;padding:1rem 1.5rem;transition:transform .3s ease}.guidelines-page .hero-section .hero-text .hero-stats .stat-item:hover{transform:translateY(-5px)}.guidelines-page .hero-section .hero-text .hero-stats .stat-item .stat-icon{color:#017bfe;color:var(--primary-color);font-size:1.5rem;margin-right:1rem}.guidelines-page .hero-section .hero-text .hero-stats .stat-item .stat-info{display:flex;flex-direction:column}.guidelines-page .hero-section .hero-text .hero-stats .stat-item .stat-info .stat-value{color:var(--current-text-primary);font-size:1.125rem;font-weight:600}.guidelines-page .hero-section .hero-text .hero-stats .stat-item .stat-info .stat-label{color:var(--current-text-secondary);font-size:.875rem}.guidelines-page .hero-section .hero-image img{border-radius:1rem;box-shadow:0 8px 30px #0000001f;height:auto;width:100%}.guidelines-page section{padding:4rem 0}.guidelines-page section:nth-child(2n){background-color:var(--current-bg-secondary)}.guidelines-page .section-header{margin:0 auto 3rem;max-width:800px;text-align:center}.guidelines-page .section-header h2{color:var(--current-text-primary);display:inline-block;font-size:2rem;margin-bottom:1rem;position:relative}.guidelines-page .section-header h2:after{background-color:#017bfe;background-color:var(--primary-color);border-radius:1.5px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.guidelines-page .section-header p{color:var(--current-text-secondary);font-size:1.125rem}.guidelines-page .button{align-items:center;border-radius:.5rem;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.guidelines-page .button.primary{background-color:#017bfe;background-color:var(--primary-color);color:#fff}.guidelines-page .button.primary:hover{background-color:#0162cb;box-shadow:0 4px 12px #017bfe33;transform:translateY(-2px)}.guidelines-page .button.primary:active{transform:translateY(0)}.guidelines-page .button.secondary{background-color:#0000;border:1px solid #017bfe;border:1px solid var(--primary-color);color:#017bfe;color:var(--primary-color)}.guidelines-page .button.secondary:hover{background-color:#017bfe0d;transform:translateY(-2px)}.guidelines-page .button.secondary:active{transform:translateY(0)}.guidelines-page .intro-section .intro-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:768px){.guidelines-page .intro-section .intro-content{align-items:center;grid-template-columns:3fr 2fr}}.guidelines-page .intro-section .intro-content .intro-text p{color:var(--current-text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.guidelines-page .intro-section .intro-content .intro-text p:last-child{margin-bottom:0}.guidelines-page .intro-section .intro-content .intro-text p strong{color:var(--current-text-primary);font-weight:600}.guidelines-page .intro-section .intro-content .intro-image img{border-radius:1rem;box-shadow:0 8px 30px #0000001a;height:auto;transition:transform .3s ease;width:100%}.guidelines-page .intro-section .intro-content .intro-image img:hover{transform:scale(1.02)}.guidelines-page .principles-section .principles-tabs{background-color:var(--current-bg-primary);border-radius:1rem;box-shadow:0 10px 30px #0000001a;overflow:hidden}.guidelines-page .principles-section .principles-tabs .tabs-navigation{border-bottom:1px solid var(--current-border-color);display:flex;flex-wrap:wrap}.guidelines-page .principles-section .principles-tabs .tabs-navigation .tab-button{background:none;border:none;color:var(--current-text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:1.25rem 1.5rem;transition:all .3s ease}.guidelines-page .principles-section .principles-tabs .tabs-navigation .tab-button:hover{background-color:#017bfe0d;color:#017bfe;color:var(--primary-color)}.guidelines-page .principles-section .principles-tabs .tabs-navigation .tab-button.active{border-bottom:3px solid #017bfe;border-bottom:3px solid var(--primary-color);color:#017bfe;color:var(--primary-color);font-weight:600}.guidelines-page .principles-section .principles-tabs .tab-content{padding:2rem}@media(min-width:768px){.guidelines-page .principles-section .principles-tabs .tab-content{padding:2.5rem}}.guidelines-page .principles-section .principles-tabs .tab-content .principle-content{display:none}.guidelines-page .principles-section .principles-tabs .tab-content .principle-content.active{animation:fadeIn .5s ease;display:block}.guidelines-page .principles-section .principles-tabs .tab-content .principle-content .principle-header{margin-bottom:2rem}.guidelines-page .principles-section .principles-tabs .tab-content .principle-content .principle-header h3{color:var(--current-text-primary);font-size:1.5rem;margin-bottom:.5rem}.guidelines-page .principles-section .principles-tabs .tab-content .principle-content .principle-header .principle-description{color:var(--current-text-secondary);font-size:1.1rem;line-height:1.6}.guidelines-page .principles-section .principles-tabs .guidelines-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.guidelines-page .principles-section .principles-tabs .guidelines-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.guidelines-page .principles-section .principles-tabs .guidelines-list .guideline-card{background-color:var(--current-bg-secondary);border:1px solid var(--current-border-color);border-radius:.75rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.guidelines-page .principles-section .principles-tabs .guidelines-list .guideline-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.guidelines-page .principles-section .principles-tabs .guidelines-list .guideline-card h4{color:#017bfe;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.guidelines-page .principles-section .principles-tabs .guidelines-list .guideline-card p{color:var(--current-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.25rem}.guidelines-page .principles-section .principles-tabs .guidelines-list .guideline-card .example{background-color:var(--current-bg-primary);border-left:3px solid #017bfe;border-left:3px solid var(--primary-color);border-radius:.5rem;color:var(--current-text-secondary);font-size:.95rem;padding:1rem}.guidelines-page .principles-section .principles-tabs .guidelines-list .guideline-card .example strong{color:var(--current-text-primary)}.guidelines-page .conformance-section .conformance-levels{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.guidelines-page .conformance-section .conformance-levels{grid-template-columns:repeat(3,1fr)}}.guidelines-page .conformance-section .conformance-levels .conformance-card{background-color:var(--current-bg-primary);border-radius:1rem;box-shadow:0 8px 25px #00000014;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.guidelines-page .conformance-section .conformance-levels .conformance-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-5px)}.guidelines-page .conformance-section .conformance-levels .conformance-card .level-badge{align-items:center;border-radius:50%;box-shadow:0 5px 15px #0000001a;color:#fff;display:inline-flex;font-size:1.75rem;font-weight:700;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.guidelines-page .conformance-section .conformance-levels .conformance-card .level-badge.level-a{background-color:#e74c3c}.guidelines-page .conformance-section .conformance-levels .conformance-card .level-badge.level-aa{background-color:#f39c12}.guidelines-page .conformance-section .conformance-levels .conformance-card .level-badge.level-aaa{background-color:#27ae60}.guidelines-page .conformance-section .conformance-levels .conformance-card h3{color:var(--current-text-primary);font-size:1.25rem;margin-bottom:1.25rem}.guidelines-page .conformance-section .conformance-levels .conformance-card p{color:var(--current-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.25rem;text-align:left}.guidelines-page .conformance-section .conformance-levels .conformance-card p.compliance-note{border-top:1px solid var(--current-border-color);font-size:.9rem;font-style:italic;padding-top:1rem}.guidelines-page .resources-section .resources-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.guidelines-page .resources-section .resources-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.guidelines-page .resources-section .resources-grid{grid-template-columns:repeat(4,1fr)}}.guidelines-page .resources-section .resources-grid .resource-card{background-color:var(--current-bg-primary);border-radius:1rem;box-shadow:0 5px 20px #00000014;display:flex;flex-direction:column;height:100%;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.guidelines-page .resources-section .resources-grid .resource-card:hover{box-shadow:0 12px 30px #0000001a;transform:translateY(-5px)}.guidelines-page .resources-section .resources-grid .resource-card h3{color:var(--current-text-primary);font-size:1.25rem;margin-bottom:1rem}.guidelines-page .resources-section .resources-grid .resource-card p{color:var(--current-text-secondary);flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.guidelines-page .resources-section .resources-grid .resource-card .resource-link{align-items:center;color:#017bfe;color:var(--primary-color);display:inline-flex;font-weight:500;text-decoration:none;transition:color .2s ease}.guidelines-page .resources-section .resources-grid .resource-card .resource-link .icon-arrow{font-size:.875rem;margin-left:.5rem;transition:transform .2s ease}.guidelines-page .resources-section .resources-grid .resource-card .resource-link:hover{color:#0162cb}.guidelines-page .resources-section .resources-grid .resource-card .resource-link:hover .icon-arrow{transform:translateX(3px)}.guidelines-page .cta{background:linear-gradient(90deg,#017bfe08,#017bfe12);border-radius:0;overflow:hidden;position:relative}.guidelines-page .cta .container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:992px){.guidelines-page .cta .container{align-items:center;grid-template-columns:1fr 1fr}}.guidelines-page .cta .cta-content h2{color:var(--current-text-primary);font-size:2rem;margin-bottom:1rem}.guidelines-page .cta .cta-content p{color:var(--current-text-secondary);font-size:1.125rem;margin-bottom:2rem;max-width:540px}.guidelines-page .cta .cta-content .feature-list{list-style:none;margin-bottom:2rem}.guidelines-page .cta .cta-content .feature-list li{align-items:center;color:var(--current-text-primary);display:flex;font-weight:500;margin-bottom:1rem}.guidelines-page .cta .cta-content .feature-list li .check-icon{color:var(--success-color);font-size:1.125rem;margin-right:.75rem}.guidelines-page .cta .cta-content .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem}.guidelines-page .cta .cta-image img{border-radius:1rem;box-shadow:0 12px 30px #00000026;height:auto;transition:transform .3s ease;width:100%}.guidelines-page .cta .cta-image img:hover{transform:translateY(-5px)}@media(max-width:767px){.guidelines-page .hero-section .hero-text{text-align:center}.guidelines-page .hero-section .hero-text .subtitle{margin-left:auto;margin-right:auto}.guidelines-page .hero-section .hero-text .hero-stats{justify-content:center}.guidelines-page .section-header{margin-bottom:2rem}.guidelines-page .principles-tabs .tabs-navigation .tab-button{flex:1 0 50%;font-size:.9rem;padding:1rem}.guidelines-page .principles-tabs .tab-content{padding:1.5rem}.guidelines-page .cta{text-align:center}.guidelines-page .cta .feature-list{display:inline-block;text-align:left}.guidelines-page .cta .cta-buttons{justify-content:center}}@media(max-width:480px){.guidelines-page .principles-tabs .tabs-navigation .tab-button{border-bottom:1px solid var(--current-border-color);flex:1 0 100%}.guidelines-page .principles-tabs .tabs-navigation .tab-button.active{border-bottom:3px solid #017bfe;border-bottom:3px solid var(--primary-color)}}:root{--about-primary:#2a7cc7;--about-secondary:#34a0a4;--about-accent:#3e8ed0;--about-dark:#202945;--about-light:#f8f9fd;--about-text:#333746;--about-text-light:#6c757d;--about-gray-100:#f8f9fa;--about-gray-200:#e9ecef;--about-gray-300:#dee2e6;--about-success:#28a745;--about-shadow-sm:0 2px 4px #0000000d;--about-shadow:0 4px 12px #00000014;--about-shadow-lg:0 8px 24px #0000001f;--about-transition:all 0.3s ease;--about-transition-slow:all 0.5s ease;--about-gradient:linear-gradient(135deg,var(--about-primary) 0%,var(--about-secondary) 100%);--about-gradient-light:linear-gradient(135deg,var(--about-light) 0%,#fff 100%)}.about-page{background:#f8f9fd;background:var(--current-bg-primary,var(--about-light));color:#333746;color:var(--current-text-primary,var(--about-text));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.about-page .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.about-page .animate-on-scroll.visible{opacity:1;transform:translateY(0)}.about-page .animate-on-scroll:first-child{transition-delay:.1s}.about-page .animate-on-scroll:nth-child(2){transition-delay:.2s}.about-page .animate-on-scroll:nth-child(3){transition-delay:.3s}.about-page .animate-on-scroll:nth-child(4){transition-delay:.4s}.about-page .animate-on-scroll:nth-child(5){transition-delay:.5s}.about-page .animate-on-scroll:nth-child(6){transition-delay:.6s}.about-page .animate-on-scroll:nth-child(7){transition-delay:.7s}.about-page .animate-on-scroll:nth-child(8){transition-delay:.8s}.about-page .animate-on-scroll:nth-child(9){transition-delay:.9s}.about-page .animate-on-scroll:nth-child(10){transition-delay:1s}.about-page .page-header{background:linear-gradient(135deg,#2a7cc7,#34a0a4);background:var(--about-gradient);color:#fff;overflow:hidden;padding:6rem 0 4rem;position:relative}.about-page .page-header:after{background:linear-gradient(to bottom right,#fff0,#fff3);bottom:0;content:"";height:5rem;left:0;position:absolute;right:0;transform:skewY(-2deg);transform-origin:bottom right}.about-page .page-header .container{position:relative;z-index:2}.about-page .page-header .breadcrumb{font-size:.9rem;margin-bottom:2rem}.about-page .page-header .breadcrumb a{color:#fffc;text-decoration:none;transition:all .3s ease;transition:var(--about-transition)}.about-page .page-header .breadcrumb a:hover,.about-page .page-header .breadcrumb span{color:#fff}.about-page .page-header h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;max-width:800px}.about-page .page-header .subtitle{font-size:1.5rem;line-height:1.5;max-width:700px;opacity:.9}@media(max-width:768px){.about-page .page-header{padding:4rem 0 3rem}.about-page .page-header h1{font-size:2.5rem}.about-page .page-header .subtitle{font-size:1.2rem}}.about-page section{padding:5rem 0}.about-page section:nth-child(2n){background-color:#fff}.about-page section:nth-child(odd){background-color:#f8f9fa;background-color:var(--about-gray-100)}.about-page section .container{margin:0 auto;max-width:1200px;padding:0 1.5rem}@media(max-width:768px){.about-page section{padding:3rem 0}}.about-page .section-heading{margin-bottom:3rem;text-align:center}.about-page .section-heading h2{color:#202945;color:var(--about-dark);display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative}.about-page .section-heading h2:after{background:#2a7cc7;background:var(--about-primary);content:"";display:block;height:3px;margin:.5rem auto 0;width:50%}.about-page .section-heading p{color:#6c757d;color:var(--about-text-light);font-size:1.2rem;margin:0 auto;max-width:700px}@media(max-width:768px){.about-page .section-heading{margin-bottom:2rem}.about-page .section-heading h2{font-size:2rem}.about-page .section-heading p{font-size:1rem}}.about-page .our-story-section .story-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.about-page .our-story-section .story-content .story-image img{border-radius:8px;box-shadow:0 8px 24px #0000001f;box-shadow:var(--about-shadow-lg);height:auto;transition:all .3s ease;transition:var(--about-transition);width:100%}.about-page .our-story-section .story-content .story-image img:hover{box-shadow:0 8px 24px #0000001f,0 0 0 3px #2a7cc74d;box-shadow:var(--about-shadow-lg),0 0 0 3px #2a7cc74d;transform:scale(1.02)}.about-page .our-story-section .story-content .story-text p{color:#333746;color:var(--about-text);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.about-page .our-story-section .story-content .story-text p:last-child{margin-bottom:0}@media(max-width:992px){.about-page .our-story-section .story-content{gap:2rem;grid-template-columns:1fr}.about-page .our-story-section .story-content .story-image{order:2}.about-page .our-story-section .story-content .story-text{order:1}}.about-page .values-section .values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.about-page .values-section .values-grid .value-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;box-shadow:var(--about-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;transition:var(--about-transition)}.about-page .values-section .values-grid .value-card:before{background:#2a7cc7;background:var(--about-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;transition:var(--about-transition);width:4px}.about-page .values-section .values-grid .value-card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--about-shadow-lg);transform:translateY(-5px)}.about-page .values-section .values-grid .value-card:hover:before{width:8px}.about-page .values-section .values-grid .value-card h3{color:#202945;color:var(--about-dark);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.about-page .values-section .values-grid .value-card p{color:#6c757d;color:var(--about-text-light);flex-grow:1;line-height:1.6}.about-page .team-section .team-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.about-page .team-section .team-grid .team-member{text-align:center}.about-page .team-section .team-grid .team-member .member-image{border-radius:8px;margin-bottom:1.5rem;overflow:hidden;position:relative}.about-page .team-section .team-grid .team-member .member-image img{transition:all .3s ease;transition:var(--about-transition);width:100%}.about-page .team-section .team-grid .team-member .member-image:hover img{transform:scale(1.05)}.about-page .team-section .team-grid .team-member h3{color:#202945;color:var(--about-dark);font-size:1.3rem;margin-bottom:.5rem}.about-page .team-section .team-grid .team-member .title{color:#2a7cc7;color:var(--about-primary);font-size:.9rem;margin-bottom:1rem}.about-page .team-section .team-grid .team-member .bio{color:#6c757d;color:var(--about-text-light);font-size:.95rem;line-height:1.6}.about-page .partners-section{background:#fff}.about-page .partners-section .partners-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.about-page .partners-section .partners-grid .partner{text-align:center;transition:all .3s ease;transition:var(--about-transition)}.about-page .partners-section .partners-grid .partner img{filter:grayscale(100%);max-height:80px;max-width:100%;opacity:.7;transition:all .3s ease;transition:var(--about-transition)}.about-page .partners-section .partners-grid .partner:hover img{filter:grayscale(0);opacity:1;transform:scale(1.05)}@media(max-width:768px){.about-page .partners-section .partners-grid{gap:2rem}.about-page .partners-section .partners-grid .partner img{max-height:60px}}.about-page .cta-section{background:linear-gradient(135deg,#2a7cc7,#34a0a4);background:var(--about-gradient);color:#fff;padding:5rem 0;text-align:center}.about-page .cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.about-page .cta-section p{font-size:1.2rem;margin:0 auto 2.5rem;max-width:700px;opacity:.9}.about-page .cta-section .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.about-page .cta-section .cta-buttons .button{border-radius:4px;font-size:1.1rem;font-weight:500;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease;transition:var(--about-transition)}.about-page .cta-section .cta-buttons .button.primary{background:#fff;color:#2a7cc7;color:var(--about-primary)}.about-page .cta-section .cta-buttons .button.primary:hover{background:#ffffffe6;transform:translateY(-3px)}.about-page .cta-section .cta-buttons .button.secondary{background:#0000;border:2px solid #fff;color:#fff}.about-page .cta-section .cta-buttons .button.secondary:hover{background:#ffffff1a;transform:translateY(-3px)}@media(max-width:768px){.about-page .cta-section{padding:4rem 0}.about-page .cta-section h2{font-size:2rem}.about-page .cta-section p{font-size:1rem;margin-bottom:2rem}}.about-page .container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}@media(max-width:1200px){.about-page .container{max-width:960px}}@media(max-width:992px){.about-page .container{max-width:720px}}@media(max-width:768px){.about-page .container{max-width:540px}.about-page .page-header h1{font-size:2.5rem}.about-page .page-header .subtitle{font-size:1.1rem}.about-page section{padding:3rem 0}}@media(max-width:576px){.about-page .container{padding:0 1rem}.about-page .page-header{padding:3rem 0 2rem}.about-page .page-header h1{font-size:2rem}}:root{--primary-text-color:#333;--secondary-text-color:#666;--primary-bg-color:#fff;--secondary-bg-color:#f8f9fa;--accent-color:#0056b3;--hover-accent-color:#003d7a;--box-shadow:0 4px 12px #00000014;--transition-speed:0.3s;--border-radius:8px}.contact-page{background-color:var(--current-bg-primary);color:var(--current-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.contact-page .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.contact-page .animate-on-scroll.visible{opacity:1;transform:translateY(0)}.contact-page .container{margin:0 auto;max-width:1200px;padding:0 1.5rem}@media(min-width:992px){.contact-page .container{padding:0 2rem}}.contact-page .page-header{overflow:hidden;padding:3rem 0 5rem;position:relative}.contact-page .page-header:before{background:radial-gradient(circle at top right,#017bfe0d,#017bfe00 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.contact-page .page-header h1{color:var(--current-text-primary);font-size:2.5rem;font-weight:700;margin:0 0 1.5rem}@media(min-width:992px){.contact-page .page-header h1{font-size:3rem}}.contact-page .page-header .subtitle{color:var(--current-text-secondary);font-size:1.125rem;line-height:1.5;margin:0 auto;max-width:700px}.contact-page .page-header .breadcrumb{color:var(--current-text-secondary);font-size:.875rem;margin-bottom:2rem}.contact-page .page-header .breadcrumb a{color:#017bfe;color:var(--primary-color);text-decoration:none;transition:color .2s ease}.contact-page .page-header .breadcrumb a:hover{color:#0162cb;text-decoration:underline}.contact-page section{padding:4rem 0}@media(min-width:768px){.contact-page section{padding:5rem 0}}.contact-page section:nth-child(2n){background-color:var(--current-bg-secondary)}.contact-page .section-heading{margin:0 auto 3rem;max-width:800px;text-align:center}.contact-page .section-heading h2{color:var(--current-text-primary);display:inline-block;font-size:2rem;font-weight:700;margin:0 0 1rem;position:relative}.contact-page .section-heading h2:after{background-color:#017bfe;background-color:var(--primary-color);border-radius:1.5px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media(min-width:992px){.contact-page .section-heading h2{font-size:2.25rem}}.contact-page .section-heading p{color:var(--current-text-secondary);font-size:1.125rem}.contact-page .contact-form-section .contact-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:992px){.contact-page .contact-form-section .contact-container{gap:3rem;grid-template-columns:1fr 2fr}}.contact-page .contact-form-section .contact-info{background-color:var(--current-bg-primary);border-radius:1rem;box-shadow:0 8px 30px #0000001f;height:-webkit-fit-content;height:fit-content;padding:2rem}@media(min-width:768px){.contact-page .contact-form-section .contact-info{padding:2.5rem}}.contact-page .contact-form-section .contact-info .info-item{margin-bottom:1.5rem}.contact-page .contact-form-section .contact-info .info-item h3{align-items:center;color:#017bfe;color:var(--primary-color);display:flex;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.contact-page .contact-form-section .contact-info .info-item h3 .info-icon{font-size:1.2rem;margin-right:10px}.contact-page .contact-form-section .contact-info .info-item p{color:var(--current-text-secondary);margin:0}.contact-page .contact-form-section .contact-info .info-item p a{color:var(--current-text-primary);text-decoration:none;transition:color .2s ease}.contact-page .contact-form-section .contact-info .info-item p a:hover{color:#017bfe;color:var(--primary-color)}.contact-page .contact-form-section .contact-info .social-links h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.contact-page .contact-form-section .contact-info .social-links .social-icons{display:flex;gap:1rem}.contact-page .contact-form-section .contact-info .social-links .social-icons a{align-items:center;background-color:var(--current-bg-secondary);border-radius:50%;color:#017bfe;color:var(--primary-color);display:flex;font-size:1.125rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.contact-page .contact-form-section .contact-info .social-links .social-icons a:hover{background-color:#017bfe;background-color:var(--primary-color);box-shadow:0 6px 15px #017bfe33;color:#fff;transform:translateY(-3px)}.contact-page .contact-form-section .contact-form-wrapper{background-color:var(--current-bg-primary);border-radius:1rem;box-shadow:0 8px 30px #0000001f;padding:0}.contact-page .contact-form-section .contact-form-wrapper .contact{padding:0!important}.contact-page .contact-form-section .contact-form-wrapper .contact__container{padding:1.5rem!important}@media(min-width:768px){.contact-page .contact-form-section .contact-form-wrapper{padding:3rem}}.contact-page .locations-section .locations-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:576px){.contact-page .locations-section .locations-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.contact-page .locations-section .locations-grid{grid-template-columns:repeat(3,1fr)}}.contact-page .locations-section .location-card{background-color:var(--current-bg-primary);border-radius:1rem;box-shadow:0 8px 30px #0000001f;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.contact-page .locations-section .location-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.contact-page .locations-section .location-card h3{align-items:center;color:#017bfe;color:var(--primary-color);display:flex;font-size:1.3rem;font-weight:600;margin-bottom:1.25rem}.contact-page .locations-section .location-card h3 .location-icon{font-size:1.25rem;margin-right:.75rem}.contact-page .locations-section .location-card address{color:var(--current-text-secondary);font-style:normal;line-height:1.6;margin-bottom:1.25rem}.contact-page .locations-section .location-card .email,.contact-page .locations-section .location-card .phone{align-items:center;display:flex;margin-bottom:.75rem}.contact-page .locations-section .location-card .email .contact-icon,.contact-page .locations-section .location-card .phone .contact-icon{color:#017bfe;color:var(--primary-color);font-size:1rem;margin-right:.5rem}.contact-page .locations-section .location-card .email a,.contact-page .locations-section .location-card .phone a{color:var(--current-text-primary);text-decoration:none;transition:color .2s ease}.contact-page .locations-section .location-card .email a:hover,.contact-page .locations-section .location-card .phone a:hover{color:#017bfe;color:var(--primary-color)}.contact-page .map-section .map-container{border-radius:1rem;box-shadow:0 8px 30px #0000001f;overflow:hidden}.contact-page .map-section .map-container iframe{border:0;display:block;height:450px;width:100%}.contact-page .faq-section .faqs{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:992px){.contact-page .faq-section .faqs{grid-template-columns:repeat(2,1fr)}}.contact-page .faq-section .faq-item{background-color:var(--current-bg-primary);border:1px solid var(--current-border-color);border-radius:1rem;box-shadow:0 8px 30px #0000001f;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.contact-page .faq-section .faq-item:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.contact-page .faq-section .faq-item h3{align-items:center;color:#017bfe;color:var(--primary-color);display:flex;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.contact-page .faq-section .faq-item h3 .faq-icon{flex-shrink:0;font-size:1.25rem;margin-right:.75rem}.contact-page .faq-section .faq-item p{color:var(--current-text-secondary);line-height:1.6;margin:0}.contact-page .cta-section{background:linear-gradient(90deg,#017bfe08,#017bfe12);overflow:hidden;position:relative}.contact-page .cta-section .container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;text-align:center}@media(min-width:992px){.contact-page .cta-section .container{align-items:center;grid-template-columns:1fr 1fr;text-align:left}}.contact-page .cta-section .cta-content h2{color:var(--current-text-primary);font-size:2rem;font-weight:700;margin:0 0 1.5rem}@media(min-width:992px){.contact-page .cta-section .cta-content h2{font-size:2.5rem}}.contact-page .cta-section .cta-content p{color:var(--current-text-secondary);font-size:1.125rem;margin:0 0 2rem;max-width:540px}@media(min-width:992px){.contact-page .cta-section .cta-content p{margin-left:0}}.contact-page .cta-section .cta-content .feature-list{display:inline-block;list-style:none;margin-bottom:2rem;text-align:left}.contact-page .cta-section .cta-content .feature-list li{align-items:center;color:var(--current-text-primary);display:flex;font-weight:500;margin-bottom:1rem}.contact-page .cta-section .cta-content .feature-list li .check-icon{color:#28a745;color:var(--success-color);font-size:1.125rem;margin-right:.75rem}.contact-page .cta-section .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media(min-width:992px){.contact-page .cta-section .cta-buttons{justify-content:flex-start}}.contact-page .cta-section .cta-buttons .button{align-items:center;border-radius:.5rem;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.contact-page .cta-section .cta-buttons .button.primary{background-color:#017bfe;background-color:var(--primary-color);color:#fff}.contact-page .cta-section .cta-buttons .button.primary:hover{background-color:#0162cb;box-shadow:0 6px 15px #017bfe33;transform:translateY(-2px)}.contact-page .cta-section .cta-buttons .button.primary:active{transform:translateY(0)}.contact-page .cta-section .cta-buttons .button.secondary{background-color:#0000;border:1px solid #017bfe;border:1px solid var(--primary-color);color:#017bfe;color:var(--primary-color)}.contact-page .cta-section .cta-buttons .button.secondary:hover{background-color:#017bfe0d;transform:translateY(-2px)}.contact-page .cta-section .cta-buttons .button.secondary:active{transform:translateY(0)}.contact-page .cta-section .cta-image img{border-radius:1rem;box-shadow:0 12px 30px #00000026;height:auto;transition:transform .3s ease;width:100%}.contact-page .cta-section .cta-image img:hover{transform:translateY(-5px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.contact-page .page-header{text-align:center}.contact-page .page-header .subtitle{margin-left:auto;margin-right:auto}.contact-page .section-heading{margin-bottom:2rem}.contact-page .contact-form-section .contact-info{text-align:center}.contact-page .contact-form-section .contact-info .info-item h3,.contact-page .contact-form-section .contact-info .social-links .social-icons{justify-content:center}}.history-page{margin:0 auto;max-width:1200px;padding:20px}.history-page .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.history-page .header h1{color:#333;font-size:28px;margin:0}.history-page .load-more-button,.history-page .refresh-button,.history-page .try-again-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.history-page .load-more-button:hover,.history-page .refresh-button:hover,.history-page .try-again-button:hover{background-color:#2980b9}.history-page .load-more-button:disabled,.history-page .refresh-button:disabled,.history-page .try-again-button:disabled{background-color:#95a5a6;cursor:not-allowed}.history-page .empty-history,.history-page .loading{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#7f8c8d;font-size:16px;padding:40px;text-align:center}.history-page .loading-results{background-color:#f9f9f9;border-radius:4px;color:#7f8c8d;font-style:italic;margin-top:10px;padding:20px;text-align:center}.history-page .no-detailed-results{background-color:#f9f9f9;border-radius:8px;margin-top:12px;padding:16px}.history-page .no-detailed-results p{color:#7f8c8d;font-style:italic;margin-bottom:12px;margin-top:0;text-align:center}.history-page .no-detailed-results .result-summary{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around}.history-page .no-detailed-results .result-summary .summary-item{align-items:center;display:flex;flex-direction:column}.history-page .no-detailed-results .result-summary .summary-item .label{color:#7f8c8d;font-size:12px;margin-bottom:4px}.history-page .no-detailed-results .result-summary .summary-item .value{color:#34495e;font-weight:700}.history-page .no-detailed-results .result-summary .summary-item .value.scan-type{background-color:#f5f5f5;border-radius:4px;color:#8e44ad;font-size:14px;padding:2px 6px;text-transform:uppercase}.history-page .error-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px;text-align:center}.history-page .error-container h2{color:#e74c3c;margin-top:0}.history-page .error-container p{color:#7f8c8d;margin-bottom:24px}.history-page .history-list{display:flex;flex-direction:column;gap:20px}.history-page .history-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow:hidden}.history-page .scan-header{border-bottom:1px solid #eee;padding:16px 20px}.history-page .scan-header h3{color:#2c3e50;font-size:18px;margin:0 0 8px;word-break:break-all}.history-page .scan-header .scan-meta{color:#7f8c8d;display:flex;font-size:14px;justify-content:space-between}.history-page .scan-header .scan-status{font-weight:500}.history-page .scan-header .scan-status.completed{color:#27ae60}.history-page .scan-header .scan-status.failed{color:#e74c3c}.history-page .scan-header .scan-status.in-progress,.history-page .scan-header .scan-status.pending,.history-page .scan-header .scan-status.processing{color:#f39c12}.history-page .scan-results{padding:20px}.history-page .scan-results .results-header{display:flex;justify-content:space-between;margin-bottom:20px}@media(max-width:600px){.history-page .scan-results .results-header{flex-direction:column;gap:16px}}.history-page .scan-results .score-container{align-items:center;display:flex;flex-direction:column}.history-page .scan-results .score-circle{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:70px;justify-content:center;margin-bottom:8px;width:70px}.history-page .scan-results .stats-container{display:flex;gap:24px}@media(max-width:600px){.history-page .scan-results .stats-container{flex-wrap:wrap;justify-content:space-around;width:100%}}.history-page .scan-results .stat-item{text-align:center}.history-page .scan-results .stat-value{font-size:22px;font-weight:700;margin-bottom:4px}.history-page .scan-results .stat-value.issues{color:#e74c3c}.history-page .scan-results .stat-value.passed{color:#27ae60}.history-page .scan-results .stat-value.warnings{color:#f39c12}.history-page .scan-results .stat-value.scan-type{background-color:#f5f5f5;border-radius:4px;color:#8e44ad;font-size:18px;padding:2px 6px;text-transform:uppercase}.history-page .scan-results .stat-value.scan-type:empty:after{color:#95a5a6;content:"FREE"}.history-page .scan-results .stat-label{color:#7f8c8d;font-size:14px}.history-page .scan-results .issues-list{border-top:1px solid #eee;margin-top:20px;padding-top:16px}.history-page .scan-results .issues-list h4{color:#2c3e50;margin-bottom:12px;margin-top:0}.history-page .scan-results .issues-list ul{list-style-type:none;margin:0;padding-left:0}.history-page .scan-results .issues-list .issue-item{border-bottom:1px solid #eee;color:#555;padding:10px 0}.history-page .scan-results .issues-list .issue-item:last-child{border-bottom:none}.history-page .scan-results .actions-container{display:flex;justify-content:center;margin:15px 0 5px}.history-page .scan-results .actions-container .toggle-details-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.history-page .scan-results .actions-container .toggle-details-button:hover{background-color:#2980b9}.history-page .scan-results .actions-container .toggle-details-button:disabled{background-color:#95a5a6;cursor:not-allowed}.history-page .load-more-container{margin-top:20px;padding-bottom:20px;text-align:center}:root{--primary-color-dark:#0056b3;--primary-hover:#0069d9;--secondary-color:#3c3c3c;--background-color:#f8f9fa;--text-color:#333;--text-secondary:#666;--border-color:#e2e8f0;--card-bg:#fff;--button-secondary-bg:#fff;--button-secondary-text:#333;--button-secondary-hover:#f8f9fa}.cookie-consent-banner{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;z-index:9999}.cookie-consent-banner .cookie-consent-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:800px;padding:1.5rem;width:100%}.cookie-consent-banner .cookie-consent-container .cookie-consent-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.cookie-consent-banner .cookie-consent-container .cookie-consent-header h2{color:#333;color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.cookie-consent-banner .cookie-consent-container .cookie-consent-message{margin-bottom:1.5rem}.cookie-consent-banner .cookie-consent-container .cookie-consent-message p{color:#666;color:var(--text-secondary);line-height:1.6;margin:0}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem;transition:box-shadow .2s,transform .2s}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option:hover{box-shadow:0 2px 8px #0000001a}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option.essential{background-color:#4caf500d}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option.ad-detail-option{border-left:3px solid #e2e8f0;border-left:3px solid var(--border-color);padding-left:calc(1rem + 10px);transition:opacity .3s,background-color .3s}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option.ad-detail-option.disabled-option{background-color:#00000008;opacity:.7}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option.ad-detail-option.disabled-option .cookie-option-toggle .toggle-label{cursor:not-allowed}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-title{align-items:center;display:flex;gap:10px}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-title h3{color:#333;color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-title .cookie-option-badge{background-color:#4caf501a;border-radius:12px;color:#4caf50;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-toggle{position:relative}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-toggle input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-toggle input[type=checkbox]:checked+.toggle-label{background-color:#4caf50}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-toggle input[type=checkbox]:checked+.toggle-label:before{transform:translateX(20px)}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-toggle input[type=checkbox]:disabled+.toggle-label{cursor:not-allowed;opacity:.6}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-toggle .toggle-label{background-color:#ccc;border-radius:34px;cursor:pointer;display:block;height:22px;position:relative;transition:background-color .3s;width:42px}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-toggle .toggle-label:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:18px;left:2px;position:absolute;transition:transform .3s;width:18px}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option p{color:#666;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.cookie-consent-banner .cookie-consent-container .cookie-consent-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cookie-consent-banner .cookie-consent-container .cookie-consent-footer{font-size:.8rem;margin-top:1.5rem;text-align:center}.cookie-consent-banner .cookie-consent-container .cookie-consent-footer a{color:#666;color:var(--text-secondary);text-decoration:underline}.cookie-consent-banner .cookie-consent-container .cookie-consent-footer a:hover{color:#4caf50}.cookie-consent-banner button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s}.cookie-consent-banner button:active{transform:scale(.98)}.cookie-consent-banner button.cookie-consent-accept-button{background-color:#4caf50;color:#fff}.cookie-consent-banner button.cookie-consent-accept-button:hover{background-color:#3d8b40;box-shadow:0 2px 8px #4caf5066}.cookie-consent-banner button.cookie-consent-reject-button{background-color:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#666;color:var(--text-secondary)}.cookie-consent-banner button.cookie-consent-reject-button:hover{background-color:#0000000d}.cookie-consent-banner button.cookie-consent-manage-button,.cookie-consent-banner button.cookie-consent-save-button{background-color:#0000;border:1px solid #4caf50;color:#4caf50}.cookie-consent-banner button.cookie-consent-manage-button:hover,.cookie-consent-banner button.cookie-consent-save-button:hover{background-color:#4caf500d}.cookie-consent-banner button.cookie-consent-back-button{background-color:#0000;color:#666;color:var(--text-secondary);padding:6px 12px}.cookie-consent-banner button.cookie-consent-back-button:hover{color:#4caf50}@media(max-width:768px){.cookie-consent-banner{padding:.5rem}.cookie-consent-banner .cookie-consent-container{border-radius:8px;max-width:100%;padding:1rem}.cookie-consent-banner .cookie-consent-container .cookie-consent-header h2{font-size:1.2rem}.cookie-consent-banner .cookie-consent-container .cookie-consent-message p{font-size:.9rem}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option{padding:.5rem}.cookie-consent-banner .cookie-consent-container .cookie-consent-options .cookie-consent-option .cookie-consent-option-header .cookie-option-title h3{font-size:1rem}.cookie-consent-banner .cookie-consent-container .cookie-consent-actions{flex-direction:column-reverse}.cookie-consent-banner .cookie-consent-container .cookie-consent-actions button{margin-bottom:.5rem;padding:12px 16px;width:100%}}:root{--primary-color:#017bfe;--error-color:#dc3545;--success-color:#28a745;--warning-color:#ffc107;--text-primary:#333;--text-secondary:#ababab;--background-primary:#fff;--background-secondary:#f8f9fa;--border-color:#e0e0e0;--bg-light:#f5f5f5;--bg-secondary:#eee;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 6px #0000001a;--primary-light:#bbdefb;--critical:#d32f2f;--critical-light:#ffebee;--serious:#f57c00;--serious-light:#fff3e0;--moderate:#fbc02d;--moderate-light:#fffde7;--text-tertiary:#999;--danger:#dc3545;--danger-light:#ffebee;--error:#d32f2f;--error-light:#ffebee;--dark-bg-primary:#1e1e1e;--dark-bg-secondary:#252525;--dark-text-primary:#e0e0e0;--dark-text-secondary:#a0a0a0;--dark-border-color:#333;--dark-card-bg:#2d2d2d;--dark-code-bg:#1a1a1a;--dark-hover-bg:#353535;--current-bg-primary:var(--background-primary);--current-bg-secondary:var(--background-secondary);--current-text-primary:var(--text-primary);--current-text-secondary:var(--text-secondary);--current-border-color:var(--border-color);--dev-bg-primary:#1a1b1e;--dev-bg-secondary:#212428;--dev-bg-tertiary:#2a2d34;--dev-text-primary:#e6e8ea;--dev-text-secondary:#9ba1a8;--dev-border-color:#383b42;--dev-card-shadow:0 4px 6px #0000004d;--dev-highlight:#2d3139;--dev-primary:#4d9fff;--dev-primary-light:#4d9fff26;--dev-success:#2ecc71;--dev-warning:#f1c40f;--dev-danger:#e74c3c}:root.business-mode{--current-bg-primary:var(--business-bg-primary);--current-bg-secondary:var(--business-bg-secondary);--current-bg-tertiary:var(--business-bg-tertiary);--current-text-primary:var(--business-text-primary);--current-text-secondary:var(--business-text-secondary);--current-border-color:var(--business-border-color);--current-card-shadow:var(--business-card-shadow);--current-primary:var(--business-primary);--current-primary-light:var(--business-primary-light);--business-bg-primary:#fff;--business-bg-secondary:#f8f9fa;--business-bg-tertiary:#f5f5f5;--business-text-primary:#333;--business-text-primary-light:#7c7c7c;--business-text-secondary:#666;--business-border-color:#e0e0e0;--business-card-shadow:0 2px 4px #0000001a;--bg-primary:#fff;--text-primary:#333;--border-color:#e0e0e0;--card-bg:#f9f9f9;--code-bg:#f0f0f0;--hover-bg:#f5f5f5;--primary:#007bff;--primary-light:#e6f7ff;--primary-dark:#0056b3;--secondary:#6c757d;--secondary-light:#f8f9fa;--secondary-dark:#343a40;--dev-text-secondary:#6c757d;--dev-text-primary:#333;--dev-border-color:#e0e0e0;--dev-card-bg:#f9f9f9;--dev-code-bg:#f0f0f0;--dev-hover-bg:#f5f5f5;--dev-primary:#007bff;--dev-primary-light:#e6f7ff;--dev-primary-dark:#0056b3;--dev-secondary:#6c757d;--dev-secondary-light:#f8f9fa;--dev-secondary-dark:#343a40;--chart-color-1:#ff6384;--chart-color-2:#36a2eb;--chart-color-3:#ffce56;--chart-color-4:#4bc0c0;--chart-color-5:#96f;--chart-color-6:#ff9f40;--chart-critical:#c92a2a;--chart-serious:#e67700;--chart-moderate:#fab005;--chart-success:#2b8a3e;--chart-critical-hover:#ff3636;--chart-serious-hover:#ff8c00;--chart-moderate-hover:#ffca2c;--chart-success-hover:#37b24d;--chart-border:#fff}:root.developer-mode{--current-bg-primary:var(--dev-bg-primary);--current-bg-secondary:var(--dev-bg-secondary);--current-bg-tertiary:var(--dev-bg-tertiary);--current-text-primary:var(--dev-text-primary);--current-text-secondary:var(--dev-text-secondary);--current-border-color:var(--dev-border-color);--current-card-shadow:var(--dev-card-shadow);--current-primary:var(--dev-primary);--current-primary-light:var(--dev-primary-light);--bg-primary:#1e1e1e;--text-primary:#e0e0e0;--border-color:#333;--card-bg:#252525;--code-bg:#2d2d2d;--hover-bg:#353535;--primary:#007bff;--primary-light:#e6f7ff;--primary-dark:#0056b3;--secondary:#6c757d;--secondary-light:#f8f9fa;--secondary-dark:#343a40;--dev-text-secondary:#6c757d;--dev-text-primary:#e0e0e0;--dev-border-color:#333;--dev-card-bg:#252525;--dev-code-bg:#2d2d2d;--dev-hover-bg:#353535;--dev-primary:#007bff;--dev-primary-light:#e6f7ff;--dev-primary-dark:#0056b3;--dev-secondary:#6c757d;--dev-secondary-light:#f8f9fa;--dev-secondary-dark:#343a40;--chart-color-1:#ff4d6d;--chart-color-2:#4dabf7;--chart-color-3:#ffd43b;--chart-color-4:#63e6be;--chart-color-5:#b197fc;--chart-color-6:#ffa94d;--chart-critical:#ff6b6b;--chart-serious:#ff922b;--chart-moderate:#ffd43b;--chart-success:#51cf66;--chart-critical-hover:#ff8787;--chart-serious-hover:#ffa94d;--chart-moderate-hover:#fcc419;--chart-success-hover:#69db7c;--chart-border:#2d3436}:root.developer-mode .main-content{background-color:#1a1b1e;background-color:var(--dev-bg-primary);color:#e6e8ea;color:var(--dev-text-primary)}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;isolation:isolate;line-height:1.6;position:relative}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{background-color:#fff;background-color:var(--current-bg-primary);border-color:#e0e0e0;border-color:var(--current-border-color);color:#333;color:var(--current-text-primary);flex:1 1;margin:0 auto;width:100%}.main-content .content-header,.main-content .sidebar-header{background-color:#f8f9fa;background-color:var(--current-bg-secondary);border-color:#e0e0e0;border-color:var(--current-border-color)}.main-content .content-body,.main-content .sidebar-content{color:#ababab;color:var(--current-text-secondary)}.button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .3s ease}.button.primary{background-color:#017bfe;background-color:var(--primary-color);color:#fff}.button.primary:hover{background-color:#0c7cd5}.button.secondary{background-color:#0000;border:1px solid #017bfe;border:1px solid var(--primary-color);color:#017bfe;color:var(--primary-color)}.button.secondary:hover{background-color:#2196f31a}.button:disabled{cursor:not-allowed;opacity:.6}.card{background:#fff;background:var(--background-primary);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.error-message{background-color:#dc35451a;border-radius:4px;color:#dc3545;color:var(--error-color);margin:1rem 0;padding:.5rem}@media(max-width:768px){.main-content{padding:1rem}}[data-theme=developer]{--current-bg-primary:var(--dark-bg-primary);--current-bg-secondary:var(--dark-bg-secondary);--current-text-primary:var(--dark-text-primary);--current-text-secondary:var(--dark-text-secondary);--current-border-color:var(--dark-border-color)}body{background-color:var(--current-bg-primary);color:var(--current-text-primary)}.card{box-shadow:var(--current-card-shadow)}.button,.card{background-color:#f8f9fa;background-color:var(--current-bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--current-border-color)}.button{color:#333;color:var(--current-text-primary)}.button:hover{background-color:var(--current-bg-tertiary)}html.developer-mode{--current-bg-primary:var(--dev-bg-primary);--current-bg-secondary:var(--dev-bg-secondary);--current-text-primary:var(--dev-text-primary);--current-text-secondary:var(--dev-text-secondary);--current-border-color:var(--dev-border-color)}html.developer-mode,html.developer-mode body{background-color:#1a1b1e;background-color:var(--dev-bg-primary);color:#e6e8ea;color:var(--dev-text-primary)}body{background-color:#fff;color:#333;color:var(--text-primary)}.developer-mode{--current-bg-primary:var(--dev-bg-primary);--current-bg-secondary:var(--dev-bg-secondary);--current-bg-tertiary:var(--dev-bg-tertiary);--current-text-primary:var(--dev-text-primary);--current-text-secondary:var(--dev-text-secondary);--current-border-color:var(--dev-border-color);--current-card-shadow:var(--dev-card-shadow);--current-primary:var(--dev-primary);--current-primary-light:var(--dev-primary-light)}.developer-mode .main-content{background-color:#1a1b1e;background-color:var(--dev-bg-primary);color:#e6e8ea;color:var(--dev-text-primary)}.developer-mode .content-header,.developer-mode .sidebar-header{background-color:#212428;background-color:var(--dev-bg-secondary);border-color:#383b42;border-color:var(--dev-border-color)}.developer-mode .content-body,.developer-mode .sidebar-content{color:#9ba1a8;color:var(--dev-text-secondary)}.developer-mode .button{color:#e6e8ea;color:var(--dev-text-primary)}.developer-mode .button,.developer-mode .card{background-color:#212428;background-color:var(--dev-bg-secondary);border:1px solid #383b42;border:1px solid var(--dev-border-color)}.developer-mode .card{box-shadow:0 4px 6px #0000004d;box-shadow:var(--dev-card-shadow)}.home-page{isolation:isolate;position:relative;z-index:1}.dropdown,.modal,.overlay,.popup{z-index:9999!important}.navbar .user-dropdown.active{position:fixed!important;z-index:99999!important}body.scan-progress-active,html.scan-in-progress{height:100%!important;overflow:hidden!important;position:relative!important;width:100%!important}.scan-progress-overlay{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background-color:#000000d9!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;overflow-y:auto!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999999!important}
/*# sourceMappingURL=main.9d38c617.css.map*/