.portal-logo .logo-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portal-logo .logo-variant{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.portal-logo .logo-variant-tag{font-family:Space Mono,ui-monospace,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);padding:18px 22px 0}.portal-logo .logo-variant-canvas{flex:1;min-height:180px;background:var(--bg-base);display:flex;align-items:center;justify-content:center;padding:36px 28px;margin:14px 22px 0;border-radius:var(--radius-md);border:1px solid var(--border)}.portal-logo .logo-variant-canvas img{max-width:100%;max-height:64px;object-fit:contain}.portal-logo .logo-variant-meta{padding:20px 22px 22px}.portal-logo .logo-variant-meta h3{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:1.15rem;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.005em}.portal-logo .logo-variant-meta p{font-family:var(--font-body);font-size:.88rem;line-height:1.55;color:var(--text-secondary);margin:0 0 14px}.portal-logo .logo-min{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--border)}.portal-logo .logo-min span{font-family:Space Mono,ui-monospace,monospace;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em}.portal-logo .logo-min strong{font-family:var(--font-display);font-size:.95rem;color:var(--text-primary);font-weight:var(--fw-semibold)}@media(max-width:980px){.portal-logo .logo-variants{grid-template-columns:1fr}}.portal-logo .logo-accent{color:var(--accent)}.portal-logo .clearspace-wrap{display:flex;justify-content:center;margin-top:32px}.portal-logo .clearspace-diagram{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:48px 64px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.portal-logo .clearspace-logo{height:48px;object-fit:contain;position:relative;z-index:1}.portal-logo .cs-guide{position:absolute;display:flex;align-items:center;justify-content:center}.portal-logo .cs-guide-top{top:0;left:64px;right:64px;height:48px;border-bottom:1px dashed var(--accent)}.portal-logo .cs-guide-bottom{bottom:0;left:64px;right:64px;height:48px;border-top:1px dashed var(--accent)}.portal-logo .cs-guide-left{left:0;top:48px;bottom:48px;width:64px;border-right:1px dashed var(--accent)}.portal-logo .cs-guide-right{right:0;top:48px;bottom:48px;width:64px;border-left:1px dashed var(--accent)}.portal-logo .cs-x{font-family:Space Mono,ui-monospace,monospace;font-size:.72rem;color:var(--accent);background:var(--bg-surface);padding:2px 5px;border-radius:4px;letter-spacing:.05em}.portal-logo .sizes-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 40px;margin-top:32px}.portal-logo .size-item{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 24px;border-right:1px solid var(--border)}.portal-logo .size-item:last-child{border-right:none}.portal-logo .size-preview{display:flex;align-items:center;justify-content:center;min-height:64px}.portal-logo .size-item:nth-child(1) .size-preview img{height:48px}.portal-logo .size-item:nth-child(2) .size-preview img{height:32px}.portal-logo .size-item:nth-child(3) .size-preview img{height:20px}.portal-logo .size-preview img{object-fit:contain;max-width:100%}.portal-logo .size-ruler{position:relative;width:100%;height:10px;display:flex;align-items:center}.portal-logo .ruler-line{flex:1;height:1px;background:var(--text-muted);opacity:.5}.portal-logo .ruler-cap{width:1px;height:10px;background:var(--text-muted);opacity:.5;flex-shrink:0}.portal-logo .size-label{font-family:Space Mono,ui-monospace,monospace;font-size:.72rem;color:var(--text-secondary);letter-spacing:.06em;text-align:center}@media(max-width:760px){.portal-logo .sizes-card{grid-template-columns:1fr}.portal-logo .size-item{border-right:none;border-bottom:1px solid var(--border);padding:24px 0}.portal-logo .size-item:last-child{border-bottom:none}}.portal-logo .rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.portal-logo .rule-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px}.portal-logo .rule-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.78rem;font-weight:var(--fw-semibold);padding:5px 12px;border-radius:var(--radius-pill);width:fit-content}.portal-logo .badge-ok{background:rgb(from var(--accent) r g b / .15);color:var(--accent)}.portal-logo .badge-no{background:rgb(from var(--coral) r g b / .15);color:var(--coral)}.portal-logo .rule-logo{display:flex;align-items:center;justify-content:center;min-height:80px;background:var(--bg-base);border-radius:var(--radius-md);padding:24px;border:1px solid var(--border)}.portal-logo .rule-logo img{max-height:40px;object-fit:contain;max-width:100%}.portal-logo .rule-distort{transform:scaleX(1.4) rotate(-8deg);opacity:.7;filter:grayscale(.3)}.portal-logo .rule-label{font-family:var(--font-body);font-size:.88rem;line-height:1.55;color:var(--text-secondary);margin:0}@media(max-width:720px){.portal-logo .rules-grid{grid-template-columns:1fr}}.portal-logo .phero-art{height:180px;width:auto;object-fit:contain;opacity:.9;filter:drop-shadow(0 0 32px rgb(from var(--accent) r g b / .3))}