.keccak-hero{position:relative;padding:6rem 0 3rem;overflow:hidden}.keccak-hero-background{position:absolute;inset:0;z-index:-1}.keccak-gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.4;pointer-events:none}.keccak-gradient-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,0.3) 0%,transparent 70%);top:-200px;right:-100px}.keccak-gradient-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,0.2) 0%,transparent 70%);bottom:-100px;left:-50px}.keccak-noise{position:absolute;inset:0;opacity:0.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px}.keccak-breadcrumb{margin-bottom:2rem}.keccak-breadcrumb .breadcrumb-list{display:flex;align-items:center;gap:0.5rem;list-style:none;padding:0;margin:0;font-size:0.875rem;color:var(--text-muted,#94a3b8)}.keccak-breadcrumb .breadcrumb-list a{color:var(--text-secondary,#cbd5e1);text-decoration:none;transition:color 0.2s}.keccak-breadcrumb .breadcrumb-list a:hover{color:#60a5fa}.keccak-breadcrumb .breadcrumb-separator{opacity:0.5}.keccak-breadcrumb .breadcrumb-current{color:var(--text-primary,#f8fafc)}.keccak-hero-content{text-align:center;max-width:740px;margin:0 auto}.keccak-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.2);border-radius:100px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#a5b4fc;margin-bottom:1.5rem}.keccak-badge-icon{display:flex;align-items:center;justify-content:center}.keccak-title{font-family:var(--font-display,'Sora',sans-serif);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1;color:var(--text-primary,#f8fafc);margin:0 0 1rem}.keccak-title-accent{background-image:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.keccak-subtitle{color:var(--text-secondary,#cbd5e1);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.keccak-section{padding:2rem 0 4rem}.keccak-card{max-width:700px;margin:0 auto;background:rgba(15,20,40,0.8);border:1px solid rgba(99,102,241,0.15);border-radius:20px;padding:2rem;position:relative;backdrop-filter:blur(12px)}.keccak-card-glow{position:absolute;inset:-1px;border-radius:20px;background:radial-gradient(ellipse at 20% -20%,rgba(99,102,241,0.08) 0%,transparent 60%);pointer-events:none;z-index:-1;opacity:0;transition:opacity 0.3s}.keccak-card:hover .keccak-card-glow{opacity:1}.keccak-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:1.5rem;position:relative}.keccak-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1rem;font-size:0.875rem;font-weight:600;color:var(--text-muted,#94a3b8);background:transparent;border:none;cursor:pointer;position:relative;transition:color 0.25s;text-align:center;white-space:nowrap;margin-bottom:-1px}.keccak-tab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;border-radius:2px 2px 0 0;transition:background 0.25s}.keccak-tab:hover{color:var(--text-secondary,#cbd5e1)}.keccak-tab-active{color:#60a5fa}.keccak-tab-active::after{background:linear-gradient(90deg,#6366f1,#60a5fa)}.keccak-panel{display:none}.keccak-panel-active{display:block;animation:keccakFadeIn 0.25s ease-out}.keccak-panel[hidden]{display:none}@keyframes keccakFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.keccak-field{margin-bottom:1.25rem}.keccak-field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.keccak-field-label{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:600;color:var(--text-primary,#f8fafc)}.keccak-field-label-sub{font-weight:400;color:var(--text-muted,#94a3b8);margin-left:0.4rem}.keccak-field-encoding{position:relative}.keccak-type-dropdown,.keccak-encoding-select,#keccak-encoding{appearance:none;padding:0.375rem 1.75rem 0.375rem 0.75rem;font-size:0.75rem;font-weight:500;font-family:'JetBrains Mono','Fira Code',monospace;color:var(--text-secondary,#cbd5e1);background:rgba(26,26,37,0.8) url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 0.5rem center;border:1px solid rgba(255,255,255,0.1);border-radius:6px;cursor:pointer;transition:border-color 0.2s}.keccak-type-dropdown:hover,.keccak-encoding-select:hover,#keccak-encoding:hover{border-color:rgba(99,102,241,0.4)}.keccak-type-dropdown:focus,.keccak-encoding-select:focus,#keccak-encoding:focus{outline:none;border-color:rgba(59,130,246,0.5);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.keccak-input-wrapper{position:relative;display:flex;align-items:center}.keccak-input{width:100%;padding:1rem 3.5rem 1rem 1rem;background:rgba(26,26,37,0.8);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:var(--text-primary,#f8fafc);font-size:1.1rem;font-weight:500;font-family:'JetBrains Mono','Fira Code',monospace;transition:border-color 0.2s,box-shadow 0.2s;box-sizing:border-box;outline:none}.keccak-input:focus{border-color:rgba(99,102,241,0.45);box-shadow:0 0 0 3px rgba(99,102,241,0.12)}.keccak-input::placeholder{color:var(--text-muted,#94a3b8);opacity:0.5}.keccak-clear-btn{position:absolute;right:0.75rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:var(--text-muted,#94a3b8);cursor:pointer;transition:all 0.2s;line-height:1}.keccak-clear-btn:hover{background:rgba(255,255,255,0.1);color:var(--text-primary,#f8fafc)}.keccak-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.keccak-examples{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem;padding-bottom:2px}.keccak-examples-label{flex-shrink:0;font-size:0.75rem;font-weight:600;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:0.04em}.keccak-example-chip{flex-shrink:0;padding:0.375rem 0.75rem;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.75rem;color:var(--text-secondary,#cbd5e1);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:100px;cursor:pointer;transition:all 0.2s;white-space:nowrap}.keccak-example-chip:hover{color:#60a5fa;background:rgba(59,130,246,0.08);border-color:rgba(59,130,246,0.25)}.keccak-example-chip:active{transform:scale(0.96)}.keccak-results-hidden{display:none}.keccak-results{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,0.06);animation:keccakFadeIn 0.3s ease-out}.keccak-result-row{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-radius:10px;margin-bottom:0.375rem;border:1px solid transparent;transition:background 0.2s}.keccak-result-row:hover{background:rgba(255,255,255,0.03)}.keccak-result-row-highlight{background:rgba(99,102,241,0.06);border-color:rgba(99,102,241,0.15);box-shadow:0 0 16px rgba(99,102,241,0.06)}.keccak-result-row-highlight:hover{background:rgba(99,102,241,0.09)}.keccak-result-label{font-size:0.8rem;font-weight:600;color:var(--text-muted,#94a3b8);min-width:200px;flex-shrink:0}.keccak-result-value-wrapper{display:flex;align-items:center;gap:0.5rem;min-width:0}.keccak-result-value{font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.875rem;color:var(--text-secondary,#cbd5e1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;flex:1}.keccak-result-value-hash{color:#93c5fd}.keccak-result-value-bytes32{color:#60a5fa}.keccak-result-value-selector{font-size:1rem;font-weight:700;color:#a5b4fc}.keccak-copy-btn,.copy-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:var(--text-secondary,#cbd5e1);cursor:pointer;transition:all 0.2s;padding:0}.keccak-copy-btn:hover,.copy-btn:hover{background:rgba(255,255,255,0.1);color:var(--text-primary,#f8fafc)}.keccak-copy-btn .keccak-check-icon,.copy-btn .check-icon{display:none}.keccak-copy-btn.copied .keccak-copy-icon,.copy-btn.copied .copy-icon{display:none}.keccak-copy-btn.copied .keccak-check-icon,.copy-btn.copied .check-icon{display:block;color:#10b981}.keccak-copy-btn.copied,.copy-btn.copied{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.3)}.keccak-byte-grid-wrapper{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.06)}.keccak-byte-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;font-size:0.75rem;color:var(--text-muted,#94a3b8)}.keccak-byte-grid-title{font-weight:600;text-transform:uppercase;letter-spacing:0.04em}.keccak-toggle-label{display:flex;align-items:center;gap:0.5rem;font-size:0.8125rem;color:var(--text-secondary,#cbd5e1);cursor:pointer}.keccak-toggle-checkbox{accent-color:#3b82f6;width:15px;height:15px;cursor:pointer}.keccak-byte-legend{display:flex;gap:1rem;flex-wrap:wrap}.keccak-byte-legend-item{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.75rem;color:var(--text-muted,#94a3b8)}.keccak-legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.keccak-legend-dot-selector{background:rgba(59,130,246,0.6)}.keccak-legend-dot-rest{background:rgba(99,102,241,0.3)}.keccak-byte-grid{display:flex;flex-wrap:wrap;gap:4px;margin-top:0.5rem;padding:1rem;background:rgba(0,0,0,0.2);border-radius:8px;border:1px solid rgba(255,255,255,0.06)}.keccak-byte{font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.75rem;padding:3px 5px;border-radius:3px;background:rgba(99,102,241,0.1);color:#c7d2fe;min-width:24px;text-align:center}.keccak-byte-selector{background:rgba(59,130,246,0.25);color:#93c5fd;border:1px solid rgba(59,130,246,0.3)}.keccak-error{display:none;color:#f87171;font-size:0.8125rem;margin-top:0.5rem;padding:0.5rem 0.75rem;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);border-radius:6px}.keccak-error.keccak-error-visible{display:block}.keccak-textarea,.keccak-batch-textarea{width:100%;min-height:140px;padding:1rem;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.875rem;line-height:1.6;color:var(--text-primary,#f8fafc);background:rgba(26,26,37,0.8);border:1px solid rgba(255,255,255,0.1);border-radius:12px;outline:none;resize:vertical;transition:border-color 0.2s,box-shadow 0.2s;box-sizing:border-box}.keccak-textarea:focus,.keccak-batch-textarea:focus{border-color:rgba(99,102,241,0.45);box-shadow:0 0 0 3px rgba(99,102,241,0.12)}.keccak-textarea::placeholder,.keccak-batch-textarea::placeholder{color:var(--text-muted,#94a3b8);opacity:0.5}.keccak-batch-actions{display:flex;gap:0.75rem;margin-top:1rem;align-items:center}.keccak-batch-compute-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:0.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:none;border-radius:10px;cursor:pointer;transition:all 0.2s}.keccak-batch-compute-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 4px 20px rgba(59,130,246,0.3)}.keccak-batch-compute-btn:active{transform:translateY(0)}.keccak-batch-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid rgba(255,255,255,0.06);margin-top:1rem}.keccak-batch-table{width:100%;border-collapse:collapse;font-size:0.8rem}.keccak-batch-table thead th{text-align:left;padding:0.625rem 0.75rem;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted,#94a3b8);border-bottom:1px solid rgba(255,255,255,0.08)}.keccak-batch-th-copy{width:40px}.keccak-batch-table tbody td{padding:0.5rem 0.75rem;font-family:'JetBrains Mono','Fira Code',monospace;color:var(--text-secondary,#cbd5e1);border-bottom:1px solid rgba(255,255,255,0.04);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.keccak-batch-table tbody tr:nth-child(even) td{background:rgba(255,255,255,0.02)}.keccak-batch-table tbody tr:last-child td{border-bottom:none}.keccak-batch-table tbody tr:hover td{background:rgba(99,102,241,0.04)}.keccak-batch-hash-cell{font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8125rem;color:#93c5fd;word-break:break-all}.keccak-verify-result{margin-top:1.25rem}.keccak-verify-match{padding:1rem;border-radius:8px;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.3);color:#6ee7b7;font-weight:600}.keccak-verify-no-match{padding:1rem;border-radius:8px;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);color:#fca5a5;font-weight:600}.keccak-verify-computed{font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8125rem;color:var(--text-secondary,#cbd5e1);margin-top:0.5rem;word-break:break-all}.keccak-anatomy-section{padding:4rem 0;background:rgba(0,0,0,0.15)}.keccak-anatomy-title{font-family:var(--font-display,'Sora',sans-serif);font-size:1.75rem;font-weight:700;text-align:center;margin:0 0 0.5rem;color:var(--text-primary,#f8fafc)}.keccak-anatomy-subtitle{text-align:center;color:var(--text-muted,#94a3b8);margin:0 0 2.5rem;font-size:1rem}.keccak-anatomy-diagram{max-width:900px;margin:0 auto;padding:1.5rem;background:rgba(18,18,26,0.6);border:1px solid rgba(255,255,255,0.06);border-radius:16px}.keccak-anatomy-hash-display{margin-bottom:1.5rem;padding:1.25rem;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);border-radius:10px}.keccak-anatomy-hash-full{font-family:'JetBrains Mono','Fira Code',monospace;font-size:1rem;letter-spacing:0.05em;word-break:break-all;line-height:1.6;display:block}.keccak-anatomy-bytes-selector{color:#60a5fa;background:rgba(59,130,246,0.15);padding:0 2px;border-radius:2px}.keccak-anatomy-bytes-mid{color:#a5b4fc}.keccak-anatomy-bytes-addr{color:#c4b5fd}.keccak-anatomy-bytes-rest{color:#a5b4fc}.keccak-anatomy-hash-note{margin:0.75rem 0 0;font-size:0.8125rem;color:var(--text-muted,#94a3b8)}.keccak-anatomy-annotations{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.keccak-anatomy-item{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;border-radius:8px;background:rgba(255,255,255,0.02);border-left:3px solid}.keccak-anatomy-item-selector{border-color:#3b82f6}.keccak-anatomy-item-topic{border-color:#6366f1}.keccak-anatomy-item-addr{border-color:#8b5cf6}.keccak-anatomy-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:0.25rem}.keccak-anatomy-dot-selector{background:#3b82f6}.keccak-anatomy-dot-topic{background:#6366f1}.keccak-anatomy-dot-addr{background:#8b5cf6}.keccak-anatomy-text{font-size:0.8125rem;line-height:1.5;color:var(--text-primary,#f8fafc)}.keccak-anatomy-text strong{color:var(--text-primary,#f8fafc);font-weight:700}.keccak-anatomy-text code{padding:0.125rem 0.375rem;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8em;background:rgba(99,102,241,0.1);border-radius:4px;color:#a5b4fc}.keccak-anatomy-example{display:block;margin-top:0.375rem;font-size:0.75rem;color:var(--text-muted,#94a3b8)}.keccak-education-section{padding:4rem 0;background:rgba(22,22,34,0.5)}.keccak-education-grid{display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:start;max-width:1000px;margin:0 auto}.keccak-education-content{max-width:100%}.keccak-education-title{font-family:var(--font-display,'Sora',sans-serif);font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary,#f8fafc)}.keccak-education-subtitle{font-family:var(--font-display,'Sora',sans-serif);font-size:1.25rem;font-weight:600;color:var(--text-primary,#f8fafc);margin:2rem 0 1rem}.keccak-education-text{font-size:1rem;line-height:1.7;color:var(--text-secondary,#cbd5e1);margin:0 0 1rem}.keccak-education-text strong{color:var(--text-primary,#f8fafc)}.keccak-education-text code{padding:0.125rem 0.375rem;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8em;background:rgba(99,102,241,0.1);border-radius:4px;color:#a5b4fc}.keccak-warning-box{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem 1.25rem;background:rgba(245,158,11,0.08);border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;margin:1rem 0 1.5rem}.keccak-warning-icon{flex-shrink:0;color:#f59e0b;margin-top:0.125rem}.keccak-warning-box p{margin:0;font-size:0.9375rem;line-height:1.6;color:#fde68a}.keccak-warning-box code{padding:0.125rem 0.375rem;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8em;background:rgba(245,158,11,0.15);border-radius:4px;color:#fde68a}.keccak-usecases-list{list-style:none;padding:0;margin:0 0 1.5rem}.keccak-usecases-list li{display:flex;align-items:flex-start;gap:0.875rem;padding:0.75rem 0;border-bottom:1px solid rgba(255,255,255,0.04)}.keccak-usecases-list li:last-child{border-bottom:none}.keccak-usecase-num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(99,102,241,0.12);border:1px solid rgba(99,102,241,0.25);border-radius:8px;font-size:0.75rem;font-weight:700;color:#a5b4fc;margin-top:0.125rem}.keccak-usecases-list li div{font-size:1rem;line-height:1.7;color:var(--text-secondary,#cbd5e1)}.keccak-usecases-list li div strong{color:var(--text-primary,#f8fafc)}.keccak-usecases-list li div code{padding:0.125rem 0.375rem;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8em;background:rgba(99,102,241,0.1);border-radius:4px;color:#a5b4fc}.keccak-code-block{background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;margin:0.75rem 0 1.5rem}.keccak-code-header{display:flex;align-items:center;padding:0.625rem 1.25rem;background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.06)}.keccak-code-lang{font-size:0.75rem;font-weight:600;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:0.06em}.keccak-pre{margin:0;padding:1rem 1.25rem;overflow-x:auto}.keccak-pre code{font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8125rem;line-height:1.7;color:#c7d2fe}.keccak-code-block pre[class*="language-"]{margin:0;padding:1rem 1.25rem;background:transparent;border:none;border-radius:0}.keccak-code-block code[class*="language-"]{font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8125rem;line-height:1.7}.keccak-security-hook{position:sticky;top:100px}.keccak-hook-card{padding:1.5rem;background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(59,130,246,0.05) 100%);border:1px solid rgba(99,102,241,0.2);border-radius:16px}.keccak-hook-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(99,102,241,0.15);border-radius:12px;color:#6366f1;margin-bottom:1rem}.keccak-hook-title{font-family:var(--font-display,'Sora',sans-serif);font-size:1.125rem;font-weight:600;color:var(--text-primary,#f8fafc);margin:0 0 0.75rem}.keccak-hook-text{font-size:0.875rem;color:var(--text-secondary,#cbd5e1);line-height:1.6;margin:0 0 0.75rem}.keccak-hook-text strong{color:#f87171}.keccak-hook-text code{padding:0.125rem 0.375rem;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8em;background:rgba(99,102,241,0.1);border-radius:4px;color:#a5b4fc}.keccak-hook-example{padding:0.875rem 1rem;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.06);border-radius:8px;margin:0.75rem 0}.keccak-hook-example code{font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.75rem;line-height:1.7;color:#a5b4fc}.keccak-hook-cta{display:inline-flex;align-items:center;gap:0.5rem;margin-top:0.5rem;padding:0.75rem 1.25rem;font-size:0.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:8px;text-decoration:none;transition:all 0.2s}.keccak-hook-cta:hover{opacity:0.9;transform:translateX(4px);color:#fff}.keccak-reference-section{padding:4rem 0;background:rgba(0,0,0,0.15)}.keccak-reference-title{font-family:var(--font-display,'Sora',sans-serif);font-size:1.75rem;font-weight:700;text-align:center;margin:0 0 0.5rem;color:var(--text-primary,#f8fafc)}.keccak-reference-subtitle{font-size:1rem;color:var(--text-muted,#94a3b8);text-align:center;margin:0 0 2rem}.keccak-reference-table-wrapper{max-width:900px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid rgba(255,255,255,0.06);background:rgba(18,18,26,0.6)}.keccak-reference-table{width:100%;border-collapse:collapse;font-size:0.875rem}.keccak-reference-table thead th{text-align:left;padding:0.875rem 1.25rem;font-size:0.7rem;font-weight:700;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:0.06em;background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.08)}.keccak-reference-table tbody td{padding:0.875rem 1.25rem;font-size:0.875rem;color:var(--text-secondary,#cbd5e1);border-bottom:1px solid rgba(255,255,255,0.04);vertical-align:middle;line-height:1.5}.keccak-reference-table tbody tr:nth-child(even) td{background:rgba(255,255,255,0.015)}.keccak-reference-table tbody tr:last-child td{border-bottom:none}.keccak-reference-table tbody tr:hover td{background:rgba(99,102,241,0.035)}.keccak-reference-table td code{color:#93c5fd;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8125rem;background:rgba(59,130,246,0.08);padding:0.125rem 0.375rem;border-radius:4px}.keccak-ref-hash{font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.75rem;color:#93c5fd;word-break:break-all;white-space:normal}.keccak-ref-badge{display:inline-block;padding:0.2rem 0.5rem;font-size:0.7rem;font-weight:600;border-radius:4px;white-space:nowrap}.keccak-ref-badge-selector{color:#60a5fa;background:rgba(59,130,246,0.1)}.keccak-ref-badge-topic{color:#a78bfa;background:rgba(167,139,250,0.1)}.keccak-ref-badge-other{color:var(--text-secondary,#cbd5e1);background:rgba(255,255,255,0.05)}.keccak-faq-section{padding:4rem 0;background:rgba(22,22,34,0.3)}.keccak-faq-title{font-family:var(--font-display,'Sora',sans-serif);font-size:1.75rem;font-weight:700;color:var(--text-primary,#f8fafc);text-align:center;margin:0 0 2.5rem}.keccak-faq-list{max-width:700px;margin:0 auto}.keccak-faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}.keccak-faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 0;font-size:1rem;font-weight:600;color:var(--text-primary,#f8fafc);background:none;border:none;cursor:pointer;text-align:left;transition:color 0.2s}.keccak-faq-question:hover{color:#60a5fa}.keccak-faq-icon{flex-shrink:0;width:20px;height:20px;font-size:1.25rem;color:var(--text-muted,#94a3b8);transition:transform 0.25s;margin-left:1rem}.keccak-faq-item.keccak-faq-open .keccak-faq-icon{transform:rotate(45deg);color:#6366f1}.keccak-faq-answer{display:block !important;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out,padding 0.3s ease-out}.keccak-faq-item.keccak-faq-open .keccak-faq-answer{max-height:600px;padding-bottom:1.25rem}.keccak-faq-answer p{font-size:0.9375rem;line-height:1.7;color:var(--text-secondary,#cbd5e1);margin:0 0 0.75rem}.keccak-faq-answer p:last-child{margin-bottom:0}.keccak-faq-answer code{padding:0.125rem 0.375rem;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8em;background:rgba(99,102,241,0.1);border-radius:4px;color:#a5b4fc}.keccak-faq-answer ul{padding-left:1.25rem;margin:0.5rem 0}.keccak-faq-answer li{font-size:0.9375rem;line-height:1.7;color:var(--text-secondary,#cbd5e1);margin-bottom:0.5rem}.keccak-faq-answer li strong{color:var(--text-primary,#f8fafc)}.keccak-faq-answer li code{padding:0.125rem 0.375rem;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8em;background:rgba(99,102,241,0.1);border-radius:4px;color:#a5b4fc}.keccak-cta-section{padding:4rem 0 6rem}.keccak-cta-card{max-width:700px;margin:0 auto;padding:3rem;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,rgba(59,130,246,0.05) 100%);border:1px solid rgba(99,102,241,0.2);border-radius:20px;text-align:center;position:relative;z-index:1}.keccak-cta-content{max-width:600px;margin:0 auto}.keccak-cta-title{font-family:var(--font-display,'Sora',sans-serif);font-size:1.75rem;font-weight:700;color:var(--text-primary,#f8fafc);margin:0 0 1rem}.keccak-cta-text{font-size:1rem;color:var(--text-secondary,#cbd5e1);line-height:1.6;margin:0 0 1.5rem}.keccak-cta-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.keccak-cta-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 1.75rem;font-size:0.9375rem;font-weight:600;border-radius:10px;text-decoration:none;transition:all 0.2s;cursor:pointer}.keccak-cta-btn.btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:none;box-shadow:0 4px 24px rgba(99,102,241,0.3)}.keccak-cta-btn.btn-primary:hover{background:linear-gradient(135deg,#4338ca 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 8px 32px rgba(99,102,241,0.4);color:#fff}.keccak-cta-btn-secondary,.keccak-cta-btn.btn-secondary{color:var(--text-primary,#f8fafc);background:transparent;border:1px solid rgba(255,255,255,0.2)}.keccak-cta-btn-secondary:hover,.keccak-cta-btn.btn-secondary:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.3)}.keccak-hero{padding:4.75rem 0 1.65rem}.keccak-hero-content{max-width:980px}.keccak-title{font-size:clamp(2.25rem,5.8vw,4.35rem);letter-spacing:-0.055em}.keccak-subtitle{max-width:780px;margin-bottom:1.25rem}.keccak-intent-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:0.55rem}.keccak-intent-chip,.keccak-reference-use-btn{border:1px solid rgba(96,165,250,0.22);background:linear-gradient(180deg,rgba(15,23,42,0.76),rgba(15,23,42,0.42));color:#dbeafe;border-radius:999px;cursor:pointer;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.74rem;font-weight:700;letter-spacing:0.01em;padding:0.52rem 0.82rem;transition:transform 0.18s ease,border-color 0.18s ease,background 0.18s ease}.keccak-intent-chip:hover,.keccak-reference-use-btn:hover{border-color:rgba(96,165,250,0.55);background:rgba(59,130,246,0.14);transform:translateY(-1px)}.keccak-section{padding:1rem 0 3.25rem}.keccak-section>.container{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem;align-items:stretch;max-width:1180px;min-width:0;box-sizing:border-box}.keccak-card{max-width:none;min-width:0;margin:0;padding:1.25rem;background:linear-gradient(135deg,rgba(15,23,42,0.96),rgba(17,24,39,0.76)),radial-gradient(circle at 12% 0%,rgba(56,189,248,0.17),transparent 42%);border-color:rgba(125,211,252,0.2);box-shadow:0 28px 90px rgba(2,6,23,0.34),inset 0 1px 0 rgba(255,255,255,0.05);overflow:hidden}.keccak-tabs{margin-bottom:1rem}.keccak-field{margin-bottom:0.85rem}.keccak-input{min-height:58px;background:rgba(2,6,23,0.58);border-color:rgba(148,163,184,0.16);font-size:clamp(0.95rem,2vw,1.16rem)}.keccak-instant-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:0.8rem;margin:0.9rem 0}.keccak-primary-output,.keccak-selector-output,.keccak-primitive-strip article,.keccak-workbench-note{border:1px solid rgba(148,163,184,0.14);background:rgba(2,6,23,0.38);border-radius:16px}.keccak-primary-output,.keccak-selector-output{padding:1rem}.keccak-primary-output{background:linear-gradient(135deg,rgba(14,116,144,0.18),rgba(30,41,59,0.28));border-color:rgba(34,211,238,0.24)}.keccak-primary-output>span,.keccak-selector-output>span,.keccak-primitive-strip span,.keccak-note-label,.keccak-related-tools-label{display:block;color:rgba(203,213,225,0.7);font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.67rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase}.keccak-output-line{display:flex;align-items:center;gap:0.7rem;margin-top:0.65rem}.keccak-output-line code,.keccak-selector-output code,.keccak-primitive-strip strong{color:#bfdbfe;font-family:'JetBrains Mono','Fira Code',monospace}.keccak-output-line code{display:block;width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-all;white-space:normal;font-size:clamp(0.85rem,1.55vw,1rem);line-height:1.55}.keccak-primary-output p,.keccak-selector-output p,.keccak-primitive-strip p,.keccak-workbench-note p{color:rgba(203,213,225,0.72);font-size:0.82rem;line-height:1.45;margin:0.55rem 0 0}.keccak-selector-output code{display:block;margin-top:0.7rem;color:#67e8f9;font-size:1.32rem;font-weight:800}.keccak-primitive-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.65rem;margin-bottom:1rem}.keccak-primitive-strip article{padding:0.75rem}.keccak-primitive-strip strong{display:block;margin-top:0.4rem;color:#e0f2fe;font-size:0.94rem;overflow-wrap:anywhere}.keccak-examples{margin-bottom:0}.keccak-results{margin-top:1rem;padding-top:1rem}.keccak-result-row{background:rgba(15,23,42,0.34)}.keccak-result-value{max-width:100%}.keccak-byte-grid{background:rgba(2,6,23,0.46)}.keccak-byte[data-range="selector"]{background:rgba(14,165,233,0.25);border:1px solid rgba(56,189,248,0.35);color:#bae6fd}.keccak-byte[data-range="rest"]{background:rgba(99,102,241,0.12)}.keccak-workbench-note{position:sticky;top:96px;padding:1rem;min-width:0;min-height:0;align-self:start;background:linear-gradient(180deg,rgba(30,41,59,0.82),rgba(15,23,42,0.6)),radial-gradient(circle at 90% 0%,rgba(245,158,11,0.18),transparent 44%)}.keccak-workbench-note strong{display:block;color:#fde68a;font-size:1.04rem;line-height:1.3;margin-top:0.55rem}.keccak-workbench-note a{display:inline-flex;margin-top:0.85rem;color:#93c5fd;font-size:0.84rem;font-weight:700;text-decoration:none}.keccak-workbench-note a:hover{color:#bfdbfe}.keccak-reference-use-btn{padding:0.4rem 0.7rem}.keccak-verify-match,.keccak-verify-error,.keccak-verify-mismatch{display:block;padding:1rem;border-radius:12px;font-weight:800}.keccak-verify-error,.keccak-verify-mismatch{background:rgba(239,68,68,0.08);border:1px solid rgba(248,113,113,0.26);color:#fca5a5}.keccak-related-tools-section{padding:0 0 2rem}.keccak-related-tools{border-top:1px solid rgba(255,255,255,0.07);padding:1.5rem 0;text-align:center}.keccak-related-tools-label{margin:0 0 0.9rem;color:rgba(255,255,255,0.35)}.keccak-related-tools-list{display:flex;flex-wrap:wrap;justify-content:center;gap:0.65rem}.keccak-related-tool-link{font-size:0.82rem;padding:0.45rem 1rem}@media (max-width:1024px){.keccak-section>.container{grid-template-columns:1fr}.keccak-workbench-note{position:static;max-width:none}.keccak-education-grid{grid-template-columns:1fr;max-width:700px}.keccak-security-hook{position:static;max-width:500px;margin:0 auto}}@media (max-width:768px){.keccak-hero{padding:4rem 0 2rem}.keccak-title{font-size:2rem}.keccak-subtitle{font-size:1rem}.keccak-intent-bar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:0.35rem}.keccak-intent-chip{white-space:nowrap}.keccak-card{padding:1.5rem}.keccak-input{font-size:1rem;padding:0.875rem 3rem 0.875rem 0.875rem}.keccak-textarea{min-height:110px;font-size:0.8rem}.keccak-instant-grid,.keccak-primitive-strip{grid-template-columns:1fr}.keccak-output-line{align-items:flex-start}.keccak-tabs{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.keccak-tabs::-webkit-scrollbar{display:none}.keccak-tab{font-size:0.8rem;padding:0.625rem 0.75rem}.keccak-result-row{flex-direction:column;align-items:flex-start;gap:0.375rem}.keccak-result-label{min-width:auto}.keccak-result-value-wrapper{width:100%}.keccak-anatomy-annotations{grid-template-columns:1fr}.keccak-reference-table-wrapper{margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:none;border-right:none}.keccak-cta-card{padding:2rem 1.5rem}.keccak-example-chip{font-size:0.7rem;padding:0.3rem 0.625rem}}@media (max-width:480px){.keccak-hero{padding:3rem 0 1.5rem}.keccak-card{padding:1.25rem;border-radius:16px}.keccak-section>.container{padding-left:0.75rem;padding-right:0.75rem}.keccak-output-line{flex-direction:column}.keccak-output-line .keccak-copy-btn{align-self:flex-start}.keccak-tabs{flex-direction:row;border-bottom:1px solid rgba(255,255,255,0.08);gap:0;background:transparent;border-radius:10px;padding:0;margin-bottom:1rem}.keccak-tab{border-radius:0;padding:0.62rem 0.35rem;font-size:0.78rem}.keccak-tab::after{display:block}.keccak-tab-active{background:transparent}.keccak-field-header{flex-direction:column;align-items:flex-start;gap:0.25rem}.keccak-cta-actions{flex-direction:column}.keccak-cta-btn{width:100%;justify-content:center}.keccak-education-title,.keccak-reference-title,.keccak-faq-title,.keccak-cta-title,.keccak-anatomy-title{font-size:1.375rem}.keccak-batch-actions{flex-direction:column;align-items:stretch}.keccak-batch-compute-btn{justify-content:center}}