@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:local("Inter"),url(../fonts/inter-regular.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:local("Inter bold"),url(../fonts/inter-600.woff2) format("woff2")}*,::after,::before{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}@media (min-width:992px){html{font-size:18px}}body{color:#0d1425;line-height:1.6;font-size:1rem;font-weight:400;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background-color:#f4f8fa;-webkit-font-smoothing:antialiased}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,html,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}canvas,img,svg,video{display:block;max-width:100%;height:auto}input,select,textarea{outline:0}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:0;box-shadow:none;border-color:#00baf6}svg{display:block;flex-shrink:0}h1,h2,h3{line-height:1.2;font-weight:600}h1{font-size:1.5rem;margin-bottom:1.5rem}h2{font-size:1.25rem;margin-bottom:1.25rem}h3{font-size:1rem;margin-bottom:1rem}p{padding-bottom:1rem}a{cursor:pointer;color:#0d1425;text-decoration:none}a:focus,a:visited{color:rgba(13,20,37,.75)}.container{width:100%;min-width:360px;max-width:1100px;margin:0 auto;padding:0 20px}.breadcrumbs{color:#6d727c;font-size:.7rem;margin-bottom:1rem}.breadcrumbs a{color:#6d727c}.breadcrumbs ol{display:flex}.breadcrumbs .breadcrumb-sep{margin:0 5px}input,select,textarea{-webkit-tap-highlight-color:transparent;width:100%;height:32px;font-size:.75rem;padding:0 .5rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;border-radius:8px;border:1px solid #dde8ee;transition:border-color .3s ease-in-out}input.is-error,select.is-error,textarea.is-error{border-color:#b40e29}textarea{height:auto}input[type=checkbox]{width:auto;height:auto;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:100px;padding:10px 16px;font-size:1rem;cursor:pointer;line-height:1;border-radius:12px;border:1px solid transparent;transition:.3s ease-in-out;-webkit-tap-highlight-color:transparent}.btn:focus,.btn:focus-visible{outline:0}.btn-primary{color:#fff;min-width:200px;font-size:.9rem;background:#0094c4;letter-spacing:1px;text-transform:uppercase}@media (hover:hover){.btn-primary:hover{filter:brightness(.88)}}.btn-secondary{color:#6d727c;font-size:.8rem;background:#f4f8fa;border:1px solid #dde8ee}#btn-generate svg{font-size:14px;margin:0 5px 2px 0}@media (min-width:992px){#btn-generate svg{font-size:15px;margin:0 5px 0 0}}@keyframes copy-success-icon{0%,100%{color:#6d727c;filter:none}40%{color:#00baf6;filter:drop-shadow(0 0 5px rgba(0, 186, 246, .6))}}@keyframes copy-success-btn{0%,100%{border-color:#dde8ee;box-shadow:none}40%{border-color:#00baf6;box-shadow:0 0 8px rgba(0,186,246,.2)}}[data-copy].copy-flash .icon{animation:.7s ease-out copy-success-icon}#btn-copy-all.copy-flash,#btn-download.copy-flash{animation:.7s ease-out copy-success-btn}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}#btn-generate .icon.icon-spin{animation:.5s ease-in-out spin}.icon{display:inline-block;width:1em;height:1em;fill:currentColor}header .logo{display:flex;justify-content:center;padding:1rem 0}header .logo img{width:240px}footer{text-align:center;padding:1rem 0}.home-hero-wave{background:linear-gradient(160deg,#0099d4 0,#00baf6 40%,#38cef5 100%);position:relative}.home-hero-wave-content{max-width:1100px;margin:0 auto;padding:3.5rem 20px 3rem}.home-hero-wave-content h1{font-size:clamp(2rem,5.5vw,3.2rem);font-weight:600;letter-spacing:-.04em;line-height:1.1;color:#fff;margin-bottom:.75rem}.home-hero-wave-content .home-hero-slogan{font-size:1.05rem;color:rgba(255,255,255,.85);max-width:420px;margin:0}.home-hero-wave-svg{display:block;width:100%;height:70px;margin-bottom:-1px}.home-features{margin-top:3.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.home-feature-card{background:#fff;border:1px solid #dde8ee;border-top:3px solid #00baf6;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.35rem}.home-feature-card .icon{width:1.6rem;height:1.6rem;color:#00baf6;margin-bottom:.15rem}.home-feature-card-title{font-size:.9rem;font-weight:600;line-height:1.2}.home-feature-card p{font-size:.82rem;color:#6d727c;line-height:1.55;margin:0}.home-about{display:grid;grid-template-columns:30px 1fr;gap:.5rem;margin-top:3rem;padding:2rem .5rem;background:#fff;border:1px solid #dde8ee;border-radius:12px}@media (min-width:768px){.home-about{grid-template-columns:48px 1fr;gap:1.5rem;padding:2rem 2.5rem}}.home-about-decoration{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:4px}.home-about-decoration .dot{width:10px;height:10px;border-radius:50%;background:#00baf6;flex-shrink:0}.home-about-decoration .line{flex:1;width:2px;background:linear-gradient(to bottom,#00baf6,transparent)}.home-about-content{color:#6d727c}.home-about-content h3{margin-top:1rem}.home-about-content p{font-size:.9rem;line-height:1.75;margin:0}.home-about-content ul{list-style:none;padding-left:20px;padding-bottom:1rem}.home-about-content ul li{display:flex;align-items:flex-start;margin-bottom:10px}.home-about-content ul li::before{content:"";flex-shrink:0;width:5px;height:5px;border-radius:50%;background-color:#00baf6;margin-top:10px;margin-right:12px}.generator-description{margin-top:-1.5rem}.generator-wrapper{display:grid;grid-template-columns:1fr;row-gap:30px;margin:1rem 0 3rem}@media (min-width:768px){.generator-wrapper{grid-template-columns:1fr 300px;-moz-column-gap:30px;column-gap:30px}}.generator-widget{position:relative;background-color:#fff;border:1px solid #dde8ee;border-radius:20px;box-shadow:0 2px 12px rgba(0,90,140,.08);overflow:hidden}.generator-options{padding:1rem;background-color:rgba(244,248,250,.7)}.generator-options .option-group{max-width:280px;margin-bottom:.7rem}.generator-options .option-group label{display:block;font-size:.6rem;text-transform:uppercase}.generator-options .option-group input[type=checkbox]{margin-top:-3px}.generator-action{padding:.75rem 1rem;border-top:1px solid #dde8ee;border-bottom:1px solid #dde8ee}.generator-action button{width:280px}.generator-result{padding:0 1rem 1rem;background-color:rgba(244,248,250,.7)}.generator-result-top{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed #dde8ee}.generator-result-top button img{width:18px;margin-right:3px}.generator-result .title{font-size:.8rem;font-weight:600;color:#6d727c;text-transform:uppercase}.generator-result-history{border-top:1px dashed #dde8ee}.generator-result-history .title{padding:.25rem 0}.generator-result-history-wrapper{display:flex;flex-wrap:wrap;-moz-column-gap:10px;column-gap:10px;row-gap:5px}.generator-result-area{padding:1rem 0}.sidebar-gen-list{background:#fff;border:1px solid #dde8ee;border-radius:12px;overflow:hidden;margin-bottom:1rem}.sidebar-gen-list-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:10px 16px 4px;margin:0}.sidebar-gen-list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:.3s ease-in-out;color:inherit;text-decoration:none;border-bottom:1px solid #dde8ee}.sidebar-gen-list-item:last-child{border-bottom:none}.sidebar-gen-list-item:hover{background:#f4f8fa}.sidebar-gen-list-item:hover .sidebar-gen-list-arrow{color:#00baf6;transform:translateX(3px)}.sidebar-gen-list-icon{color:#00baf6;flex-shrink:0}.sidebar-gen-list-name{font-size:13px;font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-gen-list-arrow{color:#e6e7e9;transition:.3s ease-in-out;transform:translateX(0);flex-shrink:0}.result-list{display:flex;flex-direction:column;gap:4px}.result-list .item{display:flex;align-items:center;gap:14px;font-size:.8rem;padding:10px 12px;background-color:#fff;border-radius:0 12px 12px 0;border:1px solid #dde8ee;border-left:3px solid #00baf6}.result-list .num{font-size:.6rem;width:20px;color:#00baf6;opacity:.6;flex-shrink:0}.result-list .value{flex:1;word-break:break-all}.result-list .copy{display:flex;font-size:13px;cursor:pointer;color:#6d727c}.result-tiles{display:flex;flex-wrap:wrap;gap:10px}.result-tiles .tile{display:flex;flex-direction:column;min-width:80px;padding:10px 12px;background:#fff;border:1px solid #dde8ee;border-left:3px solid #00baf6;border-radius:0 12px 12px 0}.result-tiles .value{font-weight:600;text-align:center;margin-bottom:.2rem;font-variant-numeric:tabular-nums}.result-tiles .tile-footer{display:flex;align-items:center;justify-content:space-between}.result-tiles .num{font-size:10px;opacity:.6;color:#00baf6}.result-tiles .copy{display:flex;font-size:13px;cursor:pointer;color:#6d727c}.result-credentials{display:flex;flex-wrap:wrap;gap:10px}.result-credentials .card{display:flex;flex-direction:column;width:120px;height:120px;background:#fff;border:1px solid #dde8ee;border-left:3px solid #00baf6;border-radius:0 12px 12px 0;padding:10px 12px}.result-credentials .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.result-credentials .fields{text-align:center}.result-credentials .num{font-size:10px;opacity:.6;color:#00baf6}.result-credentials .copy{display:flex;font-size:13px;cursor:pointer;color:#6d727c}.result-credentials .nickname{font-size:13px;font-weight:600;margin-bottom:4px}.result-credentials .divider{width:20px;height:1px;background:#e6e7e9;margin:4px auto}.result-credentials .login{font-size:12px;margin-bottom:2px}.result-credentials .password{font-size:12px;color:#6d727c}.result-color{display:flex;flex-wrap:wrap;gap:10px}.result-color .card{display:flex;flex-direction:column;overflow:hidden;width:140px;height:140px;background:#fff;border:1px solid #dde8ee;border-radius:12px}.result-color .swatch{height:2.5rem;flex-shrink:0}.result-color .colors{flex:1;padding:5px 10px}.result-color .value{font-size:.65rem;color:#6d727c;white-space:nowrap}.result-color .value.color-active{font-weight:600;color:#0d1425}.result-color .color-footer{display:flex;align-items:center;justify-content:space-between;padding:5px 10px 6px}.result-color .num{font-size:10px;color:#00baf6}.result-color .copy{display:flex;font-size:13px;cursor:pointer;color:#6d727c}.history-item{padding:3px 10px;border-radius:9999px;border:1px solid #dde8ee;background-color:#fff;font-size:.7rem;color:#6d727c;word-break:break-all}.history-item-values{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.all-generators-history{margin-top:3.5rem}.all-generators-history .wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.all-generators-history-card{display:flex;flex-direction:column;gap:4px;padding:.75rem;background:#fff;border:1px solid #dde8ee;border-radius:12px;transition:border-color .3s ease-in-out}.all-generators-history-card:hover{border-color:#00baf6}.all-generators-history-card .gen-icon{font-size:1.5rem;color:#00baf6}.all-generators-history-card .gen-name{font-size:.75rem;font-weight:600;color:#6d727c}.all-generators-history-card .gen-value{font-size:.85rem;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.generator-about{display:flex;background:#fff;border:1px solid #dde8ee;border-radius:12px;overflow:hidden;margin-top:3.5rem}.generator-about-decoration{width:5px;background:linear-gradient(to bottom,#00baf6,transparent);flex-shrink:0}.generator-about-content{padding:2rem 1rem;color:#6d727c}@media (min-width:768px){.generator-about-content{padding:2rem 2.5rem}}.generator-about-content h3{margin-top:1rem}.generator-about-content p{font-size:.9rem;line-height:1.75;margin:0}.generator-about-content ul{list-style:none;padding-left:20px;padding-bottom:1rem}.generator-about-content ul li{display:flex;align-items:flex-start;margin-bottom:10px}.generator-about-content ul li::before{content:"";flex-shrink:0;width:5px;height:5px;border-radius:50%;background-color:#00baf6;margin-top:10px;margin-right:12px}.categories-section{margin-top:3.5rem}.categories-items{display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-start}.categories-items a{padding-left:22px}.categories-items .item{display:flex;flex-direction:column;justify-content:center;position:relative;width:210px;height:130px;background:#fff;border:1px solid #dde8ee;border-radius:12px;padding:18px 18px 18px 38px;cursor:pointer;transition:.3s ease-in-out}.categories-items .item:hover{border-color:#00baf6;box-shadow:0 6px 20px rgba(0,186,246,.12)}.categories-items .item:hover .gen-icon{color:#fff;background:#00baf6;border-color:#00baf6}.categories-items .item:hover .arrow{color:#00baf6;transform:translateY(-50%) translateX(3px)}.categories-items .item.is-active{margin-left:22px;border-color:#00baf6;box-shadow:0 6px 20px rgba(0,186,246,.12);cursor:default}.categories-items .item.is-active .gen-icon{color:#fff;background:#00baf6;border-color:#00baf6}.categories-items .gen-icon{display:flex;align-items:center;justify-content:center;position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #dde8ee;color:#00baf6;transition:.3s ease-in-out}.categories-items .gen-name{font-size:.85rem;font-weight:600;margin-bottom:4px}.categories-items .gen-count{font-size:12px;color:#6d727c}.categories-items .arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#e6e7e9;transition:.3s ease-in-out}.contact-page{max-width:680px;padding-bottom:3rem}.contact-page input{height:40px}.contact-intro,.contact-messages{margin-bottom:1.5rem}.contact-success{background:rgba(0,186,246,.1);border:1px solid #00baf6;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.contact-last-name{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden;pointer-events:none}.contact-form-wrap{background:#fff;border:1px solid #dde8ee;border-radius:12px;padding:1.5rem}@media (min-width:768px){.contact-form-wrap{padding:2rem 2.5rem}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.4rem}.form-group-error input,.form-group-error textarea{border-color:#b40e29}.form-error{display:block;font-size:.75rem;color:#b40e29;margin-top:.25rem}.form-textarea{height:auto!important;min-height:120px;padding:.5rem;resize:vertical}