.header{background:#fff;box-shadow:0 2px 10px #2563eb1a;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(37,99,235,.1)}.header-container{max-width:1200px;margin:0 auto;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.logo-text{margin:0;color:#1e40af;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.nav{display:flex;gap:12px}.nav-link{padding:10px 20px;background:transparent;color:#1e293b;border:2px solid transparent;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.nav-link:hover{background:#f1f5f9;color:#2563eb;border-color:#e2e8f0}.nav-link:active{transform:scale(.98)}@media (max-width: 768px){.header-container{flex-direction:column;gap:20px;padding:20px}.logo-text{font-size:1.25rem}.nav{flex-wrap:wrap;justify-content:center;gap:8px}.nav-link{padding:8px 16px;font-size:.85rem}}.footer{background:#fff;border-top:1px solid rgba(37,99,235,.1);margin-top:60px;padding:40px 20px}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-nav{display:flex;justify-content:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}.footer-link{color:#2563eb;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;padding:4px 8px;border-radius:4px}.footer-link:hover{color:#1d4ed8;background:#f1f5f9;text-decoration:underline}.footer-text{color:#1e293b;font-size:.95rem;font-weight:500;margin:0}.footer-subtext{color:#64748b;font-size:.85rem;margin:0}@media (max-width: 600px){.footer-nav{gap:16px}.footer-link{font-size:.85rem}}.password-generator{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.password-generator:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,rgba(37,99,235,.1) 0%,transparent 50%);pointer-events:none}.container{background:#fff;border-radius:16px;padding:48px;box-shadow:0 20px 60px #2563eb26,0 0 0 1px #2563eb1a;max-width:700px;width:100%;position:relative;z-index:1}h1{margin:0 0 12px;color:#1e40af;font-size:2.5rem;text-align:center;font-weight:700;letter-spacing:-.5px}.subtitle{text-align:center;color:#64748b;margin-bottom:40px;font-size:1rem;font-weight:400}.password-display{display:flex;gap:12px;margin-top:24px;margin-bottom:0}.password-input{flex:1;padding:16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:Courier New,monospace;background:#f8fafc;color:#1e293b;transition:all .2s}.password-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.password-input::placeholder{color:#94a3b8}.copy-button{padding:16px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #2563eb4d}.copy-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.copy-button:active:not(:disabled){transform:translateY(0)}.copy-button:disabled{opacity:.5;cursor:not-allowed;background:#cbd5e1}.copy-button.copied{background:#10b981}.copy-button.copied:hover{background:#059669}.strength-indicator{margin-top:20px;margin-bottom:0}.strength-label{font-size:.875rem;color:#64748b;margin-bottom:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.strength-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;position:relative}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px;box-shadow:0 0 8px currentColor}.options{margin-bottom:32px}.option-group{margin-bottom:28px}.option-label{display:flex;flex-direction:column;gap:12px;font-weight:500;color:#1e293b;font-size:.95rem}.slider{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2563eb66}.slider::-webkit-slider-thumb:hover{background:#1d4ed8;transform:scale(1.15);box-shadow:0 4px 12px #2563eb99}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;border:none;transition:all .2s;box-shadow:0 2px 8px #2563eb66}.slider::-moz-range-thumb:hover{background:#1d4ed8;transform:scale(1.15);box-shadow:0 4px 12px #2563eb99}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:14px;border-radius:8px;transition:all .2s;border:1px solid transparent}.checkbox-label:hover{background:#f1f5f9;border-color:#e2e8f0}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2563eb;flex-shrink:0}.checkbox-label span{color:#1e293b;font-weight:500;font-size:.95rem}.symbol-selection{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.symbol-selection-header{margin-bottom:16px}.symbol-label{font-weight:600;color:#1e293b;font-size:.95rem}.symbol-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.symbol-group{background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #e2e8f0}.symbol-group-label{font-size:.85rem;font-weight:600;color:#64748b;margin-bottom:8px;text-align:center}.symbol-checkboxes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.symbol-checkbox-label{display:flex;align-items:center;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s;border:1px solid transparent}.symbol-checkbox-label:hover{background:#fff;border-color:#e2e8f0}.symbol-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2563eb;margin-right:6px;flex-shrink:0}.symbol-char{font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:#1e293b;min-width:20px;text-align:center}.generate-button{width:100%;padding:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #2563eb4d}.generate-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 24px #2563eb66}.generate-button:active{transform:translateY(0)}.crack-time-table{margin-top:48px;padding-top:32px;border-top:2px solid #e2e8f0}.table-title{font-size:1.5rem;font-weight:700;color:#1e40af;margin:0 0 24px;text-align:center}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.crack-table{width:100%;border-collapse:collapse;font-size:.85rem;background:#fff}.crack-table thead{background:#f8fafc;position:sticky;top:0;z-index:10}.crack-table th{padding:12px 8px;text-align:center;font-weight:600;color:#1e293b;border:1px solid #e2e8f0;white-space:nowrap;font-size:.8rem}.crack-table td{padding:10px 8px;text-align:center;border:1px solid #e2e8f0;white-space:nowrap}.char-count-cell{font-weight:600;background:#f8fafc;color:#1e40af}.cell-weak{background:#fef2f2;color:#991b1b}.cell-medium{background:#fffbeb;color:#92400e}.cell-strong{background:#f0fdf4;color:#166534}.crack-table tbody tr:hover{background:#f8fafc}@media (max-width: 600px){.container{padding:32px 24px}h1{font-size:2rem}.password-display{flex-direction:column}.copy-button{width:100%}.table-title{font-size:1.25rem}.crack-table{font-size:.75rem}.crack-table th,.crack-table td{padding:8px 4px;font-size:.7rem}.symbol-groups{grid-template-columns:1fr}.symbol-group{padding:10px}.symbol-checkbox-label{padding:4px 8px}}.uuid-generator{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.uuid-generator:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,rgba(37,99,235,.1) 0%,transparent 50%);pointer-events:none}.uuid-generator .container{background:#fff;border-radius:16px;padding:48px;box-shadow:0 20px 60px #2563eb26,0 0 0 1px #2563eb1a;max-width:700px;width:100%;position:relative;z-index:1}.uuid-generator h1{margin:0 0 12px;color:#1e40af;font-size:2.5rem;text-align:center;font-weight:700;letter-spacing:-.5px}.uuid-generator .subtitle{text-align:center;color:#64748b;margin-bottom:40px;font-size:1rem;font-weight:400}.uuid-display{display:flex;flex-direction:column;gap:12px;margin-top:24px;margin-bottom:0}.uuid-textarea{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-family:Courier New,monospace;background:#f8fafc;color:#1e293b;transition:all .2s;resize:vertical;min-height:200px;line-height:1.6}.uuid-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.uuid-textarea::placeholder{color:#94a3b8}.uuid-generator .copy-button{padding:16px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #2563eb4d}.uuid-generator .copy-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.uuid-generator .copy-button:active:not(:disabled){transform:translateY(0)}.uuid-generator .copy-button:disabled{opacity:.5;cursor:not-allowed;background:#cbd5e1}.uuid-generator .copy-button.copied{background:#10b981}.uuid-generator .copy-button.copied:hover{background:#059669}.uuid-generator .generate-button{width:100%;padding:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #2563eb4d}.uuid-generator .generate-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 24px #2563eb66}.uuid-generator .generate-button:active{transform:translateY(0)}.uuid-generator .options{margin-bottom:32px}.uuid-generator .option-group{margin-bottom:24px}.uuid-generator .option-label{display:flex;flex-direction:column;gap:12px;font-weight:500;color:#1e293b;font-size:.95rem}.uuid-generator .select-input{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;background:#f8fafc;color:#1e293b;transition:all .2s;cursor:pointer}.uuid-generator .select-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.uuid-generator .slider{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;cursor:pointer}.uuid-generator .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2563eb66}.uuid-generator .slider::-webkit-slider-thumb:hover{background:#1d4ed8;transform:scale(1.15);box-shadow:0 4px 12px #2563eb99}.uuid-generator .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;border:none;transition:all .2s;box-shadow:0 2px 8px #2563eb66}.uuid-generator .slider::-moz-range-thumb:hover{background:#1d4ed8;transform:scale(1.15);box-shadow:0 4px 12px #2563eb99}.uuid-generator .number-input{padding:10px;border:2px solid #e2e8f0;border-radius:6px;font-size:.95rem;background:#f8fafc;color:#1e293b;transition:all .2s;width:100%}.uuid-generator .number-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}@media (max-width: 600px){.uuid-generator .container{padding:32px 24px}.uuid-generator h1{font-size:2rem}.uuid-display{flex-direction:column}.uuid-generator .copy-button{width:100%}}.random-number-generator{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.random-number-generator:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,rgba(37,99,235,.1) 0%,transparent 50%);pointer-events:none}.random-number-generator .container{background:#fff;border-radius:16px;padding:48px;box-shadow:0 20px 60px #2563eb26,0 0 0 1px #2563eb1a;max-width:700px;width:100%;position:relative;z-index:1}.random-number-generator h1{margin:0 0 12px;color:#1e40af;font-size:2.5rem;text-align:center;font-weight:700;letter-spacing:-.5px}.random-number-generator .subtitle{text-align:center;color:#64748b;margin-bottom:40px;font-size:1rem;font-weight:400}.random-display{display:flex;gap:12px;margin-top:24px;margin-bottom:0}.random-input{flex:1;padding:16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:Courier New,monospace;background:#f8fafc;color:#1e293b;transition:all .2s}.random-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.random-input::placeholder{color:#94a3b8}.random-number-generator .copy-button{padding:16px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #2563eb4d}.random-number-generator .copy-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.random-number-generator .copy-button:active:not(:disabled){transform:translateY(0)}.random-number-generator .copy-button:disabled{opacity:.5;cursor:not-allowed;background:#cbd5e1}.random-number-generator .copy-button.copied{background:#10b981}.random-number-generator .copy-button.copied:hover{background:#059669}.random-number-generator .options{margin-bottom:32px}.random-number-generator .option-group{margin-bottom:28px}.random-number-generator .option-label{display:flex;flex-direction:column;gap:12px;font-weight:500;color:#1e293b;font-size:.95rem}.random-number-generator .slider{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;cursor:pointer}.random-number-generator .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2563eb66}.random-number-generator .slider::-webkit-slider-thumb:hover{background:#1d4ed8;transform:scale(1.15);box-shadow:0 4px 12px #2563eb99}.random-number-generator .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;border:none;transition:all .2s;box-shadow:0 2px 8px #2563eb66}.random-number-generator .slider::-moz-range-thumb:hover{background:#1d4ed8;transform:scale(1.15);box-shadow:0 4px 12px #2563eb99}.random-number-generator .number-input{padding:10px;border:2px solid #e2e8f0;border-radius:6px;font-size:.95rem;background:#f8fafc;color:#1e293b;transition:all .2s;width:100%}.random-number-generator .number-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.random-number-generator .checkbox-group{display:flex;flex-direction:column;gap:12px}.random-number-generator .checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:14px;border-radius:8px;transition:all .2s;border:1px solid transparent}.random-number-generator .checkbox-label:hover{background:#f1f5f9;border-color:#e2e8f0}.random-number-generator .checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2563eb;flex-shrink:0}.random-number-generator .checkbox-label span{color:#1e293b;font-weight:500;font-size:.95rem}.random-number-generator .generate-button{width:100%;padding:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #2563eb4d}.random-number-generator .generate-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 24px #2563eb66}.random-number-generator .generate-button:active{transform:translateY(0)}@media (max-width: 600px){.random-number-generator .container{padding:32px 24px}.random-number-generator h1{font-size:2rem}.random-display{flex-direction:column}.random-number-generator .copy-button{width:100%}}.number-to-string-generator{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.number-to-string-generator:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,rgba(37,99,235,.1) 0%,transparent 50%);pointer-events:none}.number-to-string-generator .container{background:#fff;border-radius:16px;padding:48px;box-shadow:0 20px 60px #2563eb26,0 0 0 1px #2563eb1a;max-width:700px;width:100%;position:relative;z-index:1}.number-to-string-generator h1{margin:0 0 12px;color:#1e40af;font-size:2.5rem;text-align:center;font-weight:700;letter-spacing:-.5px}.number-to-string-generator .subtitle{text-align:center;color:#64748b;margin-bottom:40px;font-size:1rem;font-weight:400}.input-group{margin-bottom:24px}.input-label{display:flex;flex-direction:column;gap:10px;font-weight:500;color:#1e293b;font-size:.95rem}.input-label span{color:#1e293b;font-weight:600}.number-to-string-generator .number-input{padding:14px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#f8fafc;color:#1e293b;transition:all .2s;width:100%}.number-to-string-generator .number-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.output-display{display:flex;flex-direction:column;gap:12px;margin-top:24px;margin-bottom:0}.output-textarea{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-family:Courier New,monospace;background:#f8fafc;color:#1e293b;transition:all .2s;resize:vertical;min-height:100px}.output-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.output-textarea::placeholder{color:#94a3b8}.number-to-string-generator .copy-button{padding:16px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #2563eb4d}.number-to-string-generator .copy-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.number-to-string-generator .copy-button:active:not(:disabled){transform:translateY(0)}.number-to-string-generator .copy-button:disabled{opacity:.5;cursor:not-allowed;background:#cbd5e1}.number-to-string-generator .copy-button.copied{background:#10b981}.number-to-string-generator .copy-button.copied:hover{background:#059669}.info-text{margin-top:20px;margin-bottom:0;text-align:center}.info-text p{color:#64748b;font-size:.9rem;font-weight:500}.number-to-string-generator .generate-button{width:100%;padding:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #2563eb4d}.number-to-string-generator .generate-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 24px #2563eb66}.number-to-string-generator .generate-button:active{transform:translateY(0)}@media (max-width: 600px){.number-to-string-generator .container{padding:32px 24px}.number-to-string-generator h1{font-size:2rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e0f2fe,#bae6fd,#7dd3fc)}.main-content{flex:1;display:flex;flex-direction:column;gap:40px;padding:40px 20px}@media (max-width: 768px){.main-content{gap:30px;padding:30px 20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f9ff;color:#1e293b}#root{width:100%;min-height:100vh;background-color:#f0f9ff}