@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jura:wght@551&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Varela&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#393b3e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}html{scroll-padding-top:150px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:clamp(1.5rem,2vw,4rem)}input,li,p{font-size:clamp(1rem,2vw,2rem)}hr{background-color:#696969;border:0;height:1px;margin-bottom:1em;margin-top:1em;width:90%}.header{flex-direction:column}.header,.header-top{align-items:center;display:flex}.header-top{background-color:#919ba5;box-shadow:5px 5px 5px #1b1a1a;flex-direction:row;gap:1rem;justify-content:space-between;padding:1rem 10rem;position:fixed;width:95%;z-index:1000}.header-title{align-items:center;color:#fff;display:flex;font-family:DM Sans,sans-serif;font-style:italic;font-weight:500;text-shadow:0 4px 8px #000;transition:color .4s ease}.header-title:hover{color:#d4e9ff;cursor:pointer;.header-title-secure,.header-title-sudo{text-shadow:0 4px 21px #000};}.logo{margin-right:-1rem;width:clamp(2rem,8vw,5rem)}.header-title-sudo{font-size:clamp(1rem,5vw,3rem);font-weight:400;transition:text-shadow .3s ease}.header-title-secure{font-size:clamp(1.2rem,6vw,4rem);transition:text-shadow .3s ease}.nav-bar{display:flex;flex-direction:row;gap:clamp(.5rem,2vh,2rem)}.faq-button,.good-practices-button{align-items:center;background-color:#44474a;border-radius:10px;border-style:none;box-shadow:0 4px 12px #000;color:#d4e9ff;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-weight:500;justify-content:center;padding:clamp(.1rem,.5vw,1.5rem);text-shadow:0 4px 12px #000;transition:background-color .2s ease,color .1s ease;transition:transform .3s ease}.faq-button:hover,.good-practices-button:hover{background-color:rgba(55,66,76,.665);color:#fff;cursor:pointer;transform:translateY(-3px)}.faq-label,.good-practices-label{font-size:clamp(1rem,3vw,2rem);padding-left:1rem;padding-right:1rem}.header-bottom{align-items:center;display:flex;flex-direction:column;padding-top:150px}.password-title{background-color:#2d353d;border-radius:20px;box-shadow:0 4px 12px #000;color:#d4e9ff;font-family:DM Sans,sans-serif;font-size:clamp(3rem,4.5vw,5rem);font-weight:500;padding:4rem;text-align:center;text-shadow:0 4px 22px #000}.goodp-faq-wrapper{align-items:center;font-family:DM Sans,sans-serif;margin-top:2rem;width:60%}.goodp-faq-wrapper,.goodp-section{display:flex;flex-direction:column;justify-content:center}.goodp-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(81,83,85,.338);border:1px solid hsla(0,0%,100%,.313);border-radius:15px;box-shadow:0 4px 12px #080808b3;color:#fff;margin:0;overflow:hidden;padding:2rem 7rem;text-align:center;width:100%}.goodp-section h2{color:#d4e9ff}.goodp-title{flex-wrap:wrap;font-family:DM Sans,sans-serif;font-size:clamp(2rem,4vh,5rem);font-weight:500;margin:0;padding-top:1.25rem;text-shadow:0 5px 10px #282828}.goodp-sub{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.5rem;width:100%}.goodp-col{gap:2rem;width:45%}.goodp-col,.goodp-image{align-items:center;display:flex;flex-direction:column}.goodp-image{background:#0000;border-radius:10px;height:6.75rem;overflow:hidden;overflow:auto;padding:1.25rem;text-shadow:0 4px 12px #282828;transition:height .6s ease;width:100%}.goodp-image.expanded{height:12rem}.goodp-img{height:6rem;margin-bottom:.25rem;object-fit:contain;position:relative;top:5px;transition:all .25s ease;width:5rem}.goodp-img:hover{background-color:#d5c8c81f;border-radius:50%;box-shadow:0 0 15px #dddddd1c,0 0 25px #dddddd14;height:6.25rem;top:0;transform:translateY(-10px);width:6.25rem}.goodp-heading{color:#fff;font-size:clamp(.9rem,1vw + .25rem,1.5rem);font-weight:600;margin:.4rem 0 .2rem}.goodp-img-text{color:#e8e8e8;flex-wrap:wrap;font-size:clamp(1rem,1vw + .1rem,1.25rem);font-weight:400;line-height:1.2;margin:1rem 0 0}.goodp-sub.spacer{margin-top:.75rem}.faq-section{margin:2rem;max-height:100%;text-align:center}.faq-section h2{color:#d4e9ff}.faq-header{color:#fff;font-family:DM Sans,sans-serif;font-size:clamp(1rem,5vw,4rem);font-weight:500;margin-bottom:.5rem}.faq-questions{gap:1rem;margin-top:1.5rem}.faq-questions,.faq-row,.faq-row span{align-items:center;display:flex;flex-direction:column;width:100%}.faq-row,.faq-row span{box-sizing:border-box;margin:.5rem 0;overflow:hidden;text-shadow:0 5px 8px #020202}.faq-btn{align-items:center;background-color:#2d353d;border:2px solid #28292c;border-radius:20px;box-shadow:0 4px 5px #141414;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:clamp(1.5rem,2vw,3rem);font-weight:500;justify-content:space-between;letter-spacing:.02em;padding:1.5rem 1rem;transition:border-color .2s ease,transform .08s ease;width:100%}.default-border{border-color:rgba(72,73,76,.215)}.faq-btn:hover{border-color:hsla(210,3%,64%,.477);transform:translateY(-1px)}.faq-plus{font-size:clamp(.8rem,2vw,1.2rem)}.faq-answer-wrap{box-sizing:border-box;display:flex;height:0;justify-content:center;margin-top:.5rem;overflow:hidden;transition:height .35s ease;width:100%}.faq-answer{background-color:rgba(45,53,61,.623);border-radius:20px;color:#fff;font-size:clamp(1.5rem,1.8vw,2rem);font-weight:450;height:100%;line-height:1.3;margin:0;overflow-y:auto}.faq-answer,.input-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:2rem;width:100%}.input-section{background-color:#2a2a2a96;border-radius:40px;box-shadow:0 4px 5px #000;font-size:clamp(2rem,2vw + .5rem,3rem);gap:1rem;text-align:center}.input{background-color:#f5f7f927;border:2px solid #373737;border-radius:40px;box-shadow:0 4px 5px #232121;color:#fff;cursor:pointer;flex:1 1;font-family:Jura,sans-serif;font-weight:bolder;height:100%;padding:clamp(2rem,15vh,2.5rem);text-align:center;text-shadow:0 4px 3px #332f2f;transition:border-color .3s ease,box-shadow .3s ease;width:90%}.input:hover{border-color:#86909d;box-shadow:0 0 10px #101111}.input:focus{outline:none}.input::placeholder{color:#ffffff61;font-style:italic}.input,.input:focus,input::placeholder{font-size:clamp(1rem,.5vw + 1rem,2rem)}.show-image{height:3rem;width:auto}.show-image:hover{cursor:pointer;transform:scale(1.15)}.password-section{align-items:center;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5em;padding-top:1.5em;width:100%}.input-content{max-width:900px}.input-content,.password-wrapper{align-items:center;border-radius:30px;display:flex;flex-direction:column;width:100%}.password-wrapper{max-height:0;opacity:0;overflow:hidden;padding-top:1.5em;position:relative;transform:scale(0);transform-origin:top;transition:max-height 1.2s ease,transform 1s ease,opacity 1s ease}.password-wrapper.expanded{max-height:1200px;opacity:1;padding-bottom:1.5em;transform:scale(1)}.evaluations-section{align-items:center;color:#fff;display:flex;flex:0 1 auto;flex-direction:column;justify-content:center;min-height:6em;padding-top:10px;width:100%}.evaluations-section h1{color:#d4e9ff}.strength-bar{background:#545657;border:2px solid #2a3548;border-radius:30px;box-shadow:0 2px 5px #232222;min-height:1.25em;width:65%}.strength-bar-level{border-radius:20px;min-height:1.25em;transition:width .5s ease,background-color .5s ease}.hibp-section{color:#fff;display:flex;flex:0 1 auto;flex-direction:column;min-height:3em;padding-bottom:1.5em;text-align:center;width:100%}.hibp-section h1{color:#d4e9ff}.suggestions-section{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;width:100%}.suggestions-section h1{color:#d4e9ff}h2{font-family:Nunito,sans-serif;font-size:clamp(1rem,2vw + .5rem,2rem);font-weight:600;padding-bottom:.5rem}span{transition:color .5s ease}ul{text-align:left}.password-content{align-items:center;background-color:#2d353d;border-radius:40px;box-shadow:0 1px 20px #000;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-weight:500;height:auto;margin-top:3rem;text-shadow:0 4px 2px #131313;width:90%}.container,.faq-section,.header-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1750px;max-width:100%}.faq-section{margin-bottom:5rem}
/*# sourceMappingURL=main.9ee55c05.css.map*/