body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.app{align-items:center;display:flex;flex-direction:column;gap:2rem;min-height:100vh;padding:2rem}.background-animation{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.welcome-section{margin-bottom:2rem;margin-top:4rem;position:relative;text-align:center}.welcome-section h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.welcome-section p{color:#666;font-size:1.25rem;margin-bottom:3rem}.floating-icons{display:flex;gap:4rem;justify-content:center;margin-top:2rem}.icon-container{align-items:center;animation:float 3s ease-in-out infinite;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;transition:transform .3s ease}.icon-container:hover{transform:scale(1.1)}.icon-container:nth-child(2){animation-delay:.5s}.icon-container:nth-child(3){animation-delay:1s}.icon{font-size:2.5rem}.label{font-size:.9rem;font-weight:500;opacity:0;transform:translateY(-10px);transition:all .3s ease}.icon-container:hover .label{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;max-width:1200px;width:100%}.feature-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:#666;font-size:.95rem}.content{display:flex;flex-direction:column;gap:2rem;max-width:600px;width:100%}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;transition:transform .3s ease}.card:hover{transform:translateY(-2px)}h2{font-size:1.5rem;font-weight:600}.input-group,h2{margin-bottom:1.5rem}label{display:block;font-weight:500;margin-bottom:.5rem}input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}input:focus{border-color:#000;outline:none}.button-group{display:flex;gap:1rem;margin-bottom:1rem}button{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}button:hover{background-color:#333;transform:translateY(-2px)}.generate-button{margin-bottom:1rem;width:100%}.result{background-color:#f5f5f5;border-radius:6px;padding:.75rem;transition:all .3s ease}.generated-password,.result{margin-top:1rem}.generated-password p{margin-bottom:.5rem}.generated-password input{background-color:#f5f5f5}@media (max-width:1024px){.features{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features{grid-template-columns:1fr}}@media (max-width:640px){.app{padding:1rem}.welcome-section h1{font-size:2rem}.welcome-section p{font-size:1rem}.floating-icons{gap:2rem}.icon{font-size:2rem}.card{padding:1.5rem}.button-group{flex-direction:column}button{width:100%}}
/*# sourceMappingURL=main.ddc0d861.css.map*/