.hash-generator-hero {background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);}
.hash-generator-hero h1 {font-size: 2.5rem;}
@media (max-width: 767.98px) {.hash-generator-hero h1 {font-size: 1.9rem;}}
.hash-generator-hero .lead {color: #4a5568;font-size: 1.1rem;}
@media (max-width: 767.98px) {.hash-generator-hero .lead {font-size: 1rem;}}
.hash-generator-tool {overflow: hidden;border-radius: 1rem;}
@media (max-width: 767.98px) {.hash-generator-tool .card-body {padding: 1.25rem !important;}}
.hash-generator-mode {display: inline-flex;padding: .25rem;border-radius: .75rem;background: #e9eef5;}
.hash-generator-mode__button {padding: .55rem 1rem;border: 0;border-radius: .55rem;background: transparent;color: #475569;font-weight: 600;transition: all .2s ease;}
@media (hover: hover) {.hash-generator-mode__button:hover {color: #0d6efd;}}
.hash-generator-mode__button.is-active {background: #fff;color: #0d6efd;box-shadow: 0 .2rem .6rem rgba(15,23,42,.1);}
.hash-generator-mode__button:focus-visible {outline: 3px solid rgba(13,110,253,.25);}
.hash-generator-textarea {min-height: 12rem;padding: 1rem;border-color: #cbd5e1;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size: .95rem;line-height: 1.55;resize: vertical;}
.hash-generator-textarea:focus {border-color: #0d6efd;box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);}
.hash-generator-dropzone {display: flex;align-items: center;justify-content: center;min-height: 13rem;padding: 2rem;border: 2px dashed #aebdce;border-radius: 1rem;background: #f8fafc;flex-direction: column;gap: .65rem;text-align: center;cursor: pointer;transition: all .2s ease;}
@media (hover: hover) {.hash-generator-dropzone:hover {border-color: #0d6efd;background: #f0f6ff;}}
.hash-generator-dropzone.is-dragover {border-color: #0d6efd;background: #e7f1ff;transform: scale(1.005);}
.hash-generator-dropzone__icon {color: #0d6efd;font-size: 2.5rem;}
.hash-generator-file-info {padding: .75rem 1rem;border-radius: .65rem;background: #f1f8f4;}
.hash-generator-options {padding: 1rem;border-radius: .75rem;background: #f8fafc;}
.hash-generator-format {width: 7rem;}
.hash-result-list {display: grid;gap: .75rem;}
.hash-result {display: grid;grid-template-columns: 9rem minmax(0,1fr) 2.5rem;align-items: center;gap: .75rem;padding: .85rem 1rem;border: 1px solid #dbe3ec;border-radius: .75rem;background: #fff;}
.hash-result__meta {display: flex;align-items: center;flex-wrap: wrap;gap: .4rem;}
.hash-result__name {color: #1e293b;font-weight: 700;}
.hash-result__value {overflow-x: auto;padding: .55rem .7rem;border-radius: .45rem;background: #f1f5f9;color: #0f5132;font-size: .82rem;white-space: nowrap;scrollbar-width: thin;}
.hash-result__value.is-loading {color: #64748b;}
.hash-result__value.is-error {color: #b02a37;}
.hash-result__copy {display: flex;align-items: center;justify-content: center;width: 2.35rem;height: 2.35rem;border: 1px solid #cbd5e1;border-radius: .5rem;background: #fff;color: #0d6efd;transition: all .2s ease;}
@media (hover: hover) {.hash-result__copy:hover {border-color: #0d6efd;background: #e7f1ff;}}
.hash-result__copy:disabled {color: #94a3b8;cursor: not-allowed;}
@media (max-width: 767.98px) {.hash-result {grid-template-columns: minmax(0,1fr) 2.5rem;}
	.hash-result__meta {grid-column: -1;}}
.hash-generator-benefits .card {border-radius: 1rem;transition: all .2s ease;}
@media (hover: hover) {.hash-generator-benefits .card:hover {transform: translateY(-4px);box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08) !important;}}
.hash-benefit-icon {display: flex;align-items: center;justify-content: center;width: 3.5rem;height: 3.5rem;margin: 0 auto;border-radius: 1rem;font-size: 1.6rem;}
.hash-generator-seo {color: #334155;line-height: 1.7;}
.hash-generator-seo h2 {color: #1e293b;scroll-margin-top: 1.5rem;}
.hash-generator-seo a {color: #0d6efd;}
@media (hover: hover) {.hash-generator-seo a:hover {color: #0a58ca;}}
.hash-generator-contents {margin-top: 1.5rem;padding: 1.25rem 1.5rem;border-left: 4px solid #0d6efd;border-radius: 0 .75rem .75rem 0;background: #f8fafc;}
.hash-generator-contents ol {padding-left: 1.25rem;}
.hash-generator-contents li + li {margin-top: .35rem;}
.hash-generator-topics {display: flex;flex-wrap: wrap;gap: .55rem;margin-top: 1.5rem;}
.hash-generator-topics a {display: inline-flex;padding: .4rem .75rem;border: 1px solid #cfe2ff;border-radius: 50rem;background: #f0f6ff;font-size: .9rem;font-weight: 600;text-decoration: none;transition: all .2s ease;}
@media (hover: hover) {.hash-generator-topics a:hover {border-color: #0d6efd;background: #e7f1ff;}}
.hash-algorithm-table {min-width: 42rem;}
.hash-algorithm-table thead th {border-bottom-width: 1px;background: #e7f1ff;color: #1e3a5f;}
.hash-algorithm-table th, .hash-algorithm-table td {padding: .85rem 1rem;}
.hash-security-note {margin-top: 2rem;padding: 1.25rem 1.5rem;border: 1px solid #ffe69c;border-left: 4px solid #ffc107;border-radius: .75rem;background: #fff9e6;}
@media (max-width: 575.98px) {.hash-generator-mode {display: flex;}
	.hash-generator-mode__button {flex: 1;}
	.hash-generator-dropzone {min-height: 11rem;padding: 1.25rem;}
	.hash-generator-options {align-items: stretch !important;flex-direction: column;}
	.hash-result {padding: .75rem;}
	.hash-generator-contents {padding: 1rem;}}