:root{--wz-color-text-muted:#616161;--wz-color-strength-muted:#DEDEDE;--wz-color-strength-weak:#D40129;--wz-color-strength-fair:#D48E01;--wz-color-strength-strong:#01CB55;--wz-color-strength-very-strong:#01C19A;--wz-color-strength-txt-weak:#D40129;--wz-color-strength-txt-fair:#A16C01;--wz-color-strength-txt-strong:#018939;--wz-color-strength-txt-very-strong:#01846A}
.wztool-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{color:#000;}
.bg-gray{background-color:#F8F8F8}
.color-gray{color:#616161;}
.hero{padding:40px 0;}
.hero-title{margin-bottom:16px;font-style:normal;font-weight:400;letter-spacing:-0.96px}
.hero-description{margin-bottom:40px;font-size:18px;font-weight:400;line-height:26px}
.hero-description p{margin:0 0 12px}
.hero-icon{margin-right:8px;display:inline-block;position:relative;top:5px}
.hero-icon img{display:block;width:15px}
.hero-tabs-content{padding:20px;border-radius:20px;background:#FFF;box-shadow:0 0 8px rgba(0,0,0,0.10);position:relative;z-index:2;text-align:left;}
.wztool-purpose__options{display:flex;gap:6px}
.wztool-purpose{margin-bottom:0;display:flex;justify-content:center;align-items:flex-end;gap:12px}
.wztool-purpose__btn{padding:12px;min-width:60px;border-radius:8px 8px 0 0;border-top:1px solid #757575;border-left:1px solid #757575;border-right:1px solid #757575;border-bottom:0;text-align:center;font-size:16px;font-weight:400;line-height:24px;color:#616161;background-color:#F8F8F8;position:relative;z-index:1;transition:all 0.3s ease;}
.wztool-purpose__btn:hover{border-color:#FCBA2E;color:#000}
.wztool-purpose__btn[aria-selected="true"]{border-radius:0;border-color:transparent;background-color:#FFF;font-weight:700;color:#000;z-index:3}
.wztool-purpose__btn[aria-selected="true"]:after{content:"";border-top:8px solid #FCBA2E;position:absolute;top:-8px;left:0;width:100%;border-radius:8px 8px 0 0}
.wztool-input,textarea,select{width:100%;background:#FFF;border:1px solid #757575;border-radius:4px;padding:14px 12px;font-size:16px;font-weight:500;line-height:1;text-align:left;min-height:48px;}
.wztool-panel{padding:24px;border:1px solid #DEDEDE;border-radius:12px;margin-bottom:24px;background-color:transparent}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:14px 8px;}
select:focus-visible,.wztool-input:focus-visible,textarea:focus-visible{outline:2px solid #0052A3;outline-offset:0;}
.wztool-control-row__label,.wztool-label{font-size:16px;white-space:nowrap;text-align:left;}
.wztool-error{margin:24px 0;font-size:14px;color:#D40129;text-align:left;}
.wztool-error:empty{margin:0;}
.wztool-field{margin-bottom:16px;}
.wztool-field__label{margin:0 0 4px}
.wztool-color-hint{margin:12px 0 0;font-size:14px;color:var(--wz-color-text-muted);text-align:left}
.wztool-btns{display:flex;gap:12px;justify-content:center;margin-top:24px;}
.wztool-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;position:relative;}
.wztool-checkbox input{position:absolute;opacity:0;width:0;height:0;}
.wztool-checkbox::before{content:"";width:22px;height:22px;box-sizing:border-box;border:2px solid #757575;border-radius:4px;display:inline-block;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:12px 12px;}
.wztool-checkbox:has(input:checked)::before{background-color:#0067CB;border-color:#0067CB;background-image:url("/static/wz/images/product/winzip/web-tools/password-generator/icon-tick.svg");background-size:16px 16px;}
.wztool-checkbox:hover::before{border-color:#0067CB;}
.wztool-checkbox input:focus-visible+*{outline:2px solid #0067CB;outline-offset:2px;}
.btn-dark{border: 2px solid #000;}
.btn-dark:hover{ background-color: transparent;color:#000;}
.btn-w-icon svg{width:18px;height:18px;margin-right:2px}
.btn-download svg{width:14px;height:14px;}
.btn-w-icon.btn-secondary svg{fill:#000}
.btn-w-icon.btn-secondary:hover path,.btn-secondary.btn-w-icon:focus path,.btn-secondary.btn-w-icon:disabled path{fill:#FFF}
.action-section-inner{padding:40px;border-radius:20px;background:linear-gradient(92deg,#F4CC73 26.44%,#FBEECF 100%)}
.action-section-inner h2{margin-bottom:24px}
.action-section-inner p{margin:0;font-size:18px;line-height:26px}
.action-section .buttons{margin-top:32px}
.section-padding{padding:40px 0}
.section-intro{margin:0 0 40px}
.section-intro h2{font-weight:500}
.section-intro p{margin-bottom:0;}
.section-steps-list{margin-top:12px}
.steps-item{height:100%;padding:48px 24px 40px;background-color:#F8F8F8;border-radius:12px;position:relative}
.steps-item__icon{width:56px;height:56px;border-radius:50%;background-color:#BAEAFF;display:flex;align-items:center;justify-content:center;position:absolute;top:-23px;left:50%;transform:translateX(-50%)}
.steps-item__icon img{max-width:27px;max-height:24px;width:auto;height:auto}
.steps-item__title{margin:0 0 8px;font-size:20px;font-weight:700;line-height:28px}
.steps-item p{margin:0;color:#616161}
.steps-list-col{margin-bottom:50px}
.accordion-item{background-color:transparent;border-color:#CBCBCB}
.accordion-flush .accordion-item:first-child{border-top:1px solid #CBCBCB}
.accordion-flush .accordion-item:last-child{border-bottom:1px solid #CBCBCB}
.accordion-button{padding:20px 0 16px 0;font-size:inherit;font-weight:inherit;color:inherit;background-color:transparent;box-shadow:none!important}
.accordion-button:focus{border:0;box-shadow:none!important}
.accordion-button:not(.collapsed){color:inherit;background-color:transparent}
.accordion-button::after{width:28px;height:28px;background:no-repeat center / 18px;background-image:url(/static/wz/images/icons/chevron-down-blue.svg)}
.accordion-button:not(.collapsed)::after{background-image:url(/static/wz/images/icons/chevron-down-blue.svg)}
.accordion-body{padding:0 0 16px}
.accordion-body p:last-child{margin-bottom:0}
.accordion-header{font-weight:700;font-size:20px}
.accordion-button:hover{color:#0052a3;text-decoration:none}
.wztool-field:last-child{margin-bottom:0;}
.wztool-textarea{resize:vertical;min-height:250px;}
.wztool-field-row .wztool-field{flex:1;min-width:0;}
.wztool-qr-preview{width:200px;height:200px;padding:0;border:1px solid #DEDEDE;border-radius:12px;margin-bottom:24px;background-color:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.wztool-qr-preview canvas{width:100%;height:100%;display:block;}
.wztool-qr-colors{flex:1;display:flex;flex-direction:column;gap:6px;}
.wztool-color-swatches{display:flex;gap:8px;align-items:center;}
.wztool-color-swatch{width:22px;height:22px;flex-shrink:0;padding:0;border:2px solid transparent;border-radius:5px;cursor:pointer;}
.wztool-color-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px #F8F8F8,0 0 0 4px #0052A3;}
.wztool-color-swatch--custom{position:relative;display:inline-block;border:1px solid #FFF;background:conic-gradient( from 0deg,red,yellow,lime,cyan,blue,magenta,red );}
.wztool-color-swatch--custom input[type="color"]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:none;opacity:0;cursor:pointer;}
.wztool-logo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px;}
.wztool-logo-filename{font-size:12px;color:#000;word-break:break-all;}
.wztool-logo-remove{background:none;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;}
.wztool-logo-remove:hover{opacity:0.8;}
.wztool-field--inactive .wztool-field__label,.wztool-field--inactive .wztool-logo-filename,.wztool-field--inactive .wztool-color-hint{opacity:0.5;}
.wztool-qr-layout{display:flex;flex-direction:column;gap:24px;align-items:center;margin-bottom:24px;}
@media (min-width:768px){.wztool-field-row{display:flex;flex-wrap:wrap;gap:24px;}
.wztool-qr-layout{flex-direction:row;align-items:flex-start;}
}
@media (min-width:992px){.section-padding{padding:80px 0}
.hero{padding:40px 0 80px;}
.hero-tabs-content{padding:40px}
.wztool-strength__bars{gap:8px}
.wztool-strength__bar{width:120px}
.wztool-control-row{gap:24px}
.wztool-result__value{font-size:24px}
.steps-list-col{margin-bottom:0}
.wztool-purpose__btn{padding:12px;min-width:100px}
}
@media (min-width:1200px){.hero-title{font-size:48px;line-height:56px;}
.wztool-purpose__options{gap:12px}
}
@media (min-width:1400px){.wztool-purpose__btn{padding:12px;min-width:188px}
}