*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.header{margin-bottom:30px}.nav{justify-content:space-between;padding:15px 20px;background:hsla(0,0%,100%,.95);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.nav,.nav-left,.nav-right{display:flex;align-items:center}.nav-left,.nav-right{gap:10px}.paperclip{font-size:18px}.nav-link{text-decoration:none;color:#333;padding:8px 15px;border-radius:5px;transition:all .3s ease}.nav-link:hover{background:#f0f0f0}.nav-link.active{background:#667eea;color:#fff}.language-selector-container{display:flex;justify-content:flex-end;margin-bottom:20px}.language-selector{background:hsla(0,0%,100%,.95);border-radius:8px;padding:5px}.nav-right .language-selector{margin:0}.language-select{padding:8px 15px;border:2px solid #667eea;border-radius:6px;background:#fff;color:#333;font-size:14px;cursor:pointer;outline:none;transition:all .3s ease}.language-select:hover{border-color:#764ba2}.main-layout{display:flex;gap:30px;margin-bottom:30px}.main{flex:1 1;background:hsla(0,0%,100%,.98);border-radius:15px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.sidebar{width:280px;flex-shrink:0}.sidebar-sticky-wrapper{position:-webkit-sticky;position:sticky;top:20px}.articles-sidebar{background:hsla(0,0%,100%,.98);border-radius:15px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.sidebar-title{font-size:1.3em;margin-bottom:20px;color:#667eea;font-weight:600;border-bottom:2px solid #667eea;padding-bottom:10px}.articles-list-sidebar{list-style:none}.articles-list-sidebar li{margin-bottom:12px}.article-link-sidebar{display:block;padding:12px 15px;background:#f8f9fa;border-radius:8px;text-decoration:none;color:#333;transition:all .3s ease;border-left:3px solid transparent}.article-link-sidebar:hover{background:#e9ecef;border-left-color:#667eea;transform:translateX(5px)}.text-block-sidebar{background:hsla(0,0%,100%,.98);border-radius:15px;padding:25px;margin-top:20px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.text-block-content{color:#555;line-height:1.8;font-size:15px;text-align:justify;margin:0}.title{font-size:2.5em;text-align:center;margin-bottom:30px;color:#667eea;font-weight:600}.about-section{margin-bottom:40px;padding:20px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.about-title{font-size:1.5em;margin-bottom:15px;color:#333}.about-text{line-height:1.8;color:#555;text-align:justify}.total-counter{text-align:center;padding:.5rem 1rem;background:#4caf50;color:#fff;border-radius:8px;margin-bottom:1.5rem;font-size:1.1rem}.generator{margin-top:30px}.generator-title{font-size:1.8em;margin-bottom:15px;color:#333;text-align:center}.generator-description{text-align:center;margin-bottom:30px;color:#666;font-size:1.1em}.generator-options{background:#f8f9fa;padding:25px;border-radius:10px;margin-bottom:30px}.option-label{display:flex;align-items:center;margin-bottom:15px;padding:10px;background:#fff;border-radius:5px;cursor:pointer;transition:all .3s ease}.option-label:hover{background:#e9ecef;transform:translateX(5px)}.option-label input[type=checkbox]{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#667eea}.option-text{font-size:16px;color:#333;flex:1 1}.count-selector,.length-selector{display:flex;align-items:center;gap:15px;margin:20px 0;padding:15px;background:#fff;border-radius:5px}.count-label{font-weight:500;color:#1f2937}.count-input{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;width:80px;font-size:1rem}.length-label{font-weight:600;color:#333;min-width:150px}.length-slider{flex:1 1;height:8px;border-radius:5px;background:#ddd;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.length-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2)}.length-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 5px rgba(0,0,0,.2)}.length-value{font-weight:700;color:#667eea;font-size:18px;min-width:40px;text-align:center}.generate-btn{width:100%;padding:15px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4)}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.6)}.generate-btn:active{transform:translateY(0)}.passwords-container{margin-top:30px}.passwords-title{font-size:1.5em;margin-bottom:20px;color:#333;text-align:center}.passwords-list{display:flex;flex-direction:column;gap:15px}.password-item{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;padding:15px 20px;border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.password-item:hover{border-color:#667eea;background:#fff;transform:translateX(5px)}.password-text{font-family:Courier New,monospace;font-size:18px;font-weight:600;color:#333;flex:1 1;word-break:break-all}.copy-btn{padding:8px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{transform:scale(1.05);box-shadow:0 4px 10px rgba(102,126,234,.4)}.footer{text-align:center;padding:20px;color:#fff;font-size:14px;opacity:.9}.footer-menu{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.2)}.footer-menu .footer-link{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;opacity:.9}.footer-menu .footer-link:hover{opacity:1;text-decoration:underline}.warning-section{background:#fff3cd;border:2px solid #ffc107;border-radius:10px;padding:20px;margin-bottom:30px}.warning-text{color:#856404;line-height:1.8;margin:0}.search-container{margin-bottom:30px}.search-input{width:100%;padding:15px 20px;font-size:16px;border:2px solid #667eea;border-radius:8px;outline:none;transition:all .3s ease;background:#fff}.search-input:focus{border-color:#764ba2;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.subtitle{font-size:1.3em;margin-bottom:20px;color:#333}.passwords-table{overflow-x:auto;margin-bottom:30px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}th{padding:15px;text-align:left;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:1px}td{padding:12px 15px;border-bottom:1px solid #e9ecef}tbody tr:hover{background:#f8f9fa}.password-cell{font-family:Courier New,monospace;font-weight:600;color:#dc3545}.rank-cell{color:#6c757d;font-weight:600}.footer-links{margin-top:30px;padding-top:20px;border-top:2px solid #e9ecef}.footer-link{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease}.footer-link:hover{color:#764ba2;text-decoration:underline}.footer-site-link{margin-top:10px}.footer-site-link a{color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease}.footer-site-link a:hover{text-decoration:underline;opacity:.9}@media (max-width:768px){.main-layout{flex-direction:column;gap:20px}.sidebar{width:100%}.sidebar-sticky-wrapper{position:static}.main{padding:20px}.title{font-size:1.8em}.generator-title{font-size:1.4em}.length-selector,.password-item{flex-direction:column;gap:10px}.password-item{text-align:center}.copy-btn{width:100%}table{font-size:14px}td,th{padding:8px 10px}}.api-section{background:#fff;padding:2rem;border-radius:10px;margin:2rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.api-section h2{color:#667eea;margin-bottom:1.5rem}.api-section h3{color:#555;margin-top:1.5rem;margin-bottom:.75rem}.api-endpoint{background:#f8f9fa;padding:1rem;border-radius:8px;margin:1rem 0}.api-url{background:#667eea;color:#fff;padding:.5rem 1rem;border-radius:5px;font-weight:600}.api-example,.api-request,.api-response{margin:1.5rem 0}.code-block{background:#2d2d2d;color:#f8f8f2;padding:1.5rem;border-radius:8px;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.api-list{list-style:none;padding:0}.api-list li{padding:.5rem 0;border-bottom:1px solid #e9ecef}.api-list code{background:#f8f9fa;padding:.25rem .5rem;border-radius:3px;color:#e83e8c;font-weight:600}@media (max-width:768px){.nav{flex-direction:column;align-items:stretch;gap:10px}.nav-left,.nav-right{justify-content:center;flex-wrap:wrap;width:100%;gap:8px}.nav-link{padding:10px 12px}}@media (max-width:480px){.nav-left,.nav-right{flex-direction:column;align-items:stretch}.nav-link{text-align:center}.language-selector,.nav-link{width:100%}.language-select{width:100%;display:block}}.article-title{font-size:2.5rem;color:#667eea;margin-bottom:1rem;text-align:center}.article-intro{font-size:1.2rem;color:#666;text-align:center;margin-bottom:3rem;font-style:italic}.article-page section{margin-bottom:2rem}.article-h2{font-size:1.8rem;color:#333;margin-bottom:1rem;border-bottom:2px solid #667eea;padding-bottom:.5rem}.article-p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:1rem;text-align:justify}.article-p a{color:#667eea;text-decoration:none;font-weight:600}.article-p a:hover{text-decoration:underline}.article-conclusion{background:#f8f9fa;padding:1.5rem;border-left:4px solid #667eea;border-radius:8px;margin-top:2rem}@media (max-width:480px){.container{padding:10px}.generator-options,.main{padding:15px}table{font-size:12px}td,th{padding:6px 8px}.article-title{font-size:1.8rem}.article-h2{font-size:1.4rem}}.article-list{max-width:900px;margin:0 auto}.articles-list{display:grid;grid-gap:2rem;gap:2rem;margin-top:2rem}.article-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.article-card-title{font-size:1.5rem;color:#667eea;margin-bottom:.75rem}.article-card a .article-card-title{text-decoration:none;display:block;transition:color .3s ease}.article-card a:hover .article-card-title{color:#764ba2}.article-card-description{color:#666;margin-bottom:1rem;line-height:1.6}.article-link{color:#667eea;text-decoration:none;font-weight:600;display:inline-block;transition:color .3s ease}.article-link:hover{color:#764ba2;text-decoration:underline}.breadcrumb-back{display:inline-block;margin-bottom:1rem;color:#6b7280;text-decoration:none;font-size:.95rem;padding:.5rem 1rem;background:#f3f4f6;border-radius:6px;transition:all .2s}.breadcrumb-back:hover{color:#374151;background:#e5e7eb}.breadcrumbs{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:2rem}.breadcrumb-link{color:#667eea;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.page-view-counter{text-align:right;color:#999;font-size:.9rem;margin-top:1rem}.languages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:30px}.language-card{display:block;background:#fff;border-radius:10px;padding:20px;text-decoration:none;color:#333;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);border:2px solid transparent}.language-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(102,126,234,.3);border-color:#667eea}.language-code{font-size:1.2rem;font-weight:700;color:#667eea;margin-bottom:8px}.language-name{font-size:1rem;font-weight:600;color:#333;margin-bottom:5px}.language-native{font-size:.9rem;color:#666}