:root{font-family:ArialRounded,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:#fff;background-color:#ba4949;--color-background:#101b30;--color-whiteBackground:#d9d9d9;--color-cardBackground:#18253f;--color-cardBackgroundLight:#263752;--color-yellow:#ffd768;--color-veryGood:#44d2a7;--color-strong:#f5e445;--color-medium:#ffc94d;--color-weak:#ff9b5c;--color-veryWeak:#ff6565;--color-black:#000;--color-white:#fff;font-family:Inter;font-style:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--color-background)}body{margin:0}.hero-section{margin:0 auto;color:var(--color-yellow);-webkit-user-select:text;-moz-user-select:text;user-select:text}.hero-section>h1{font-weight:800}.hero-section>p{font-weight:400}.initial-button{width:337px;margin:0 auto 98px;border-radius:16px;padding-top:6px;padding-bottom:6px;text-align:center;font-weight:400;font-size:32px;background-color:var(--color-veryWeak)}.initial-button:hover{filter:brightness(130%)}.initial-button:active{opacity:.5}.password-display-container{margin:0 auto 30px}.password-display,.password-display-container{display:flex;justify-content:space-between;align-items:center}.password-display{border-radius:32px;flex-direction:row;align-content:center;color:var(--color-black);font-weight:400;-webkit-user-select:text;-moz-user-select:text;user-select:text}.password-copy-button{width:183.36px;border-radius:16px;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:32px;background-color:var(--color-cardBackgroundLight)}.password-copy-button:hover{border:2px solid var(--color-white);box-sizing:border-box;filter:brightness(110%)}.password-copy-button:active{opacity:.5}.password-display>svg{transition:transform .2s}.password-display>svg:active{transform:rotate(1turn)}.password-length-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ffd768;cursor:pointer}.password-length-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffd768;cursor:pointer}@media only screen and (max-width:600px){.hero-section{width:284px;margin-bottom:97px}.hero-section>h1{font-size:40px}.hero-section>p{font-size:18px}.password-display-container{width:284px;height:122px;flex-direction:column}.password-display{width:284px;height:34px;padding:4px 22px;font-size:18px}.password-copy-button{height:50px}.password-options-container{margin:0 auto;width:284px;border-radius:24px;padding:47px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25);background-color:var(--color-cardBackground)}.password-length-container{margin:0 auto 37px;width:252px;font-weight:400;font-size:20px;color:var(--color-white)}.lenght-sub-container{display:flex;flex-direction:row;justify-content:space-between}.password-length-slider{width:100%;height:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.password-options-check-container{margin:0 auto 63px;width:252px;align-self:center;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;row-gap:24px}.password-options-check-box{width:100%;height:36px;border-radius:16px;padding:6px 0;display:flex;align-items:center;font-weight:400;font-size:24px;color:var(--color-white);background-color:var(--color-cardBackgroundLight)}.password-options-check-box>svg{margin-left:8px}.password-info-container{width:251px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background-color:var(--color-cardBackgroundLight)}.password-info-container>a,.password-info-container>p{font-weight:600;font-size:24px}.articles-section{-webkit-user-select:text;-moz-user-select:text;user-select:text;display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;font-weight:400;color:var(--color-black);background-color:var(--color-whiteBackground)}.articles-section>article{margin-bottom:40px}.articles-section>article>section{padding:10px}.articles-section>article>section>h1{font-size:24px}.articles-section>article>section>p{text-align:center;font-size:16px}}@media only screen and (min-width:600px){.hero-section{width:400px;margin-bottom:97px}.hero-section>h1{font-size:40px}.hero-section>p{font-size:18px}.password-display-container{width:818px;flex-direction:row}.password-display{width:612px;height:56px;padding:4px 36px;font-size:32px}.password-copy-button{height:56px;margin-left:20px}.password-options-container{margin:0 auto;width:600px;border-radius:24px;padding:47px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25);background-color:var(--color-cardBackground)}.password-length-container{margin:0 auto 37px;width:400px;font-weight:400;font-size:20px;color:var(--color-white)}.lenght-sub-container{display:flex;flex-direction:row;justify-content:space-between}.password-length-slider{width:100%;height:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.password-options-check-container{margin:0 auto 63px;width:400px;align-self:center;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;row-gap:48px}.password-options-check-box{width:100%;height:50px;border-radius:16px;padding:6px 0;display:flex;align-items:center;font-weight:400;font-size:24px;color:var(--color-white);background-color:var(--color-cardBackgroundLight)}.password-options-check-box>svg{margin-left:8px}.password-info-container{width:400px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background-color:var(--color-cardBackgroundLight)}.password-info-container>a,.password-info-container>p{font-weight:600;font-size:24px}.articles-section{-webkit-user-select:text;-moz-user-select:text;user-select:text;display:flex;flex-direction:column;align-items:center;padding:0 64px;text-align:center;font-weight:600;color:var(--color-black);background-color:var(--color-whiteBackground)}.articles-section>article{margin-bottom:80px}.articles-section>article>section{max-width:896px}.articles-section>article>section>h1{font-size:24px}.articles-section>article>section>p{text-align:initial;font-size:20px}}@media only screen and (min-width:768px){.hero-section{width:600px;margin-bottom:184px}.hero-section>h1{font-size:52px}.hero-section>p{font-size:24px}.password-display-container{width:818px;flex-direction:row}.password-display{width:612px;height:56px;padding:4px 36px;font-size:32px}.password-copy-button{height:56px;margin-left:20px}.password-options-container{margin:0 auto;width:600px;border-radius:24px;padding:47px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25);background-color:var(--color-cardBackground)}.password-length-container{margin:0 auto 37px;width:400px;font-weight:400;font-size:20px;color:var(--color-white)}.lenght-sub-container{display:flex;flex-direction:row;justify-content:space-between}.password-length-slider{width:100%;height:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.password-options-check-container{margin:0 auto 63px;width:400px;align-self:center;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;row-gap:48px}.password-options-check-box{width:100%;height:50px;border-radius:16px;padding:6px 0;display:flex;align-items:center;font-weight:400;font-size:24px;color:var(--color-white);background-color:var(--color-cardBackgroundLight)}.password-options-check-box>svg{margin-left:8px}.password-info-container{width:400px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background-color:var(--color-cardBackgroundLight)}.password-info-container>a,.password-info-container>p{font-weight:600;font-size:24px}.articles-section{-webkit-user-select:text;-moz-user-select:text;user-select:text;display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:600;color:var(--color-black);background-color:var(--color-whiteBackground)}.articles-section>article{margin-bottom:80px}.articles-section>article>section{max-width:896px}.articles-section>article>section>h1{font-size:24px}.articles-section>article>section>p{text-align:initial;font-size:16px}}@media only screen and (min-width:992px){.hero-section{width:887px;margin-bottom:184px}.hero-section>h1{font-size:52px}.hero-section>p{font-size:24px}.password-display-container{width:818px;margin-bottom:30px;flex-direction:row}.password-display{width:612px;height:56px;padding:4px 36px;font-size:32px}.password-copy-button{height:56px;margin-left:20px}.password-options-container{margin:0 auto;width:1030px;border-radius:24px;padding:68px 211px;display:flex;flex-direction:row;justify-content:center;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25);background-color:var(--color-cardBackground)}.password-length-container{margin:0 auto;width:608px;font-weight:400;font-size:24px;color:var(--color-white)}.password-length-slider{width:100%;height:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.password-options-check-container{margin:66px auto 0;width:560px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;row-gap:79px}.password-options-check-box{width:214px;height:24px;padding:6px 18px;align-items:center;font-weight:400;font-size:24px;color:var(--color-white)}.password-info-container,.password-options-check-box{border-radius:16px;display:flex;background-color:var(--color-cardBackgroundLight)}.password-info-container{width:281px;margin-left:40px;flex-direction:column;justify-content:space-between;text-align:center}.password-info-container>a,.password-info-container>p{font-weight:600;font-size:24px}.articles-section{-webkit-user-select:text;-moz-user-select:text;user-select:text;display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:600;color:var(--color-black);background-color:var(--color-whiteBackground)}.articles-section>article{margin-bottom:80px}.articles-section>article>section{max-width:896px}.articles-section>article>section>h1{font-size:24px}.articles-section>article>section>p{text-align:initial;font-size:16px}}@media only screen and (min-width:1200px){.hero-section{width:887px;margin-bottom:184px}.hero-section>h1{font-size:52px}.hero-section>p{font-size:24px}.password-display-container{width:818px;flex-direction:row}.password-display{width:612px;height:56px;padding:4px 36px;font-size:32px}.password-copy-button{height:56px;margin-left:20px}.password-options-container{margin:0 auto;width:1030px;border-radius:24px;padding:68px 211px;display:flex;flex-direction:row;justify-content:center;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25);background-color:var(--color-cardBackground)}.password-length-container{margin:0 auto;width:608px;font-weight:400;font-size:24px;color:var(--color-white)}.lenght-sub-container{display:flex;flex-direction:row;justify-content:space-between}.password-length-slider{width:100%;height:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.password-options-check-container{margin:66px auto 0;width:560px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;row-gap:79px}.password-options-check-box{width:214px;height:24px;padding:6px 18px;align-items:center;font-weight:400;font-size:24px;color:var(--color-white)}.password-info-container,.password-options-check-box{border-radius:16px;display:flex;background-color:var(--color-cardBackgroundLight)}.password-info-container{width:281px;margin-left:40px;flex-direction:column;justify-content:space-between;text-align:center}.password-info-container>a,.password-info-container>p{font-weight:600;font-size:24px}.articles-section{-webkit-user-select:text;-moz-user-select:text;user-select:text;display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:600;color:var(--color-black);background-color:var(--color-whiteBackground)}.articles-section>article{margin-bottom:80px}.articles-section>article>section{max-width:896px}.articles-section>article>section>h1{font-size:24px}.articles-section>article>section>p{text-align:initial;font-size:16px}}