*{box-sizing:border-box}.container{max-width:1440px;padding-left:16px;padding-right:16px;margin:auto}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.header{padding-top:50px}.nata-sans{font-family:Nata Sans,sans-serif;font-optical-sizing:auto;font-style:normal}h1{text-align:center;font-size:60px}h2{font-size:30px}.subtitle{max-width:768px;text-align:center;font-size:1.5rem;color:#919191;font-weight:100;background-color:#fff;border:1px solid #bcbcbc;border-radius:10px;padding:10px;margin:20px auto}.card-wrapper{display:flex;justify-content:center}.card{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid #bcbcbc;width:768px;border-radius:10px;padding-left:16px;padding-right:16px}.card-icons{color:#404040;cursor:pointer}.icon-wrapper{position:relative;display:inline-block}.icon-group{display:flex;gap:20px}.icon{width:20px;height:20px}#password-text{font-size:24px}.tooltip{position:absolute;bottom:calc(100% + 6px);background-color:#404040;color:#fff;padding:4px;left:50%;transform:translate(-50%);white-space:nowrap;z-index:10;border-radius:4px;visibility:hidden}.icon-wrapper:hover .tooltip{visibility:visible}#customization-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border:1px solid #bcbcbc;width:768px;border-radius:10px;margin:20px auto}#customization-container hr{width:90%;border:none;border-top:2px solid #bcbcbc;opacity:30%}#customization-container p{color:#919191}.chars-range-wrapper{padding-top:20px}.checkboxes-wrapper{display:flex;align-items:center;padding-top:20px;padding-bottom:20px;gap:10px}.checkboxes{width:30px;height:30px}@media (max-width: 768px){h1{font-size:48px}h2{font-size:24px}.subtitle{font-size:1.2rem}.card,#customization-container{width:90%;margin:20px auto}#password{display:flex;flex-direction:column;align-items:center;gap:20px}#chars-range{width:100%}.checkboxes-wrapper{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){h1{font-size:36px}h2{font-size:20px}.subtitle{font-size:1rem;padding:8px}.card,#customization-container{width:100%;padding:8px}#password-text{font-size:20px;word-break:break-all}.icon-group{gap:10px}.chars-range-wrapper{padding:10px 0}.checkboxes-wrapper{display:grid;grid-template-columns:repeat(2,auto);column-gap:10px;row-gap:10px;align-items:center;justify-content:center;padding:10px 0}.checkboxes-wrapper .checkboxes,.checkboxes-wrapper label{margin:0}}